Wholefoods café, Bali, Indonesia
Wholefoods Café
A contemporary wholefoods café in Bali, described by the owner as tropical minimalism with refined organic luxury.
The prompt
Design an exceptional website for a contemporary wholefoods café in Bali, blending tropical minimalism with refined organic luxury. Use warm earthy tones, oversized editorial typography, beautiful food photography, subtle grain textures, and fluid animations. Include an immersive menu, café philosophy, locally sourced ingredients, and a beautifully designed reservations experience.
The direction it chose
Every photo and button steps like a Balinese rice terrace
Research turned the prompt into an art direction before anything was drawn: one idea that every photograph, layout and interaction on the site had to serve.
First a picture, then a website.
Before writing any code, Unvop rendered the homepage as a finished design. Then it measured that picture, transcribed its words and built the real, responsive page to match. Drag to compare.
Every page, written in full.
The navigation in the design became real pages, each with its own sections, copy, search title and description.
- /Wholefoods, grown close byA contemporary wholefoods café in Bali, cooking with what the island grows. Locally sourced ingredients, a wholefoods menu and tables in our garden café.6 sections (opens in a new tab)
- /menuThe wholefoods menuMorning plates, wholefood bowls and drinks from a contemporary wholefoods café in Bali. Locally sourced ingredients, so the menu follows what the island has to give.7 sections (opens in a new tab)
- /philosophyGrown close, cooked simplyWhy we cook whole food from local growers in Bali, where our ingredients come from, and how the menu follows what the island has to give.5 sections (opens in a new tab)
- /reservationsBook a table in BaliBook a table at our contemporary wholefoods café in Bali. Choose your day, your time and how many of you are coming, and we will keep a place for you.4 sections (opens in a new tab)
- /contactContact Wholefoods CaféWrite to Wholefoods Café, a contemporary wholefoods café in Bali. Ask about the menu, an ingredient or your visit, and we will reply by email.4 sections (opens in a new tab)
The system it made.
Colour
- ground
#f1f3ec - terrace
#246854 - ink strong
#123f35 - muted ink
#3d5a4f - soft ink
#5f7a6f - rule
#b4b097
Type
- DisplayGeneral Sans
- TextInstrument Sans
Forms
- ContactYour nameEmailMessage
- ReservationDayTimeGuestsYour nameEmailPhone (optional)Anything we should know (optional)
Every submission goes to the CRM, with an automatic reply.
Then it reviewed its own work.
Once the site was live, every page was opened at five screen widths and measured: text that overlaps, clips or runs off the screen, contrast on the real pixels, images against the design. An agent per page fixed what it found, then every page was measured again.
- Pages audited at once
- 5
- Fixes made
- 44
- Measured layout faults removed
- 93%
What it fixed
- Low contrast
- Composition
- Layout
- Image mismatch
- Duplicate action label
