Skip to main content
Fine Dining

Ingleside

ingleside.com.sg
Ingleside restaurant website hero section showing a moody dark interior with warm amber pendant lights, black marble bar counter, curated spirits shelf, and the Michelin Guide 2025 badge

Terris built Ingleside's digital presence from the ground up using Next.js and a headless WordPress CMS, creating a dark, atmospheric 9-page website that captures the Michelin Guide 2025 restaurant's three pillars of woodfire cooking, dry-ageing, and house-made fermentation. The site features founder profiles for Chef Louis Chan and fermentation specialist Jana, downloadable dinner and lunch menus, an events section, and integrated reservation flow, all wrapped in a moody copper-and-black design that mirrors the restaurant's candlelit dining atmosphere.

Load Time
1.5s
PageSpeed Score
98
Reservation Enquiries
3x
Mobile Optimised
100%
Visit live site Start a project

Ingleside · 4 weeks · March 2026

Project Details

Client
Ingleside
Industry
Fine Dining
Duration
4 weeks
Date
March 2026
Technologies
Next.js WordPress (Headless) Tailwind CSS TypeScript
Visit Live Site

Have a similar project?

Let us help you achieve results like these.

Get Free Consultation
The Challenge

What They Were Facing

Ingleside, a Michelin Guide 2025 wood fire and fermentation restaurant at 49 Tras Street, needed a website that matched the calibre of their dining experience. Their existing site was outdated, difficult to update without developer involvement, and failed to deliver a compelling experience for mobile users searching for fine dining options on the go.

Problem 01

Outdated Website Undermining Michelin-Level Positioning

Despite earning a Michelin Guide 2025 listing and building a reputation around the artisanal craftsmanship of woodfire cooking, dry-ageing, and in-house fermentation, Ingleside's existing website failed to convey the atmosphere and sophistication of the dining experience. The design was dated and generic, doing nothing to differentiate a restaurant whose philosophy centres on "fire's elemental power" and "fermentation as both science and art."

Problem 02

Content Management Bottleneck

With seasonal menus, rotating events, and evolving content across 3 menu types (Dinner A La Carte, Dinner Tasting Menu, and Lunch Set Menu), Ingleside needed the ability to update their website without developer intervention. Their existing setup required a developer for every menu change and event update, creating delays that left the site perpetually out of date.

Problem 03

Poor Mobile Experience for On-the-Go Diners

A significant portion of fine dining reservations come from mobile searches, yet Ingleside's previous site was not optimised for mobile devices. Navigation was clunky, images didn't scale properly, and the reservation flow was buried, meaning potential guests searching for fine dining near Tras Street on their phones were bouncing before booking.

Our Solution

How We Solved It

We built Ingleside's website from scratch using Next.js with a headless WordPress CMS, combining blazing-fast performance with an intuitive content management experience that empowers the restaurant team to manage their own menus and events.

01 Solution 1 of 4

Dark, Atmospheric Design Capturing the Dining Experience

Crafted a moody, near-black design with warm copper and amber accents that mirrors Ingleside's candlelit interior. The full-viewport hero carousel cycles through 3 atmospheric photographs of the restaurant interior, bar counter with curated spirits shelf, and beautifully plated dishes. Custom calligraphic script typography (Photograph Signature font) renders the three pillar headings "Woodfire," "Dry-aging," and "Fermentation" with an artisanal, hand-crafted feel, while Manrope provides clean readability for body text.

02 Solution 2 of 4

Headless WordPress CMS with Next.js Frontend

Decoupled WordPress from its traditional frontend, using it purely as a content management system while Next.js handles the presentation layer. This gives Ingleside's team a familiar WordPress admin interface to update their 3 menu types (Dinner A La Carte, Dinner Tasting Menu, Lunch Set Menu), manage events listings, publish media coverage, and edit founder bios without touching code or waiting for a developer.

03 Solution 3 of 4

9-Page Content Architecture with Rich Storytelling

Designed a comprehensive site structure spanning Home, About (Our Founders, Fermentation Lab), Menu (3 menu types with downloadable PDFs), Media, Events, and Reservation pages. The Our Founders page features rich biographical storytelling for Chef Louis Chan and fermentation specialist Jana (NUS Food Science graduate), while the three-column homepage section showcases their philosophy that "every menu is a reflection of our philosophy, rooted in wood fire, time, and fermentation."

04 Solution 4 of 4

Mobile-First Reservation Flow

Built a fully responsive design that prioritises the reservation journey on mobile devices. The mobile layout features a persistent "RESERVATION" CTA button immediately below the hero, a clean hamburger navigation revealing the full site structure including About, Menu, Media, and Events sections, and touch-optimised carousel controls. The three-column desktop layout for Woodfire, Dry-aging, and Fermentation pillars gracefully stacks vertically on mobile with full-width photography.

Preview

See the Website in Action

These are the real pages, captured from the live site rather than mocked up. Scroll inside either frame to move through the whole thing, and switch between how it looks on a desktop and on a phone.

ingleside.com.sg
Ingleside full desktop website view
Ingleside full mobile website view
Results

The Transformation

With their new website live, Ingleside now has a digital presence that matches their Michelin Guide 2025 dining experience. The restaurant team can independently manage menus, events, and content through the familiar WordPress admin, while guests enjoy a fast, atmospheric browsing experience on any device.

Page Load Time

Before

5.2s

After

1.5s

PageSpeed Score

Before

45/100

After

98/100

Mobile Experience

Before

Not optimised

After

Fully responsive

Content Updates

Before

Developer required

After

Self-service via WordPress CMS

Reservation Enquiries

Before

Baseline

After

3x increase

1.5s
Load Time
98
PageSpeed Score
3x
Reservation Enquiries
100%
Mobile Optimised
Process

How We Got There

4 phases from kickoff to launch.

1

Discovery & Planning

3 days

Reviewed Ingleside's brand identity, Michelin positioning, and content requirements. Mapped the 9-page site structure and planned the headless WordPress architecture.

2

Design & Prototyping

1 week

Designed the dark atmospheric aesthetic with copper accents, selected the Photograph Signature and Manrope typography pairing, and created responsive layouts for all pages.

3

Development & CMS Integration

2 weeks

Built the Next.js frontend with Tailwind CSS, configured headless WordPress with custom content types for menus, events, and media, and integrated the reservation system.

4

Testing & Launch

3 days

Cross-browser and device testing, performance optimisation achieving a 98 PageSpeed score, CMS training for the Ingleside team, and production deployment.

Taking on new projects

Want results like these?

Tell me what your site is doing now and what you want it to do. I will tell you honestly whether it needs a rebuild, a restructure, or nothing at all.

Get a free consultation See packages & pricing
Terris, who handles every project personally

Terris

The person who will actually reply

  • Free, no obligation
  • You speak to Terris, not a salesperson
  • Honest answer, even if it is no
More Work

Related Case Studies

See all restaurants & f&b work
G & K Couture
View Case Study

G & K Couture

A luxury website and local SEO strategy for Singapore's bespoke Qi Pao and Cheongsam atelier, featuring an elegant cream and gold design that bridges traditional Chinese embroidery with modern sophistication.

Web Design Web Development SEO
MET Interior
View Case Study

MET Interior

A second-generation rebuild for a Singapore interior design firm, moving 176 pages off WordPress onto Astro: 75 project pages filterable by property type and design style, 12 landing pages for upcoming BTOs, a renovation cost calculator and a full library of cost guides.

Web Design Web Development SEO Google Ads
Sol Luminaire
View Case Study

Sol Luminaire

A premium WordPress development project for Singapore's luxury lighting showroom, building a sophisticated multi-section website with editorial content, product catalogues, and an immersive brand experience across AEON®, Sol·T smart home, and designer collections.

Web Development
Talk to Terris Directly

Ready to Transform Your Business?

See what Terris can do for you, just like we did for Ingleside. Get a free consultation today.

WhatsApp Us
Terris
Chat with Terris
Typically replies instantly

Need a detailed quote? Get a Free Quote

Email Us
We reply within 1 business day