← Back to Portfolio
Landing Page · Case Study

Wok & Flame: turning "where do we eat tonight?" into one WhatsApp reservation

A breakdown of a single-page landing for a restaurant. It's a concept demo, not a real client project: built to show how F&B should be designed: appetite first, decision fast. Below: the "why" behind every choice.

⚡ Quick answer

F&B needs one page, not many: a single-page landing site (Starter, from RM 590) that runs from "I'm hungry" to a WhatsApp reservation in one scroll.

  • The first screen sells appetite: one full-height shot of a signature dish or the room, not a menu PDF.
  • Signature dishes work as a shop window: a handful with a photo and one line each, not a 40-item catalogue.
  • Location, opening hours, Google Map and one-tap WhatsApp booking all stay within thumb's reach.

⚡ At a glance

One job: take a hungry visitor scrolling for "dinner in Bangsar" and get them to WhatsApp a reservation, in one scroll.

IndustryF&B / restaurant
TierSingle-page Starter · from RM 590
The one goalAppetite → WhatsApp reservation
Primary CTAOne-tap WhatsApp (pre-filled)
PaletteDark #1A1A1A + flame #E85D2C + gold
wokandflame.com.my
Wok & Flame 餐厅单页 landing 桌面端截图:暗色背景配火焰橙与金色,全屏氛围 hero 把招牌菜照片放大,底部一句标题加订位按钮

The Wok & Flame concept demo: a dark, full-screen hero that sells appetite and atmosphere before a single menu item is read.

Picture the moment: it's 6pm, someone's thumb is flicking through "nice dinner Bangsar" with three tabs open. They decide in seconds, not by reading, but by feeling hungry and seeing it's easy to book. This page is built for that fast, hungry decision.

01One page, because a hungry decision is fast

A hungry customer only wants to know five things: what do you serve, where are you, when are you open, does it look good, and how do I book or order? All of that fits in one scroll. No multi-page maze, no "About Us" nobody reads, just a straight line from craving to reservation.

In F&B, the photo does the selling. Your job is to put the most mouth-watering shot first, and never make a hungry person hunt for the booking button.

02The hero sells appetite, not a menu

The first screen is a full-height, atmospheric shot, not a price list. Dark background, warm flame-orange and gold, a short evocative line and one reservation button. The goal of screen one is a single feeling: I want to eat there tonight. The long menu and the story come after that hook lands.

03The menu is a showcase, not a PDF

Instead of dumping a 40-item list, the page picks a handful of signature dishes and gives each a photo and a one-line description: Nasi Lemak Wagyu, Rendang Lamb Shank, Charcoal Satay Platter, Pandan Crème Brûlée. It works like a shop window: a few hero items that make you hungry and set the price expectation, not an exhaustive catalogue that makes you scroll forever.

04Where, when, how, all within thumb's reach

Once the craving's there, nothing should stand between it and a booking. So the page makes the practical stuff effortless:

  • An animated map pin to Bangsar: location read in half a second, not buried in tiny text
  • Opening hours up front: answers "are they open now?" before they ask
  • One-tap WhatsApp to reserve or order: pre-filled, so booking is one message, not a form

05Why the whole page is dark

Dark backgrounds read as evening, intimate, premium: the mood of a proper dinner out. They also make food photos pop: a bowl of rendang glows against near-black. Paired with flame-orange and gold accents, the palette says "fire, char, a night worth dressing up for." Type is Bricolage Grotesque (characterful headings) and Manrope (clean body). Note: dark isn't right for everyone, a brunch café or dessert spot usually wants bright and fresh instead. The palette should match what you're selling.

Run a café, restaurant, dessert spot or food stall? This single-page Starter playbook drops straight onto your business. Look at the live demo, then WhatsApp me your menu. I'll tell you which three dishes belong on screen one.

The whole thing, in one line

Restaurant landing = appetite-first hero × signature dishes as a showcase × location & hours within reach × one-tap WhatsApp. You're not selling a menu. You're selling "tonight, here, looks delicious."

Want to see which website tier each kind of business needs? I broke it all down by industry in this guide.

Hui Huang Ong, Founder of H2ODreamer Studio
Hui Huang Ong
Founder

Founder of H2ODreamer Studio, helping Malaysian small business owners and creators build websites that actually win customers.

Follow on Xiaohongshu →

Questions I get asked a lot

How should a restaurant or café website be designed? +
F&B suits a single-page landing site (Starter, from RM 590). Customers decide fast, so: sell appetite in the first screen with one mouth-watering photo rather than a menu PDF, turn the signature dishes into a photo showcase, and keep the location, opening hours, Google Map and one-tap WhatsApp reservation within reach. One scroll says everything.
What belongs in the first screen of an F&B website? +
Appetite, not the menu. The first screen should be an atmospheric shot of a signature dish or the room, with a line that makes people want to come and one reservation button, so a visitor feels hungry at a glance and knows straight away how to book. The long menu and the company story go further down.
Does a restaurant need a multi-page website? +
No. A hungry customer decides fast and only wants to know what you serve, where you are, when you open, whether it looks good and how to book or order. One scroll covers all of it, no multi-page site needed, and no 'About Us' page that nobody reads.
How should a restaurant website take reservations? +
With one-tap WhatsApp rather than a contact form. In Malaysia customers book and order on WhatsApp; a button with the message pre-filled ('table for two tonight', say) starts the conversation on one tap, which is far faster than filling in a form and waiting for a reply.
Why do restaurant landing pages so often use a dark background? +
A dark background reads as evening, intimate and premium, and it makes food photography pop. Paired with warm tones such as flame orange and gold it carries fire and a sense of occasion, which suits restaurants selling dinner or an experience. It is not for everyone though: bright and fresh serves a brunch café or a dessert shop better.
Free 30-min consultation

Want a restaurant page that fills tables?

Send me your dishes and where you are. I'll map the same playbook (appetite hero, signature showcase, location & hours, one-tap WhatsApp) onto your restaurant, and tell you honestly what you can skip.

  • Free 30-min WhatsApp consult
  • A single-page Starter from RM 590, delivered in 3–7 days
  • WhatsApp booking, Google Map & tracking as standard
💬 WhatsApp us →