Vivid Kopitiam
A vibrant, food-photography-led concept for a different industry entirely — a menu-first ordering experience where WhatsApp is the checkout. The same vibrant, menu-first, WhatsApp-order approach suits other food & beverage businesses — bakeries, casual restaurants, dessert bars — that convert through a visitor browsing a menu and messaging directly.
The Challenge
Translate the same brief into a vibrant, bold F&B register where a full menu carries the page instead of a link list, without losing a fast path to ordering.
The Approach
A saturated burnt-orange primary and mustard accent run through a highlights strip and hero badge, while food photography stays the dominant visual element across the hero, menu items and a dedicated gallery grid; WhatsApp is treated as the ordering and reservation channel in both the hero and the closing section.
UI Showcase
A full categorized menu — four categories, real prices, photography on selected items — is the primary section rather than a teaser; a fixed mobile-only three-tab bar (Order, Call, Visit) keeps WhatsApp ordering, phone and the map reachable while scrolling.
- A saturated color-block highlights strip beneath the hero surfaces quick facts before a visitor scrolls to the menu
- A full categorized menu — four categories, real prices, photography on featured items — sits as the page's primary section, not a teaser
- WhatsApp ordering placed twice: the hero's primary call-to-action and a second reservation link in the closing section, reinforced by a fixed mobile-only Order/Call/Visit bar
Motion Breakdown
Motion is limited to plain hover/press transitions on buttons and links — no scroll choreography, keeping the food photography and menu content as the focus.