HOME ABOUT CONTACT

The Weather Network, 2025

Redesign of The Weather Network website for improved usability, accessibility, and overall user experience.

SCOPE

UI/UX Design

ROLE

UI/UX Designer

TOOLS USED

Figma
Adobe Illustrator

weather network website mockup

THE PROBLEM

The Weather Network website has an overload of information, disorganized content, and a complex navigation system. There is also repeated and unnecessary information, and a lack of visual hierarchy. This makes it difficult for users to find what they need quickly.


screenshot of current weather network website

THE RESEARCH

In order to solve this problem, I looked at competitors such as Acuuweather, Weatherbug, and OpenWeatherMap. Then, I identified the strengths and weaknesses, making note of opportunities for improvement to The Weather Network.

image with text displaying design plan for redesign

THE PROCESS

After deciding on the changes I needed to make, I created mid fidelity wireframes, along with a prototype. This helped me assess the flow of the website and discover any challenges.


low fidelity wireframes

THE SOLUTION

To begin the website, I refined the navigation system by establishing a clearer hierarchy and stronger distinction between primary sections and subsections.


image showing navigation of redesigned website

On the home page, there is a clear hierarchy of information, with the most important information standing out first. I also added a short, written summary of the current weather, and tomorrow's weather underneath.


image showing home page of redesigned website

Basic information is presented upfront, with optional dropdown menus to reveal more detailed content.


I combined the 7 and 14 day pages, with optional dropdown menus as well.


image showing hourly page with 7 day view of weather