Work Coffee Lover
Case study Coffee & ordering Product design iOS & Android

Coffee, made your way.

Coffee Lover is an ordering app that turns picking a cup into the fun part, browse by style, then build it with the milk and size you want. We built the whole product, from the brand and a warm espresso UI to the native iOS and Android app.

Coffee Lover splash screen with a coffee pour photo and a Get In Now button
Coffee Lover · iOS
4.8
Launch app-store rating
2 platforms
iOS & Android, one codebase
3 styles
Hot, Cold & Others
8 wks
Brief to App Store
01 / The brief

Browse, build, savour.

Most coffee apps bury you in a flat list of drinks and a tiny “customise” link. Coffee Lover wanted the opposite: big, appetising photography, a shop you browse by style, and a product page where choosing your milk and size feels like part of the treat.

Make ordering a cup feel as rich as drinking one.

The look is deliberately warm and indulgent: full-bleed espresso photography, soft cream cards, one deep coffee brown, and plenty of room to breathe. We ran it from naming and brand through to the shipped native build on both platforms.

  • P1Flat menus, no appetite. Text-heavy lists don't sell coffee; the shop had to lead with photography.
  • P2Customising felt like a chore. Milk and size choices were buried, so the product builder had to be front and centre.
  • P3One small team, both stores. iOS and Android had to launch together on a tight runway.
Client
Coffee LoverCoffee & ordering
Engagement
End-to-endBrand → design → build
Platforms
iOS & AndroidCross-platform, native feel
Timeline
8 weeksDiscovery to launch
02 / The work

Three screens, one perfect cup.

An appetising welcome, a home that browses by style, and a product page built for tweaking.

Coffee Lover splash screen with a coffee pour photo and a Get In Now button
01 · Brand & welcome

A special first pour.

The opening screen is pure appetite: a full-bleed shot of coffee pouring over beans, the words “special COFFEE” set in an elegant serif, and one soft Get In Now button. No sign-up wall, just the promise of a good cup.

  • Full-bleed coffee-pour photography over a warm overlay
  • An elegant serif wordmark against the lowercase “special”
  • One soft Get In Now button, zero friction
Coffee Lover home screen with a greeting, search, style tabs, thumbnails and a featured Cappuccino card
02 · The home shop

Browse it by style.

Home opens with a warm “Hey! What would you like to have?” and a search bar, then style tabs for Hot Coffee, Cold Coffee and Others. A row of drink thumbnails sits above a large swipeable featured card, Cappuccino, with creamy milk, 4.2★, with a tidy bottom bar underneath.

  • Friendly greeting and a prominent Search For Coffee bar
  • Hot, Cold and Others style tabs over a thumbnail row
  • A large swipeable featured card with name, note and rating
Coffee Lover product detail for Cappuccino with milk and size options and an Order Now button
03 · The product builder

Make it exactly right.

Tap a drink and it opens on a big hero photo with a save heart, then the name, a short description and a rating. Below, two tidy chip groups, Choose Milk (Classic, Coconut, No Lactose, Almond) and Coffee Size (280, 270, 450 mL), with one confident Order Now button anchored at the bottom.

  • Hero product photo with a one-tap save heart
  • Milk and size choices as clear, tappable chip groups
  • A single Order Now button anchored at the bottom
03 / The flow

Welcome, browse, build.

From the first pour to a cup customised just right, the experience lives across three screens.

04 / The system

Warm, indulgent, repeatable.

Everything ships as named tokens and reusable components, so the Coffee Lover team can add a cart, a checkout or the next seasonal drink without redrawing a card.

Color · espresso on cream
#F2E7DD
#C28E5E
#9C6644
#5C3A24
#2A1A12
Order Now Get In Now

One coffee brown carries every action and tints the chips and tabs; everything else is cream, white space and photography. Cards and chips share a single generous corner radius.

Type · a serif accent, a workhorse sans
specialSerif accent
COFFEEDisplay · 22/600
What would you like to have?Heading · 18/600
Cappuccino · with creamy milk · 4.2 ★Meta · 13/500

An elegant italic serif handles brand moments while a clean sans does the everyday work, so the app feels crafted but never fussy.

05 / How we got there

8 weeks, four moves.

Weeks 1–2
01

Discover

Coffee-drinker interviews, a teardown of ordering apps, and the browse-build-order journey mapped before any UI.

Weeks 2–4
02

Brand & design

The Coffee Lover identity, the warm espresso ordering system, and high-fidelity screens for every flow.

Weeks 4–7
03

Build

Cross-platform native development with the photo-led shop, the style tabs and the product builder wired into the design system.

Weeks 7–8
04

Launch

QA, store submission for both platforms, and a handoff the in-house team can run with.

06 / The outcome

What it delivered.

4.8
Launch app-store rating

Across both stores in its first weeks. Drinkers kept mentioning how appetising and easy it was to order.

2 stores
Shipped together

iOS and Android launched on the same day from one cross-platform codebase, on budget.

3 styles
Menus & components

Hot, Cold and Others, plus a reusable product builder, built on a documented system the team now extends.

We wanted the app to make people hungry for a cup. Siznex gave us something that looks delicious and orders in seconds, and a system we keep adding to without losing the craft.

CL
Founder & CEO
Coffee Lover
Currently booking · Q3 starts

Have an app in your head?

Brand, design and a native build under one roof, on one timeline. Tell us what you're trying to ship and a real human replies within 24 hours with a plan, not a sales deck.