COTTI
A drinks menu as a street poster: fourteen drinks by code, tap a price to build your order, and every cup illustrated in code.
- Project
- Self-initiated concept
- Sector
- Fruit tea, jelly tea & coffee · Nairobi
- Our role
- Design and development of the whole site, on our own initiative.
- Status
- Live concept site
The story. In thirty seconds.
A self-initiated concept: Ares designed and built this site on its own initiative for a real Nairobi business. It was not commissioned, and the business is not a client. All illustrations are drawn in code; menu names and prices follow the business’s own printed menu.
- 01
The business
COTTI sells fresh fruit tea, fruit jelly tea and coffee in Nairobi, with an optional add-on shot. Its menu is a printed sheet, and customers order by code.
- 02
The challenge
Turn a one-page printed menu into something worth opening on a phone, without losing the speed of ordering by code.
- 03
What we built
A single static page with no build step: the menu as an interactive poster, an order builder that keeps the list of codes and the total on the customer’s phone, and paint and illustrations generated in code so it loads fast.
Take the tour. Click through the real screens.
Pick a screen, use the arrows, or swipe on a phone. Public screens only.
What’s inside. Feature by feature.
Everything below is built and working on the live site.
- Street-poster identity: paint strokes, splats and halftone drawn live on canvas
- Fourteen drinks in three sections, each with its order code and prices by size
- Order builder: tap a price to add it, with a running total in KSh
- Optional add-on shots priced per shot and added to the total
- Every cup illustrated in SVG by code, so there are no image files to load
- Scroll-filled “anatomy of a cup” and a sticker wall you can drag and spray
- Age gate for an 18+ menu, and a calmer version with reduced motion
Want one like this? Let’s talk.
Tell us what your customers need to do on your website. Websites from KES 15,000, live in days.
Rather talk it through?