Home › Portfolio › OAK Kopitiam
Case study · Web design

OAK Kopitiam website: a food-first site for a Muslim-friendly kopitiam with three outlets

ZenWeb designed and built the website for OAK Kopitiam, a Muslim-friendly Northern Chinese-style kopitiam with outlets in Subang Bestari, Kelana Jaya and Kota Damansara.

The OAK Kopitiam website on a laptop and a phone, designed by ZenWeb
ServicesWeb design
IndustryRestaurant (kopitiam)
LocationKlang Valley, Selangor
LanguagesEnglish, with some posts in Bahasa Malaysia
01

About OAK Kopitiam

OAK Kopitiam serves Northern Chinese-style food that is Muslim friendly, cooked with pork-free and alcohol-free ingredients. The menu mixes Malaysian favourites with Penang street food, such as mee udang, roasted chicken rice, wantan mee kicap and mee kari. The team aims for hotel-style service at prices everyday diners can afford.

The group runs outlets in Subang Bestari, Kelana Jaya and Kota Damansara. Diners can eat in or order through Foodpanda or GrabFood. Regulars can join OAK's membership through its own app for points, birthday treats and member deals, and follow festive news and promotions on the site.

Based in
Klang Valley, Selangor
Outlets
Subang Bestari, Kelana Jaya, Kota Damansara
Serves
Muslim-friendly Northern Chinese and Malaysian dishes
Ways to eat
Dine in, or delivery through Foodpanda and GrabFood
Membership
Points and member perks through the OAK app
Website
English, some posts in Bahasa Malaysia
02

Who the website is for

Diners nearby

They want to know what to order and which outlet is closest. The home page shows must-try dishes with short descriptions, then names the three outlets.

Muslim families and groups

They need to know the food suits them before they visit. The OAK Story page states plainly that all ingredients are pork-free and alcohol-free.

Regulars

Frequent diners want something back for their loyalty. The Membership page lists member perks and links to the OAK app on iOS, Google Play and Huawei.

03

Page-by-page tour

Screenshots of the live site, taken October 2026.

oakgroup.com.my
Home page of the OAK Kopitiam website
Home page

Opens on the food, then the must-try dishes

The home page opens with a spread of dishes on a woven tray and a warm Assalamualaikum greeting. Shortcuts lead to delivery and the menu, then an OAK Must Try section introduces six signature dishes one by one.

  • Food hero with a Get Free Drinks button in the header
  • Shortcuts to food delivery and the menu
  • Six must-try dishes, each with its own tagline and description
oakgroup.com.my/oak-story
OAK Story of the OAK Kopitiam website
OAK Story

The food, the standards and the values

The OAK Story page explains the focus on Northern-style, Muslim-friendly Chinese food and the aim of bringing Penang street food flavours across Malaysia. It then sets out the mission, the vision and three core values.

  • The story behind OAK and its PASTIKAN OAK, BARU MAKAN! line
  • Mission and vision on ingredients and cleanliness
  • Core values: authenticity, craft with care, community first
oakgroup.com.my/membership
Membership of the OAK Kopitiam website
Membership

Perks for regulars, and where to get the app

The Membership page lists what members receive, from discounts and loyalty points to birthday treats and surprise vouchers. Download buttons lead to the OAK app on three app stores.

  • Six member perks, each in its own block
  • App buttons for iOS, Google Play and Huawei
  • A Get Free Drinks button kept in the header
04

Features built in

  • Must-try dish cardsSix signature dishes each get a photo, a short tagline and a plain description.
  • Get Free Drinks in the headerA bright Get Free Drinks button sits in the header on every page, next to the menu.
  • Delivery shortcutsDelivery through Foodpanda and GrabFood is flagged near the top of the home page, and a Delivery page lists each outlet.
  • Membership and app linksThe Membership page lists perks and links to the OAK app on three app stores.
  • News and promotionsA News page carries festive greetings and promotions, with posts in Bahasa Malaysia as well as English.
  • Outlets in the footerAll three outlets are listed in the footer and on the Delivery page, so diners can pick the nearest.
Mobile view

Made for phones as well

Most diners look up food on their phones. On mobile, the dish cards stack one after another, the Get Free Drinks button stays in the header, and the app download buttons sit side by side.

OAK Kopitiam website on a phone
OAK Kopitiam website on a phone
05

Design choices

Photography

Overhead food photography on wooden and woven surfaces, with each signature dish shot on its own.

Colour

Deep kopitiam green with cream accents, carried through the header, buttons and patterned backgrounds.

Type

A playful script for the greeting, with bold Montserrat headings for dishes and sections.

Why we built it this way

People choose a kopitiam on food, location and whether it suits their family. The site answers those three in order: dishes first, then outlets, then the Muslim-friendly standard on the story page. Membership and delivery pages give regulars a reason to come back and a simple way to order from home.

06

More work like this

Running a restaurant or café group?

Talk to us about a website that puts your dishes, outlets and ordering options up front.

Get a free website proposal

Get A Free Proposal

Complete the form and our team will contact you to discuss your goals. Let’s grow your business.