Wolt UI design & app screens

Why Wolt reads as calm even during the dinner rush

Most delivery apps default to appetite-red urgency banners and countdown pressure. Wolt goes the other way. Its signature is a cool, near-navy blue paired with generous white space and a restrained sans-serif set at comfortable sizes, so the discovery feed feels closer to a design magazine than a coupon flyer. Restaurant cards lead with a single large, well-lit food photo, the venue name in medium weight, and a thin row of metadata — rating, delivery estimate, price tier — rather than stacking badges. The visual quiet is a deliberate craft decision: it lets the photography carry the appetite appeal.

That calm extends to how choices are framed. Category chips scroll horizontally in a single tidy rail; filters open in a bottom sheet with clear toggle groups instead of a cramped modal. Wolt trusts the grid and the photography to do the selling, so it can afford to strip chrome from everything around them. For designers, it's a useful counterexample to the assumption that a transactional, time-sensitive product must look loud to convert.

The order-tracking screen as a small piece of theater

Wolt's live tracking map is where its personality concentrates. The courier moves along the route as an animated marker, the delivery estimate updates in place, and the stage of the order — confirmed, being prepared, picked up, on the way — advances through a labeled progress indicator rather than a raw percentage. The map itself is styled to match the app's muted palette instead of dropping in default vendor tiles, which keeps the branded feel unbroken at the exact moment users stare at the screen most.

The copy is the other half of the trick. Status lines and empty states carry a light, human voice — reassuring and occasionally playful — instead of robotic 'Order #4471 in transit' phrasing. It's a masterclass in using microcopy plus a single well-animated map to turn dead waiting time into something that feels attended-to. Study how the illustration style and the copy tone stay consistent from the confirmation screen through delivery to make the wait feel shorter than it is.

Typography and spacing as the real design system

Look past the individual screens and Wolt's coherence comes from a disciplined type and spacing scale rather than flashy components. Headings, body, and captions sit at a small number of well-separated sizes; line height is loose enough to breathe; and section spacing is consistent whether you're on the home feed, a venue menu, or the checkout summary. Buttons are full-width, softly rounded, and use one dominant action color so the primary next step is never ambiguous.

Menu screens show the payoff best. A long list of dishes with modifiers could easily turn into visual soup, but Wolt groups items under sticky category headers, keeps each row to photo-name-price, and pushes customization into a focused detail sheet. The restraint means a hundred-item menu still scans quickly. If you're building any catalog-style browse-and-configure flow, Wolt's menu is a clean reference for hierarchy without clutter.

Frequently asked questions