Real work - restaurant website

Mulan.

A warm Malaysian restaurant website experience for Birkenhead, Auckland, shaped around all-day dining, reservations, takeaway, menu exploration, and local trust.

Project overview

Mulan needed a hospitality website that felt premium enough for dinner bookings while staying practical for everyday cafe, brunch, and takeaway decisions.

6 pagesHome, menus, about, takeaway, gallery, reservation
LocalBirkenhead address and dining context
StaticFast HTML/CSS/JS delivery

Live preview

Inspect the actual restaurant website.

Open live preview

01 - The Problem

Restaurant visitors need answers quickly, but mood still matters.

A restaurant website has to answer practical questions fast: where it is, when it opens, what it serves, whether takeaway exists, and how to book.

At the same time, Mulan needed to feel richer than a plain information page. The experience had to communicate Malaysian flavour, all-day service, and a warm dinner atmosphere.

02 - The Solution

I structured the site around dining intent.

The site gives each high-intent action a visible route: view menus, reserve a table, order takeaway, understand the story, browse the gallery, and confirm location details.

  • Created a full multi-page static website with navigation for menus, about, takeaway, gallery, and reservation.
  • Used a warm, old-world visual direction with dark surfaces, aged parchment tones, and elegant type contrast.
  • Placed opening, kitchen, service, location, and booking cues close to the first decision path.
  • Kept content readable as live HTML text instead of burying key details inside images.

03 - Output & Impact

A richer restaurant presence with clearer actions.

The final site balances atmosphere and utility: visitors can feel the brand, understand the food offer, and move into booking or takeaway without hunting.

  • Customer impact: faster path to menus, booking, takeaway, address, and opening information.
  • Brand impact: warmer, more premium dining tone for an all-day Malaysian restaurant.
  • Maintenance impact: static pages with reusable components and simple assets.