Weather Canada App UI & UX Mobile Application

Weather UX Done Right

Weather UX Done Right.

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

air qualityhourly forecastdata cardhourly condition detailsradar 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.

Goals

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

  • Create a consistent, branded look and feel that helps to build loyalty and trust among app users.
  • Beef up the IA and add new features.
  • Make sure the app looks and performs well on both Apple and Android phones as well as tablets.
  • Incorporate best practices, usability and accessibility standards.
  • Ensure the app accommodates both English and French content.
Improved Accessibility

Improved Accessibility

The previous app did not meet accessibility standards. Rossul ensured that Level AA conformance was met in full and that the app was accessible for persons with common eye and vision conditions. We created a high-contrast mode, as well as light and dark modes. In addition to visual icons depicting weather situations, plain text describing the current and expected conditions was added to aid those with visual impairments.

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. Rossul revised the original layout of weather data significantly, simplifying it and removing redundant navigation while improving access to all application features. Every element was studied, and removed from the design if it was unneeded for the functionality of the app. This way we were able to 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 render it easier to understand and more self-explanatory.

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 both 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 communications are foundational to the success of any UI, and one of the critical business goals for the redesign was the need to create a consistent look and feel. From colour palettes to style guidelines to layouts, every aspect of the refreshed design was thoughtfully considered to develop a design system that allows for a unified user experience.

We also created a high-quality icon family to quickly communicate the weather status in any configuration of snow, rain, wind, sun, etc. The consistent and compelling weather icons are quick to scan and instantly understood by users.