Weather Fit — UI/UX app case study

UI/UX Design

Weather Fit

Helping users understand how the weather actually feels and what to wear throughout the day.

Overview

The Problem

Weather apps provide temperature data, but they often fail to explain how the weather will actually feel. As a result, users struggle to make confident clothing decisions throughout the day.

Weather Fit

Weather Fit combines weather forecasts with personal style preferences to provide clear and practical outfit recommendations, helping users feel comfortable and confident throughout the day.

Research Insights

01

People want certainty, not just numbers

Most participants said it is important to understand how the weather actually feels, not only the temperature.

02

Weather is most confusing during transitional conditions

Participants reported that choosing clothing is most difficult during seasonal changes and unpredictable weather.

03

Incorrect clothing choices affect daily experience

Unsuitable clothing impacts comfort, energy levels, and overall daily experience.

Meet Weather Fit

Weather Fit is a mobile app that helps users make confident clothing decisions by combining weather forecasts with personal style preferences.

The app translates weather data into practical outfit recommendations, helping users stay comfortable throughout the day.

Weather Fit app — good morning outfit screen

Design System

Typography

Quicksand

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890 !?@#$%&

Color System

Design Style

The visual language is soft, friendly and minimal, using rounded shapes, subtle gradients and clean layouts to create a calm and intuitive experience.

Outfit Suggestions Throughout the Day

Weather Fit adapts outfit recommendations throughout the day, helping users stay comfortable from morning to evening. As users swipe between different times, the weather conditions, styling suggestions, and visual atmosphere update accordingly.

  • Understand how the day will actually feel
  • Recommendations adapt to changing conditions
  • Morning, afternoon, and evening experiences in one flow
Weather Fit — good morning outfit screen Weather Fit — good afternoon outfit screen Weather Fit — good evening outfit screen

Style Preferences

Users can select a preferred clothing style, allowing recommendations to align with both weather conditions and personal taste.

  • Casual, Formal, Streetwear, Vintage, Bohemian, and Sporty styles
  • Recommendations adapt to both weather conditions and personal preferences
  • Creates a more personal and relevant daily experience
Weather Fit — style preferences screen
Check My Prototype