Skip to content

BONN

Coffee delivery from the cafés and roasters nearby

  • Client project
  • Interactive prototype
  • Mobile app
  • 2026
01Try it yourself

This is the app itself, running right here on the page. Browse, order and try gifting.

Client
BONN
Our part
Building the full interactive prototype
Platform
iPhone and Android, via the web
Languages
Arabic and English

Demo version with sample data: no real orders or payments.

The BONN app home screen

BONN

02The idea

Big delivery apps treat coffee as one category among hundreds of restaurants. BONN's idea is simple: an app you open for one reason, coffee, built entirely around coffee culture, from local cafés to global brands.

03The brief

A prototype that looks and works like a real product, demoed from a phone in investor meetings, to prove the idea before investing in the full build.

04What we built

A complete journey you can try, from the first screen to collecting your order:

  1. 01

    Browse nearby cafés and roasters, with menus and prices in Kuwaiti dinar

  2. 02

    Customise every drink: size, milk and extras

  3. 03

    Cart, checkout and live order tracking, for delivery or pickup

  4. 04

    Gift a coffee card with a message, and a link the recipient uses to claim it

  5. 05

    Voice ordering: say what you want and the assistant prepares the order (simulated in the demo)

  6. 06

    Order history with quick reorder, favourites and notifications

  • BONN — A café menu with prices in Kuwaiti dinar
    A café menu with prices in Kuwaiti dinar
  • BONN — Customising a drink: size and milk
    Customising a drink: size and milk
  • BONN — Live order tracking
    Live order tracking
  • BONN — Sending a coffee gift card with a message
    Sending a coffee gift card with a message
  • BONN — Voice ordering: the assistant prepares the order
    Voice ordering: the assistant prepares the order
05

Small details that matter

  • Arabic and English

    Every screen in both directions, and the language switches with one tap.

  • Three looks

    Latte, White and Classic, to compare the identity live during a demo.

  • Works offline

    After the first visit, the demo runs even without a connection.

  • Installs like an app

    Adds to the home screen on iPhone and Android, no app store needed.

06

The result

One link that opens the app on any phone, ready for investor meetings and early user testing, before investing in the full build.

Built with

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • PWA
  • Firebase Hosting
07Get in touch

Your project could be next

Send us your idea, and let's write its first line together.

Write us a line about your project

Send to
Send on WhatsApp

Opens WhatsApp with your message ready. Nothing is stored on this site.

Talk to us on WhatsApp

Choose the number nearest to you, and we'll reply as soon as we can.