THE WEATHER CHANNEL
THE WEATHER CHANNEL
THE WEATHER CHANNEL
THE WEATHER CHANNEL
UI/UX Design System
UI/UX Design System
UI/UX Design System
OVERVIEW
OVERVIEW
OVERVIEW
The new Weather Channel app offers a more intuitive and engaging experience, using data-driven infographics to create meaningful connections with users. Reimagined as a personalized platform tailored to each individual’s lifestyle, it delivers weather insights that are always relevant — and designed around you.
The new Weather Channel app offers a more intuitive and engaging experience, using data-driven infographics to create meaningful connections with users. Reimagined as a personalized platform tailored to each individual’s lifestyle, it delivers weather insights that are always relevant — and designed around you.
MY ROLES
MY ROLES
MY ROLES
UX/UI design
Art Direction
UX/UI design
Art Direction
Lizzy Ellis
Polina Kalmatckala
Alexandra Fisher
Anastasia Sarvas
Lizzy Ellis
Polina Kalmatckala
Alexandra Fisher
Anastasia Sarvas
MY TEAM
MY TEAM
MY TEAM
TOOLS
TOOLS
Figma
Adobe creative suite
Figma
Adobe creative suite
TOOLS
TOOLS
Figma
Adobe creative suite
DURATION
4 months, 2024
DURATION
DURATION
DURATION
4 months, 2024
4 months, 2024
PROBLEM
PROBLEM
PROBLEM
People who depend on accurate, local weather updates often struggle to get timely forecasts during unpredictable conditions, leaving them unprepared and stressed.
People who depend on accurate, local weather updates often struggle to get timely forecasts during unpredictable conditions, leaving them unprepared and stressed.
SOLUTION
SOLUTION
SOLUTION
A hyper personalized weather app design to fit each users needs.
A hyper personalized weather app design to fit each users needs.
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
RESEARCH
RESEARCH
RESEARCH
RESEARCH
SUMMARY
SUMMARY
SUMMARY
The weather app should be personalized to users’ lives, whether they’re using it for their daily commute, occasional travel, business, or extreme weather.
The weather app should be personalized to users’ lives, whether they’re using it for their daily commute, occasional travel, business, or extreme weather.
I need a location-accurate weather forecast because I’m always running around different boroughs in the city.
I need a location-accurate weather forecast because I’m always running around different boroughs in the city.
I need a location-accurate weather forecast because I’m always running around different boroughs in the city.
How might we offer long-term weather forecasts with hyper local accuracy information for specific locations in the city
How might we offer long-term weather forecasts with hyper local accuracy information for specific locations in the city
How might we offer long-term weather forecasts with hyper local accuracy information for specific locations in the city
COMMUTER-CAL
COMMUTER-CAL
COMMUTER-CAL
I struggle to plan trips because the weather is always changing and hard to predict months in advance.
I struggle to plan trips because the weather is always changing and hard to predict months in advance.
How might we provide real-time trail and weather updates while predicting optimal travel dates in advance to simplify trip planning?
How might we provide real-time trail and weather updates while predicting optimal travel dates in advance to simplify trip planning?
How might we provide real-time trail and weather updates while predicting optimal travel dates in advance to simplify trip planning?
TRAVEL GEMINI
TRAVEL GEMINI
TRAVEL GEMINI
I struggle to plan trips because the weather is always changing and hard to predict months in advance.
It can be challenging to find accurate, up-to-date weather information during evacuations in extreme weather events.
It can be challenging to find accurate, up-to-date weather information during evacuations in extreme weather events.
How might we reduce the confusion caused by conflicting weather reports for residents in high-risk areas?
How might we reduce the confusion caused by conflicting weather reports for residents in high-risk areas?
WINDFALL
WINDFALL
As a farmer, rapidly changing weather conditions often leave me feeling unprepared and make it difficult to plan effectively for the best crop yields
As a farmer, rapidly changing weather conditions often leave me feeling unprepared and make it difficult to plan effectively for the best crop yields
How might we narrow down importance of weather data depending on the individuals needs related to a user's career and business?
How might we narrow down importance of weather data depending on the individuals needs related to a user's career and business?
GARDEN GUIDE
GARDEN GUIDE
It can be challenging to find accurate, up-to-date weather information during evacuations in extreme weather events.
How might we reduce the confusion caused by conflicting weather reports for residents in high-risk areas?
How might we reduce the confusion caused by conflicting weather reports for residents in high-risk areas?
WINDFALL
WINDFALL
It can be challenging to find accurate, up-to-date weather information during evacuations in extreme weather events.
As a farmer, rapidly changing weather conditions often leave me feeling unprepared and make it difficult to plan effectively for the best crop yields
How might we narrow down importance of weather data depending on the individuals needs related to a user's career and business?
How might we narrow down importance of weather data depending on the individuals needs related to a user's career and business?
GARDEN GUIDE
GARDEN GUIDE
As a farmer, rapidly changing weather conditions often leave me feeling unprepared and make it difficult to plan effectively for the best crop yields
UI DESIGN
UI DESIGN
UI DESIGN
UI DESIGN
COMMUTER-CAL
COMMUTER-CAL
COMMUTER-CAL
commutercal helps commuters by syncing with their calendar to provide weather updates and alternate route suggestions that align with their daily schedule.
commutercal helps commuters by syncing with their calendar to provide weather updates and alternate route suggestions that align with their daily schedule.
TRAVEL GEMINI
TRAVEL GEMINI
A travel planner with parks, weather, tips, routes, and climate-based advice.
A travel planner with parks, weather, tips, routes, and climate-based advice.
GARDEN GUIDE
GARDEN GUIDE
Provides alerts that are specific to the users location and business as well as guidance and actionable tasks after receiving those alerts.
Provides alerts that are specific to the users location and business as well as guidance and actionable tasks after receiving those alerts.
WINDFALL
WINDFALL
A customizable weather alert system with severity-based notifications, commute scheduling, family preferences, follow-up alerts, and personalized color coding.
A customizable weather alert system with severity-based notifications, commute scheduling, family preferences, follow-up alerts, and personalized color coding.
CARDS
CARDS
Shapes are the storytellers. Circles, squares, lines used like building blocks to create flow, repetition, and structure.
Shapes are the storytellers. Circles, squares, lines used like building blocks to create flow, repetition, and structure.
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
VIBRANT
VIBRANT
VIBRANT
sharp contrasts bring energy, rhythm, and confident direction. Bold by design always speaking, never just sitting pretty.
sharp contrasts bring energy, rhythm, and confident direction. Bold by design always speaking, never just sitting pretty.
GEOMETRIC
GEOMETRIC
GEOMETRIC
The Everyman
The Everyman
20%
20%
The Explore
The Explore
80%
80%
CARDS
CARDS
Avenir
Avenir
BRAND TYPEFACE
BRAND TYPEFACE
ICON SYSTEM
ICON SYSTEM
Breeze
#0266CA
Breeze
#0266CA
Breeze
#0266CA
Cloudy
#021E60
Cloudy
#021E60
Cloudy
#021E60
Storm
#D53257
Storm
#D53257
Storm
#D53257
Lightning
#FFC72E
Lightning
#FFC72E
Lightning
#FFC72E
Sunset
#DF5600
Sunset
#DF5600
Sunset
#DF5600
Blizzard
#FFFAF1
Blizzard
#FFFAF1
Blizzard
#FFFAF1
Black Ice
#000000
Black Ice
#000000
Black Ice
#000000
The weather channel is now ready for the next generation of users who expect their weather information to be suited precisely to their needs.
The weather channel is now ready for the next generation of users who expect their weather information to be suited precisely to their needs.
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
The weather channel is now ready for the next generation of users who expect their weather information to be suited precisely to their needs.