Skip to content
Want a website like this?
Kedai Kopi Rasa Website

Demo Website

Kedai Kopi Rasa Website

One-page site for a neighborhood coffee shop: chalkboard-style menu, location, and WhatsApp ordering.

Open Live Preview

Industry

Food & Beverage, Coffee Shop

Timeline

1 week

Package Used

A website with clear structure and navigation, for a small business going online for the first time

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

01

About This Website

One-page site for a neighborhood coffee shop: chalkboard-style menu, location, and WhatsApp ordering.

02

Notes Behind This Demo

I pictured Kedai Kopi Rasa on a residential street, and it only exists in this demo. It gets two kinds of visitors: neighbors who want to order a coffee for pickup, and people looking for a seat they can keep for hours while they work or study.

Three design decisions

  1. I made the menu a dark chalkboard in handwritten type, with dotted leaders running from each item to its price. It copies the board behind the counter, and the dotted lines help the eye connect a name to its price on a narrow phone screen.
  2. Below the opening headline sit three small notes: local beans, wifi and power outlets, and opening hours. For someone planning to stay a few hours, I think outlets and closing time matter more than the drinks list, so they come before the menu.
  3. I framed WhatsApp ordering as pickup: name the drink and the pickup time, and it is ready when the customer arrives. For delivery, the page points to delivery apps or a courier run within roughly 3 km, letting the owner keep using channels that already exist.

A page like this fits Starter. A shopping cart and online payment are not part of Starter or Business, because orders stored in a system need a database, and databases only come with Enterprise, from Rp 15.000.000. An AI chatbot can be added to Starter for Rp 500.000 to answer visitors from the site's own content.

03

What It Includes

  • One-page layout: Home, About, Menu, Contact
  • Chalkboard-style menu panel with clear pricing
  • WhatsApp ordering button in the header and hero
  • Mobile-first responsive design
  • Basic on-page SEO

04

Built With

  • React
  • TypeScript
  • Tailwind CSS
  • WhatsApp Integration

Project Gallery

Kedai Kopi Rasa Website - Screenshot 1
Kedai Kopi Rasa Website - Screenshot 2

Interested in Similar Project?

We can build a similar site for your business, on the same technology and features.

This project uses:

A website with clear structure and navigation, for a small business going online for the first time

Pricing and packages for a café and coffee shop website →

*Contact us for further consultation about your project