Weather Canada App UI & UX

Weather Canada App UI & UX Mobile Application

Weather App UI - Tablets, Phones

Weather UX Done Right.

A weather app that supports the safety and well-being of Canadians with real-time weather updates and geo-located push notifications of pertinent weather alerts and warnings.

Current weather condition detailsWeather App — hourly forecastWeather App — Current conditions. Bright themeWeather App UI — Hourly condition detailsWeather App — Radar precipitation legend

Our Client

Environment and Climate Change Canada is responsible for coordinating environmental policies and programs, as well as preserving and enhancing the natural environment and renewable resources.

The Challenge

Environment and Climate Change Canada sought to redesign its existing weather app to give it a new, consistent look with additional functionality. The government agency hired ROSSUL to:

  • Create an intuitive, modern UI design that makes the app easy to use.
  • Upgrade the information architecture to make the app more user-friendly.
  • Incorporate best practices into the application.
  • Create a consistent, branded look and feel that helps build loyalty and trust among users.
  • Accommodates new functionality while still maintaining AA accessibility standards.
  • Ensure the app is compatible with both English and French content.
Improved Accessibility

Improved Accessibility

The previous app did not meet the current Canadian accessibility standards. We redesigned the interface in conformance to Level AA, ensuring the app was accessible for users with common eye and vision conditions. We also added high-contrast, light, and dark modes to accommodate the varying visual needs of users.

Streamlined Information Architecture

Streamlined Information Architecture

The UI was developed around the goal of eliminating unnecessary elements to create an easy-to-navigate, streamlined user experience. We significantly revised the original layout of the weather data, simplifying it and removing redundant navigation while improving access to all application features. Every element was studied and removed from the design if deemed unnecessary to the app’s functionality. This way, we could create an exceedingly clean UI while allowing the client to add new features, like Air Quality. The Radar Settings screen was also completely redesigned to make it more self-explanatory and easier to understand.

Seamless Experiences on All Mobile Devices

Seamless Experiences on
All Mobile Devices

To ensure that all users would have optimal, seamless mobile experiences, ROSSUL designed universal applications for both IOS and Android devices. We took into account the size and orientation differences to create an app that can be easily viewed and used vertically and horizontally. The result is a UI that looks and functions beautifully on both smartphones and tablets.

A Consistent Look & Feel

A Consistent Look & Feel

Effective and cohesive visual communication is foundational to the success of any UI, and one of the critical business goals for the redesign was to create a consistent look and feel. From colour palettes to style guidelines to layouts, every element of the refreshed design was thoughtfully reviewed to develop a design system that allowed for a unified user experience. We also created a high-quality icon family to instantly communicate the weather status in any configuration of snow, rain, wind, sun, etc. The consistent and compelling weather icons are quick to scan and are immediately understood by users.

Let's Work Together

Working with ROSSUL is more than a transaction - it is a long-term partnership!