Back to UI/UX
UI/UX Case Study

Weather App

Weather App is a minimal weather dashboard concept designed to help users check real-time weather updates, recent searches, and key climate details through a clean and calming interface.

Role: UI/UX Designer Tool: Figma Scope: Web App Design
Weather App UI design mockup

Design Goals

Clean and minimal weather dashboard
Easy city search and recent search access
Readable weather details with clear hierarchy
Soft muted color palette for a calm user experience

Screen Showcase

Weather App main screen design Weather App recent search history design Weather App weather details screen Weather App responsive mobile design

Design Explanation

The design uses a muted olive and beige color palette to create a soft, calm, and premium visual style. The layout focuses on quick readability, placing the weather icon, temperature, city, and local date at the center, while supporting details such as humidity, wind speed, feels-like temperature, sunrise, and sunset are organized in a balanced two-column structure.

Recent searches were included as small rounded chips below the search bar, allowing users to quickly revisit previously searched cities without retyping. Smooth icon movement and fade-in transitions were planned to make the interface feel more polished and interactive.