Modern Indonesian restaurant
Ruang Rempah
A warm, dark restaurant landing page that lets the food photography carry the room, and points every visitor at one action: booking a table over WhatsApp.
Both screenshots above are taken from the real page, not mocked up in a design tool.
The challenge
A restaurant sells an experience, and visitors decide within seconds of the first photo they see. Template-built restaurant sites fail exactly here: the layout would work just as well for a repair shop or a florist, and the photography drowns in decoration.
What was needed: a page that feels like stepping into that particular dining room, and that walks a guest toward a single action, which is booking a table.
What was built
The mood is built from warm darkness: a deep brown surface, a vermillion accent, and blunt, confident type. The effect is that food photos look lit by a table lamp rather than printed in a catalogue.
Signature dishes aren’t stacked as a list. Their cards overlap and shrink as you scroll, so visitors pause on each dish instead of scrolling past it. Dish names travel across the gaps between sections at a speed that follows how fast the visitor is scrolling. Flick through quickly and they liven up. For anyone who has reduced motion turned on, they stay completely still.
Every section has one job: the gallery convinces, the story builds trust, the location makes it easy to show up, and the reservation form sends the table details straight to the restaurant’s WhatsApp with no extra app to install.
What it measures
The panel below shows what this page actually measures, not the targets I was hoping for. The photos themselves are sent at a size matched to the visitor’s screen, so the page stays light even though it is almost entirely pictures.
How this page measures
Measured with the scoring tool already built into Google Chrome, so you can run it against this page yourself (it is called Lighthouse, under developer tools). Scores run 0 to 100, higher is better. The test is set up like a phone on a slow signal, not an office computer.
- Speed (Performance)
- 97 / 100How quickly the page appears and becomes usable. This is what decides whether a visitor waits or closes the tab before anything shows up.
- Accessibility (Accessibility)
- 100 / 100How usable this page is for people with disabilities. Through a screen reader, for instance, or with only a keyboard and no mouse at all.
- Search-engine readiness (SEO)
- 100 / 100How ready the page is to be read and understood by search engines. This is the groundwork; ranking on Google still takes content and time.
These come from measuring the current version of this page. They are not targets I was hoping for, and not estimates. Where I have not measured something, it says “not measured yet”.