←Back to Work

Business Website

KalaBaru

Coffee · Community · Comfort

A digital experience for a coffee shop in Surabaya, bringing together its brand, products, activities, community, and customer experience.

Kala Baru Website
Kala Baru website

01 — The Brand

More than a coffee shop. A place to connect.

Kala Baru is a coffee shop in Surabaya built around three ideas: coffee, community, and comfort.

The website brings these ideas together so visitors can discover not only what Kala Baru serves, but also what they can experience when they visit.

02 — About Kala Baru

Introducing the place.

The About Us section gives visitors context about Kala Baru and helps communicate the character behind the brand.

Kala Baru About Us section
About Us

03 — Experience

Three ideas behindthe experience.

The digital experience follows the same simple foundation as the physical brand.

01

Coffee

Coffee and signature drinks are at the heart of the Kala Baru experience.

02

Community

A space where people can meet, connect, learn, and share experiences.

03

Comfort

A relaxed environment for conversations, work, study, and spending time together.

04 — Products

Good coffee.Good food.

The website also gives visitors a way to explore what Kala Baru offers, from its signature drinks to food and main courses.

Kala Baru products
Product 01

Discover the menu.

Product information becomes part of the digital experience, helping visitors understand what they can enjoy at Kala Baru.

Product 02

More reasons to stay.

Food and drinks help communicate Kala Baru as a place where visitors can spend more time, not simply stop by for coffee.

Kala Baru food and drinks

05 — Community

There is moreto do than drink coffee.

Kala Baru also provides activities that encourage people to meet, connect, learn, work, and spend time together.

01

Board Games

A casual activity for spending time and connecting with others.

02

Language Group

A social environment for people to practice and learn languages together.

03

Community Meetup

A place for people and communities to meet and interact.

04

Work & Study

A comfortable environment for working, studying, or having a meeting.

06 — Digital Experience

From a physical spaceto a digital experience.

The website brings together the information visitors may need before deciding to visit: the brand, products, activities, atmosphere, and ways to interact with Kala Baru.

BrandProductsActivitiesReservation
Kala Baru

Coffee · Community · Comfort

Slowmoments.

07 — Reservation

Turn online discoveryinto a real visit.

The website gives visitors a direct way to connect with Kala Baru and make a reservation through WhatsApp.

Call to action
Reserve via WhatsApp

08 — Technology

A modern foundationfor a growing brand.

The website uses a modern frontend stack focused on responsive design, maintainability, and a smooth experience across different devices.

Next.js
TypeScript
React
Tailwind CSS
Responsive Design
Vercel

09 — My Role

More thanbuilding pages.

Understanding the business

The website is approached as a business tool for a real coffee shop, not simply as a collection of visual pages.

Connecting information

Brand information, products, activities, community, experience, and reservation are brought together into one digital journey.

Building the experience

The goal is to make the website visually engaging while keeping important information easy to discover.

Kala Baru

Coffee. Community.Comfort.

A digital experience designed to introduce the place, the products, the activities, and the people behind Kala Baru.