Karpen Coffee
Our first client: a bilingual site for a coffee shop by the rice fields of Madiun. A 91-item menu, delivery and table bookings on WhatsApp, scheduled promos and a staff panel the Karpen team runs themselves.
karpen.id (opens in a new tab)
Rice-field edge, Pilangbango
A coffee shop at the edge of the rice fields in Pilangbango, Madiun, open since 2021.
91 menu items, run from the CMS
91 drinks and dishes, now managed by the owner in the CMS, with no developer.
Four seating areas
Four seating areas, open every day from 10 am to 11 pm.
Staff panel with roles
A custom staff panel, with roles and permissions for each person.
Karpen Coffee is a coffee shop beside the rice fields of Pilangbango, Madiun, open since 2021. Its coffee comes from Ijen and Dampit, the menu has 91 drinks and dishes, and the seats run from a timber-framed room inside to a mezzanine facing the fields, open daily from 10:00 to 23:00. The name comes from carpenter: the owner is a carpenter’s son. Most guests open the site on their phone to check the menu and the opening hours, then order or book a table.
The old site was written straight into the code, so every menu or price change went through a developer. When we audited it on 16 October 2026, we also found:
Everything guests see is run by the Karpen team from their own staff panel. The screenshots are real, taken from karpen.id.
When it opens, what’s on offer today, what people order most. Favourites come in tabs, the promo that is live right now shows up by itself, and open or closed is worked out from that day’s hours.
Drinks and food by category, with search. Every item has a photo, a price and how it’s served, hot or iced, with add-ons and choices that must be made. An item that runs out is marked "sold out today" in the staff panel instead of being deleted.
Guests build their order, choose pick-up or delivery anywhere in Madiun city for Rp7,000, then pay cash or by QRIS. The total already includes the 10% local tax and packaging, and WhatsApp opens with the order neatly written out. When the shop is closed, the page says so.
Book a table for 4 to 20 people: pick a date in the next seven days, a time within opening hours, the party size and where to sit. The summary beside it works out the minimum deposit, Rp10,000 a person. For gatherings, office events or birthdays there is a big-order form: large orders, catering packages or hiring the place.
The daily lunch package, the Friday lunch and evening packages and the 20% student discount appear and disappear on their own schedule, with a "Live now" label and terms you can open. Promo times follow Madiun’s clock.
The address with buttons for Google Maps and copying it, opening hours with today highlighted, facilities from Wi-Fi to a prayer room, and seating areas with photos. Special closures are set in the staff panel, so open or closed is never wrong.
Where the name Karpen comes from, the place between the rice fields and the railway, and a journey in six chapters since 2021, with photos for each.
A CMS’s built-in admin is too technical to use behind the counter. So we built the staff a panel of their own: the owner sets each person’s role and permissions, and every change is written to an activity log.
A page of five-star reviews from Google Maps, as guests wrote them and newest first, with a link to all of them on Google.
Open positions with their closing date and how to send a CV, managed from the staff panel.
Questions by category with search: hours and location, menu, facilities, bookings. Anything else goes straight to WhatsApp.
Every page is in Indonesian and English, the menu included, and the old site’s addresses still work or redirect.
The site, the CMS and Karpen Kelola are one Next.js app with Payload CMS, on servers in Singapore, so there are not three separate systems to maintain. Everything guests see comes from the CMS:
The first release uses WhatsApp for orders and bookings, with neatly pre-filled messages, because that is where the Karpen team already serves its guests.
We listed every feature and flaw of the old site in 27 rows. The new site had to match all of them, then go further.
A moodboard and two design directions, shown as preview pages. The client picked the fourth prototype on 17 October 2026.
The chosen direction became design tokens and components, then the CMS schema was filled with the real content: 91 menu items, promos, FAQ and story.
Karpen Kelola was built on the same CMS, with tests for every permission.
Business logic (opening status, which promos are live, menu option rules) is tested with Vitest. Customer flows and accessibility are tested with Playwright and axe on phone and desktop, in both languages.
What isn't yet: on a phone, the Lighthouse performance score is still 70 because LCP is 6.2 s, mostly from the large photos on the first screen. Total Blocking Time is 82 ms and CLS is 0, so the page neither stalls nor shifts while it loads. Business numbers, such as WhatsApp orders per week, have not been measured yet.
One app for the site, the CMS and the staff panel, so there are not three separate systems to maintain.
A café, a restaurant, a salon or a shop: a menu, WhatsApp orders, bookings and a panel for your team, shaped around how your business already works. Tell us in a short brief and we reply within one business day.
Every sale at the till lands on the owner’s screen at once: sales today, best sellers and stock running low. It suits cafés, restaurants, shops and small businesses alike. You can try the demo on its page.
