A weather app for people who wake up in one city and land in another by Thursday, and for people planning a month ahead.
Role
Product Designer
Team
Solo
Timeline
1 week, 2026
Tools
Figma
TLDR I designed a weather app that serves two very different people on one screen: a traveller juggling three cities this week, and a farmer planning around the next month.
01Overview
01 · Overview
What do I pack for Tokyo on Thursday?
Weather apps are built for people who stay put: one city, one forecast, today. But the people who need weather most, the ones with 6am flights and a carry-on that has to work in two climates, end up stitching answers together across apps and doing time zone math before coffee.
How might we let someone living across three cities understand all of them at a glance?
9:41
VancouverBostonTokyo
+0h from local
Sunday, 29 March
SunnyCloudyRain
31°
H: 34° L: 28°
Daily Summary
Good morning, Iris. It’s 31° and sunny, ranging from 28° to 34° today.
10km/hWind
68%Humidity
1.9kmVisibility
5-Day Forecast/Monthly
MonH: 57°L: 25°89%
TueH: 61°L: 30°67%
WedH: 55°L: 23°75%
ThuH: 58°L: 25°84%
FriH: 53°L: 28°93%
pack: light jacket
Swipe between cities: the colour, the character and the offset change with it
02 · The Users
One thinks in hours. The other thinks in seasons
The primary user is a frequent traveller who needs three cities at a glance, not one after another. The secondary user is a long-term planner whose livelihood depends on whether the next three weeks stay dry. The design had to serve both without shortchanging either.
Primary user
Thinks in hours
Maya, 31Business Development Manager
Right now, in her three cities
Vancouver--:--
Boston--:--
Tokyo--:--
her situation
Flies 3–4 times a month across North America and Asia. Lives out of a carry-on. Always has three time zones open in her head.
her goal
Know what to pack for Tokyo on Thursday, without opening four apps to figure it out.
her frustration
“I do the timezone math in my head before I’ve had coffee. Every. Single. Morning.”
what she needs from Wayther
Secondary user
Thinks in seasons
Daniel, 48Independent Farm Owner
His next 30 days, at a glance
3 dry windows in the next month. Hover a day
his situation
Runs 200 acres in the Fraser Valley. Planting and harvest windows are everything. One bad weather call costs him weeks.
his goal
Find the dry windows in the next 3–4 weeks. Trends matter more than today's number.
his frustration
“Every app shows me today. I don’t need today. I need the next month.”
what he needs from Wayther
03 · Key Decisions
Six questions, each answered on the screen
01Where am I right now?
Every city gets its own colour. Vancouver is a warm sunny yellow, Boston a cool sky blue, Tokyo a muted night slate. Tap a colour and the whole screen follows: colour tells you where you are before you read a word.
Vancouver#FECC41
Boston#AEE0FF
Tokyo#667F9E
9:41
VancouverBostonTokyo
+0h from local
Sunday, 29 March
SunnyCloudyRain
31°
H: 34° L: 28°
Daily Summary
Good morning, Iris. It’s 31° and sunny, ranging from 28° to 34° today.
10km/hWind
68%Humidity
1.9kmVisibility
5-Day Forecast/Monthly
MonH: 57°L: 25°89%
TueH: 61°L: 30°67%
WedH: 55°L: 23°75%
ThuH: 58°L: 25°84%
FriH: 53°L: 28°93%
pack: light jacket
Now, switching cities feels like walking into a different room.
02What time is it there?
The time difference sits right under the city name. “+3h from local” and “+16h from local” take the mental math out of Maya’s morning.
9:41
VancouverBostonTokyo
+0h from local
Sunday, 29 March
SunnyCloudyRain
31°
H: 34° L: 28°
Daily Summary
Good morning, Iris. It’s 31° and sunny, ranging from 28° to 34° today.
10km/hWind
68%Humidity
1.9kmVisibility
5-Day Forecast/Monthly
MonH: 57°L: 25°89%
TueH: 61°L: 30°67%
WedH: 55°L: 23°75%
ThuH: 58°L: 25°84%
FriH: 53°L: 28°93%
pack: light jacket
The offset lives where your eyes land first
Now, there’s no converting in your head before coffee.
03What should I wear?
Five days, three facts each. Every forecast row leads with the day, the conditions and the high and low. Hourly breakdowns were left out on purpose: they add load without helping someone pack a bag.
9:41
VancouverBostonTokyo
+0h from local
Sunday, 29 March
SunnyCloudyRain
31°
H: 34° L: 28°
Daily Summary
Good morning, Iris. It’s 31° and sunny, ranging from 28° to 34° today.
10km/hWind
68%Humidity
1.9kmVisibility
5-Day Forecast/Monthly
MonH: 57°L: 25°89%
TueH: 61°L: 30°67%
WedH: 55°L: 23°75%
ThuH: 58°L: 25°84%
FriH: 53°L: 28°93%
pack: light jacket
Day, conditions, high and low, and nothing else. The “pack” chip is illustrative, not a shipped feature
Now, the forecast answers the packing question in one glance.
04Can you just tell me?
A Daily Summary in plain language. Above the numbers, a short greeting reads the day for you: how it feels, the range and the conditions, like a friend checking the weather for you.
9:41
VancouverBostonTokyo
+0h from local
Sunday, 29 March
SunnyCloudyRain
31°
H: 34° L: 28°
Daily Summary
10km/hWind
68%Humidity
1.9kmVisibility
5-Day Forecast/Monthly
MonH: 57°L: 25°89%
TueH: 61°L: 30°67%
WedH: 55°L: 23°75%
ThuH: 58°L: 25°84%
FriH: 53°L: 28°93%
pack: light jacket
The meaning first, the numbers underneath
Now, you get the meaning first and the numbers second.
05Which way is the month leaning?
Monthly transforms the screen you’re already on. Tapping “Monthly” swaps the 5-day list for a 30-day outlook, a temperature range chart and a precipitation forecast, so Daniel can spot dry windows without a separate app.
9:41
VancouverBostonTokyo
+0h from local
Sunday, 29 March
SunnyCloudyRain
31°
H: 34° L: 28°
Daily Summary
Good morning, Iris. It’s 31° and sunny, ranging from 28° to 34° today.
10km/hWind
68%Humidity
1.9kmVisibility
5-Day Forecast/Monthly
MonH: 57°L: 25°89%
TueH: 61°L: 30°67%
WedH: 55°L: 23°75%
ThuH: 58°L: 25°84%
FriH: 53°L: 28°93%
pack: light jacket
Tap Monthly and the screen you’re on becomes the month
Now, one app serves both a 6am flight and a harvest plan.
06How do I keep track of my cities?
Locations you can rearrange by hand. Each city card is tinted with its colour, shows its offset and temperature, and can be dragged to reorder or removed. A search bar, with voice, adds new ones.
9:41
Locations
VancouverLocal31°
Boston+3h28°
Tokyo+16h24°
Paris+9h18°
Search for a city
Hold to reorder, search to add. Paris is illustrative
Now, your three cities are always one swipe apart, in the order you care about.
04 · Outcome
Weather data is the same everywhere. Understanding the user isn’t
30cities at a glance
20users, one screen
60screens designed
Every element in Wayther (the city colours, the offset, the five-day format, the summary, the monthly toggle) traces back to a specific person with a specific problem.