WeatherWear
Most weather apps stop at temperature and forecasts, even though most people check the weather to make decisions like what to wear. Metrics like humidity, dew point, or “partly cloudy” often don’t help users picture what it actually feels like outside, leaving them guessing.
This gap presents an opportunity to design a weather app that connects weather data to real-life decisions in a clearer, more helpful way.
WeatherWear is a mobile app prototype that displays real-time weather conditions alongside simple, actionable outfit suggestions, so users can get dressed confidently and appropriately each day.
I conducted a Google survey with 50 people in my network to learn more about their weather-checking habits. Of those people, 76% said they check the weather primarily to decide what to wear.
I started with rough digital wireframes to explore layout and user flow, then moved into mid-fi wireframes to test different UI structures.
My wireframes felt too text heavy. I decided the icon system was going to be the main focus of the app. Pictured here are my initial sketches.
I played around with multiple iterations of my Icons.
Because they are illustrative I decided to add a container for them to give a stronger sense of geometry
A key challenge was deciding how to use color. Should it reflect temperature? Clothing type? Weather conditions?
I ultimately chose weather type with the intention of making it easier for users to quickly gain visual literacy.
I also introducred a simple widget that can give you the same info at a glance.
Including the moon phases and Mercury retrograde adds a small but meaningful ritual to the app. It turns a quick weather check into something a little more thoughtful.
Users start their day by dressing for the weather, then might notice the moon in the evening. This bridges the experience between the app and day to day interaction with the world.