Skip to main content
UI-UX

Info BMKG - Redesign

Info BMKG - Redesign

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"25°C Partly Cloudy, Magnitude 4.0 SR Northeast of Tarakan, Heavy Thunderstorm Warning in Blitar — Info BMKG redesigned is Indonesia's national weather and disaster data, finally presented with the clarity it deserves."}]},{"type":"image","attrs":{"src":"https://cdn.dribbble.com/userupload/3998355/file/original-cee5f9ed235aed41f116e10e90e125da.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UI/UX Design — Info BMKG Redesign"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App Redesign · Weather & Disaster Information · BMKG Indonesia"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A clean, modern redesign of the Info BMKG app — Indonesia's official meteorological, climatological, and geophysical agency platform — transforming critical public safety data into a UI that is as clear and calm as the weather it monitors, and as urgent as the disasters it tracks."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Three screens map the app's core functions:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Weather Screen:"},{"type":"text","text":" Karangploso, Malang — Today, 13 November 2022 — 25°C, Partly Cloudy. Wind 24 km/h, Humidity 60%, Precipitation 0%. An hourly forecast strip runs below. The dark blue gradient background with a soft illustrated cloud-and-sun icon creates a UI that feels atmospheric and immersive — weather as environment, not just data."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Home/Dashboard:"},{"type":"text","text":" The hub screen combines weather (25°C, Partly Cloudy, Karangploso) with two critical safety layers: a Recent Earthquake card (Magnitude 4.0 SR, Northeast of Tarakan, 2,433 km away) and Early Warning cards for today — Heavy Thunderstorm in Blitar, Jawa Timur and Strong Winds in Denpasar, Bali. Each warning card shows the affected sub-districts. This is BMKG's most important UX challenge solved: surfacing life-safety alerts within a weather app without causing alarm fatigue."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Earthquake Screen:"},{"type":"text","text":" A full map of the Indonesian archipelago with earthquake epicenter pins, filtered by Recent / M≥5 / Felt tabs. The detail panel shows the 13 Nov '22 event: 4.0 SR magnitude, 10 km depth, epicenter 21 km northeast of Tarakan at 8.25°S 116.00°E, felt regions I Tarakan and II Samarinda."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The five-tab bottom navigation — Weather, Air Quality, BMKG logo, Earthquake, More — is a thoughtful IA decision: the BMKG emblem as the center tab communicates institutional identity while keeping the navigation balanced."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A redesign that treats public safety information with the design quality Indonesian citizens deserve."},{"type":"hardBreak"},{"type":"hardBreak"}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/details/226-mata-bencana/mata-bencana.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":"center"},"content":[{"type":"text","text":"(Old Idea)"}]}]}

Tech Stack

Figma

Tags

UI-UXweatherappmobilemobile appdisaster

Completed

November 2022

Project Scale

short Project