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

Your daily cup, two taps away.

Crema is a coffee-ordering app that pairs a friendly shop with a map of nearby cafés and a loyalty card you'll actually fill. We built the whole product, from the brand and a warm green UI to the native iOS and Android app.

Crema onboarding screen with a smiling barista and a Let's Get Started button
Crema · iOS
4.8
Launch app-store rating
2 platforms
iOS & Android, one codebase
5 tabs
Home, Discover, Wishlist, Chat, Profile
8 wks
Brief to App Store
01 / The brief

Order, discover, return.

Most coffee apps are just a menu with a pay button. Crema wanted more: a warm shopfront for ordering, a live map to find the good cafés nearby, and a loyalty card that actually makes you want to come back for the next cup.

Make the fifth cup feel as good as the first sip.

The look is deliberately warm and inviting: real coffee photography, soft rounded cards, one confident emerald green, and a home screen that leads with today's offer. We ran it from naming and brand through to the shipped native build on both platforms.

  • P1Ordering and discovery, split apart. People juggle a delivery app and a maps app; Crema had to hold both in one place.
  • P2Loyalty that gets ignored. Punch cards live in wallets and get lost, so rewards had to sit right on the home screen.
  • P3One small team, both stores. iOS and Android had to launch together on a tight runway.
Client
CremaCoffee & ordering
Engagement
End-to-endBrand → design → build
Platforms
iOS & AndroidCross-platform, native feel
Timeline
8 weeksDiscovery to launch
02 / The work

Three screens, one good cup.

A warm welcome, a home that leads with offers and rewards, and a live map to find the café next door.

Crema onboarding screen with a barista photo and a Let's Get Started button
01 · Brand & welcome

Step into a world of coffee.

The opening screen sets the whole tone: a friendly barista holding a cup, the line “Step into Our World of Coffee Delight!” with the key words picked out in green, and one full-width Let's Get Started button. Returning regulars get a quiet Sign In link underneath.

  • Warm barista photography on a soft beans-pattern backdrop
  • A headline with the brand words picked out in green
  • One Get Started button plus a quiet Sign In, zero friction
Crema home screen with location, search, a special offer banner, a coffee loyalty card and featured products
02 · The home screen

Offers, rewards, then the menu.

Home opens with your location and a search bar, then a swipeable Special Offers banner like “Get Special Offer up to 20%”. Below sits My Reward (3/4), a row of coffee-cup stamps counting toward a free cup, and a Featured Products grid with ratings and a quick favourite.

  • Location, search and a swipeable special-offers carousel
  • A cup-stamp loyalty card right on the home screen
  • Featured products with ratings and a one-tap favourite
Crema discovery map with café pins, filter tabs and a Zenith Zen Café detail card
03 · The café finder

Find the good one nearby.

The Discover tab drops you onto a live map of café pins with filters for Near Me, Open Cafes, Popular and Top. Tap a pin and a card slides up, Zenith Zen Café, 4.8 from 1k+ reviews, with the menu, address and a clear 24 min · 3.5km · Free Delivery line.

  • Live map with café pins and a centred locate control
  • Filter chips: Near Me, Open Cafes, Popular and Top
  • A slide-up café card with rating, distance and delivery time
03 / The flow

Welcome, order, discover.

From the first hello to a café found on the map, the experience lives across three screens.

04 / The system

Warm, rounded, repeatable.

Everything ships as named tokens and reusable components, so the Crema team can add a checkout, a subscription or the next café partner without redrawing a card.

Color · emerald on cream
#E9F4EF
#1FA88C
#0B7A66
#036454
#16241F
Order Now Let's Get Started

One emerald green carries every action and tints the cup stamps and map pins; everything else is cream, white space and photography. Cards and tiles share a single generous corner radius.

Type · one family, four jobs
CremaDisplay · 30/600
World of Coffee DelightHeading · 20/600
Get Special Offer up to 20%.Body · 15/400
Zenith Zen Café · 4.8 ★Meta · 13/500

A single rounded sans runs from the wordmark down to a café rating. Weight and size set the hierarchy, so headings and body never fight.

05 / How we got there

8 weeks, four moves.

Weeks 1–2
01

Discover

Coffee-drinker interviews, a teardown of ordering and maps apps, and the order-discover-reward loop mapped before any UI.

Weeks 2–4
02

Brand & design

The Crema identity, the warm green ordering system, and high-fidelity screens for every flow.

Weeks 4–7
03

Build

Cross-platform native development with the shop, the live café map and the rewards card 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 easy it was to find a café and re-order.

2 stores
Shipped together

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

5 tabs
Flows & components

Home, Discover, Wishlist, Chat and Profile, built on a documented system the team now extends.

We didn't want just another order button. Siznex gave us an app that feels warm and keeps people coming back, and a system we keep adding to without losing the craft.

CR
Founder & CEO
Crema
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.