Design

Key Features

Your foodie friend Hops

Indecision is what kills most food apps for casual users. So I made the brand voice a foodie friend, someone who nudges you instead of making you scroll.

Hops foodie friend assistant-style interface screens.
Foodie friend assistant-style screens.

A personality, not an algorithm

The mascot became the assistant, giving recommendations and reactions a familiar face users could trust. I animated a set of states so Hops always feels alive in the chat.

Fetching

Hops carrying loading states, so waiting never feels like a spinner.

Hops mascot running with a parcel.
Loading.

Recommending

Hops fronting recommendations, presenting picks like a friend would.

Hops mascot presenting a recommendation.
Recommending.

Reacting

Hops reacting to your choices, closing the loop with a bit of delight.

Hops mascot reacting happily.
Reacting.

The Ask Hops flow

The full flow as an animated prototype: a tired user asks where to go, and Hops comes back with a pick nearby.

Hops deals screen
01

Ask like you'd text a mate

Plain language in. No filters, no forms.

02

Hops does the digging

Searches nearby deals that fit the ask.

03

One pick, not a list

A single card you can act on, distance included.

Animated prototype of the Ask Hops flow.
Hops dashboard interface screen.
Home Dashboard screens.
Hops map page screen.
Map page screens.
Hops favourites and saved places screens.
Favourites and saved places screens.
Hops design system artefacts.
Hops design system artefacts.
Early sketches and the evolution of the Hops mascot.
From early sketches to the final mascot.