DIGITAL · UI/UX — PROJECT 02

Clima

A weather application designed around how people actually need weather — by location, by condition, by mood.

UI/UX design · PM Accelerator · 2026
ROLEAI UI/UX Designer
TYPEUI/UX design exploration
SCREENS20+ designed screens
TOOLSFigma · iOS 15 UI Kit · Illustrator
THE BRIEF

Most weather apps suffer from information overload — they give you everything and help you with nothing. The aim of Clima was different: a weather application that allows users to easily access accurate and personalised weather information for multiple locations, with a 5-day forecast, without cognitive overload.

The core design challenge: weather data is the same everywhere. The difference is entirely in how you present it.

REQUIRED FEATURES
  • Current conditions — large temperature, icon, supporting metrics
  • 5-day forecast — clear hierarchy, tap any day to expand detail
  • Multiple location tracking — add, remove, reorder locations
KEY DESIGN DECISION — COLOUR AS LANGUAGE

The single most important decision in the whole project: each weather condition gets its own full-screen colour palette. Not just an icon — the entire app changes mood. This makes the weather legible at a glance before you read a single number.

SUNNY#EACE8A
WINDY#E76F51
THUNDER#5A7985
SNOWY#48595F
CLOUDY#264653
RAINY#2A9D8F
PROTOTYPE

The full prototype — flowing through current conditions, 7-day forecast, multi-location switching, weather warnings, and preferences.

Recorded from Figma prototype · 2026
DURING THIS PROJECT
WHAT I RESEARCHEDExisting weather apps
What users check first
Colour and mood
Weather data hierarchy
iOS interface conventions
TOOLSFigma
iOS 15 UI Kit
Illustrator
Figma prototyping
Miro
WHAT I DESIGNEDSix condition colour states
20+ screens
Reusable components
Multi-location system
Clickable prototype
TWO USERS, FIVE SCREEN SYSTEMSSee the process & research →User needs, design implications, and every screen decision explained.