AI PRODUCT DESIGN

Gusty is a small product experiment exploring how a designer can move from concept to a deployed web app using an AI-assisted workflow.

Built using Figma for interface design, Claude and Cursor for AI-assisted development, deployed on Vercel with Git version control. The app pulls real-time weather data from publicly available APIs.

Design Approach

Gusty explores how complex mountain weather forecasts can be made legible and actionable for backcountry users. Most weather apps present large amounts of meteorological data but do little to help users interpret conditions for exposed alpine terrain.

The interface prioritizes three tasks: selecting a location, understanding wind conditions at different elevations, and comparing forecast models to assess confidence. Locations can be searched or selected directly on the map, with forecasts structured around trailhead, mid-mountain, and summit elevations to reflect how conditions change across a route.

Wind is treated as the primary signal. Forecasts visualize hourly wind speed, gusts, and direction using a dedicated wind color ramp and elevation-specific charts. Four forecast models (ECMWF, GFS, GEM, HRRR) are shown side-by-side to expose uncertainty rather than hiding it behind a single prediction.

A lightweight condition verdict system translates raw weather data into simple outcomes, with playful “Hair Mode” labels reflecting mountain culture.