ภาษา · Language · 语言
01 · LÉVONNE website 02 · Massage shop system for two branches 03 · SAAN massage website 04 · Nail salon system 05 · VARIN clinic website 06 · Car park system 07 · ARUNYA resort website 08 · EMBER restaurant website ← Back to home Call 061-684-9793

SELECTED WORK · 08 PROJECTS

Work I
design and build
from website to back office

I design customer-facing websites that make decisions easier, and back-office systems that make bookings, money and priorities clearer. Here are four live projects and four concepts, each clearly marked CONCEPT — every one starts with a business problem and is shaped around the way the business actually works.

System screens usesample data to protect real customer information — sales figures shown are not the system price Websites start at ฿8,800 · website + booking system ฿18,800, confirmed by the features you choose before work begins

01 · WEBSITE · LÉVONNE

A Day & Night sun-care site that elevates the brand from the first screen

The site gives the product a premium setting, with the offer and a clear route to buy on the first screen. The project covers both the customer experience and the order workflow used by the team.

Screen 01 · Home page

Black and rose gold to match the brand, not a template everyone uses

The headline “One set, day and night” sits beside the real product as the centrepiece. The promo price and chat button are on the first screen, no scrolling needed.

  • Original and discounted prices on the same line — 2,500 down to 1,390 with free shipping. Customers see the value before they tap anything
  • A scrolling feature strip — Paraben-free · Reef-safe · SPF 50 PA+++, readable without opening another page
  • Slide 03/03 is numbered — customers can tell what else there is to view without guessing
LÉVONNE home page — one set covering day and night, 2,500 down to 1,390 THB, with a chat button for today’s offer

Screen 02 · Telling the product story

A "Morning / Night" toggle shows customers how it is actually used

The set has two items used at different times. Instead of a long explanation, I made it a toggle so people can see what each part of the day involves — "a routine short enough to actually do every day"

A bar fixed to the bottom of every screen — "Set offer 1,390.- · Free shipping with advance bank transfer or cash on delivery", alongside a "Chat now →" button. Wherever customers scroll, they can buy straight away. Most online stores leave this out.
LÉVONNE site — a morning and night skincare routine toggle, sun protection and skincare product images, and a 1,390 THB set-offer bar fixed to the bottom of the screen
LÉVONNE home page Morning / night toggle

Tap to zoom

02 · SYSTEM · MASSAGE

Two branches, one screen: what the owner needs before closing

A two-branch owner can see sales, bookings, staff activity and exceptions on one screen. Urgent items come first; detail is there when it is needed.

Screen 01 · All-branch overview

Bookings, staff, money and where the shop is losing out — all on one screen

Today’s sales against the same day last week and against target — the gold bar shows 81% of the ฿40,000 goal reached, with no mental arithmetic needed

  • 38 bookings today 24 finished — both the count and the progress are visible
  • 7 in service now 3 rooms free — you instantly know whether you can take more walk-ins
  • ฿8,760 in accumulated therapist pay for 16 therapists — the amount to pay at the end of the day is already calculated
All-branch overview — today’s sales 32,450 THB, up 12.4%, at 81% of target

Screen 02 · What to check before closing

The system finds where the shop is losing out and explains it to the owner in plain language

The red bar at the bottom is the heart of this screen — "2 things the owner should check before closing". The system works out what they are, so nobody has to dig through reports

The amount actually received differs from the system total by ฿500 — a five-hundred baht gap is enough to turn it red, because money that does not match gets harder to trace the longer you wait and paired bookings overlap at 18:00 with too few therapists — flagged in advance with a "See the fix" button, not discovered while the customer is standing there waiting
Today’s summary cards — 38 bookings, 7 currently being served, 8,760 THB in accumulated therapist pay, 500 THB awaiting review, and 2 alerts to check before closing

Screen 03 · Branch comparison

Which branch actually makes money — with sales figures and reasons customers are being lost

Both branches sit side by side on revenue, bookings and therapist pay, and the system writes a one-line summary

  • Therapists currently working: 13/16 · Rooms in use: 9/12 — you can see whether the bottleneck is people or rooms
  • "Nimman has higher sales, but lost 3 evening customers because there were not enough therapists" — the system turns it into a sentence the owner can act on, such as moving a therapist from the other branch for the evening
Branch comparison — Nimman: 18,900 THB from 22 bookings; Mae Hia: 13,550 THB from 16 bookings, with a summary explaining that Nimman lost 3 evening customers because there were not enough therapists
All-branch overview What to check before closing Branch comparison

Tap to zoom

03 · WEBSITE · CONCEPT

A massage website where customers book from the first screen

Most massage shops take bookings by phone or chat. When a foreign customer messages at 2 a.m., nobody answers and the booking is lost. This site is designed so people book straight from the home page: pick a treatment, pick a date, and check availability instantly.

A design example for this type of business — a fictional brand, not a real client

The customer's decision point

Customers message after closing, then disappear before the shop opens

The home page speaks two languages from the first line, with a booking bar fixed to the bottom of the screen — choose a treatment, choose a date, tap "Check availability". Customers get their answer without waiting for anyone to reply.

  • Bookable 24 hours a day The system checks the real availability of therapists and rooms, so nothing gets double-booked
  • Two languages, EN / TH one button to switch, so tourists never have to guess
  • The three main treatments are on the first screen no need to open a menu to find them
Connects to the back office: book on the site → the booking is added to the schedule automatically → the customer is reminded 2 hours before → each therapist sees their own bookings on their phone. The owner never writes in a notebook again.
SAAN massage website concept — A quieter mind. A lighter body. above a therapist giving a back massage in a wooden room, with a treatment and date booking bar fixed to the bottom
SAAN massage website concept — A quieter mind. A lighter body. above a therapist giving a back massage in a wooden room, with a treatment and date booking bar fixed to the bottom

Tap to zoom

04 · SYSTEM · NAIL

A salon with several technicians — every bill has to split correctly

One bill can involve several services, technicians and a member discount. The system splits commission at checkout and verifies that every total reconciles.

Screen 01 · Today at a glance

Open it and you know how the day is going

Net sales, number of bills, commission percentage and the total commission owed to technicians, all on one screen. Below that are the upcoming bookings with the technician and station assigned

The green bar under the sales figure is the automatic reconciliation — sales total = total received across payment methods = total allocated by technician. If these three totals do not match, the bar does not turn green. The owner knows that same day, rather than finding out at the end of the month.
Today at a glance — net sales, number of bills and commission

Screen 02 · Today’s bookings

Today’s bookings, ordered by time and technician

This screen is designed for front-desk staff to use while the customer is standing in front of them, so it must be easy to read and need as few taps as possible

  • Filter to a single technician, so they can see their own bookings without scrolling past everyone else’s
  • Each card states its status clearly — booked / arrived / in progress / finished
  • Tied to a table, chair or bed so bookings cannot clash in the first place
Today’s bookings, filterable by technician, with the status of each booking

Screen 03 · Bill details

One bill, several services, several technicians — the money split is worked out

Each line shows the full price, the discounted price and who performed the service. At the bottom of the bill, the system lists the amount allocated to each technician, then checks that the bill total and the allocated total match exactly

A detail only a real shop knows it needs — the system separates the payment method actually used from the label coming from the POS machine Staff pressing the wrong option is normal, so the system keeps both values, treats the actual payment channel as the truth, and does not jump to blaming anyone.
Bill details — individual services, the member discount, and the amount allocated to each technician
Today at a glance Today’s bookings Bill details

Tap to zoom

05 · WEBSITE · CONCEPT

A clinic website built for consultation before commitment

Clinic customers are not afraid of the price; they are afraid of being sold to. Before they even know what they need, someone is pitching a course. This site puts "consult first" front and centre — not the prices.

A design example for this type of business — a fictional brand, not a real client

Build confidence before the decision

People want treatment but do not know what to ask, so they never get in touch

The page feels like a clean, bright room. No before-and-after photos crammed onto the home page (advertising rules apply to those). There is one prominent button: "Book a consultation". Treatment details sit further down for anyone who wants to read on.

  • The main button is "Consult", not "Buy a course" lowering the barrier from the very first screen
  • Deep plum and cream reads as a real clinic, not a skincare shop
  • Looks as good on a phone as on a desktop because most clinic customers arrive from an ad on their phone
Connects to the back office: book on the site → the appointment is confirmed via LINE automatically → a reminder goes out the day before → fewer no-shows, which quietly cost clinics money every month.
VARIN aesthetic clinic website concept — an attentive skin-care message, a consultation booking button, and a clean white treatment room
VARIN aesthetic clinic website concept — an attentive skin-care message, a consultation booking button, and a clean white treatment room

Tap to zoom

06 · SYSTEM · PARKING

One data set, with separate views for car park staff and finance

Front-line staff need speed and fewer taps; managers need the full financial picture. The system gives each role its own view while keeping one shared set of data.

Screen 01 · The car park staff view

Booking → entry → exit, with the data carried along

When car park staff take a booking, they do not yet have all the information: the customer has not arrived and the parking ticket has not been issued. The system therefore does not require every field to be filled in at the start

  • At booking time, the ticket number can be left blank and the ticket is linked to that booking once the customer arrives
  • When the car leaves, the system calculates the charge from the actual time parked
  • All four steps form one continuous process. Car park staff enter the information once, and the back office can use it immediately
The car park staff screen, showing booking, vehicle entry and exit, and the linking of parking ticket numbers

Screen 02 · The finance view

The other role sees only the money

Switch to the other view and you get the back office — income this year, expenses this year, the balance, and the number of customers on record, with a six-month income-versus-expense chart

Splitting the screens by role means you do not have to teach the whole system to everyone. Car park staff only learn the controls they need, and financial information is not visible to everyone
The monthly and yearly report — income, expenses, balance, and a six-month chart
The car park staff screen The monthly and yearly report

Tap to zoom

07 · WEBSITE · CONCEPT

A resort website that brings direct bookings without platform commission

Small resorts rely on booking apps and lose commission on every room, every night — even though many guests already found the place through photos on Facebook. This site makes "booking direct" as easy as booking through an app.

A design example for this type of business — a fictional brand, not a real client

Turn interest into direct bookings

Guests want to book direct, but the site gives them nothing to tap, so they go back to the app

The booking bar sits right under the hero photo: check-in, check-out, number of guests, tap "Find your stay" — no messaging to ask whether there is space and waiting for a reply.

  • The big photo sells the atmosphere first then rooms, then food — in the order people actually decide
  • A check-in / check-out / guests bar laid out like the big apps, so it is familiar and there is nothing new to learn
  • Bilingual from the menu up, so foreign guests can book on their own
Connects to the back office: one shared availability across the website and the booking apps — a booking from either side is deducted instantly, so rooms are never double-booked. And every direct booking is roughly 15–20% commission that never leaves your pocket.
ARUNYA RETREAT resort website example — an infinity pool overlooking mountains, a booking bar for check-in, check-out and guests, and photos of a room and breakfast
ARUNYA RETREAT resort website example — an infinity pool overlooking mountains, a booking bar for check-in, check-out and guests, and photos of a room and breakfast

Tap to zoom

08 · WEBSITE · CONCEPT

A restaurant website where guests book tables without calling

A restaurant’s busiest hour is when the phone rings most, and nobody is free to answer. This site puts the menu and a "Book a table" button on the first screen, so people decide for themselves before they even leave home.

A design example for this type of business — a fictional brand, not a real client

Take bookings through the rush

People call to book at the busiest moment, nobody answers, and they end up eating somewhere else

The home page talks about flavour and atmosphere, with two buttons: "Explore the menu" and "Reserve a table" — nothing else competes for attention.

  • The menu is on the website, updated with the seasons, no reprinting every time
  • Online table booking enter party size and time, and the system answers instantly whether there is space
  • Food photos are the hero because people always choose a restaurant with their eyes first
Connects to the back office: book a table → the customer is reminded before the time → if they do not show, the system releases the table to the next party. Nobody is left waiting, and the owner can see how many seatings are fully booked tonight.
EMBER & EARTH restaurant website concept — the line Rooted in place. Remembered by taste., a fine-dining plate, and buttons to explore the menu and reserve a table
EMBER & EARTH restaurant website concept — the line Rooted in place. Remembered by taste., a fine-dining plate, and buttons to explore the menu and reserve a table

Tap to zoom

SAME RULES · EVERY PROJECT

Eight projects, eight different businesses, built on the same rules

Whether it is an online store, a massage shop, a clinic, a resort, a restaurant, a nail salon or a car park, these three go into every job

01

The numbers must reconcile automatically

The system checks that sales, payments received and allocated amounts match. The owner does not have to check each amount manually, and any mismatch is visible that same day

02

Everyone sees only what they need

Screens are separated by role: front-desk staff see bookings and the buttons they need, while the owner sees the finances. Training is easier, and information that should be restricted stays restricted

03

The button you need is always in sight

On an online store, the chat button stays at the bottom of the screen. In a back-office system, the add-booking button is at the top, and urgent issues appear in red at the top — users do not have to search or remember where things are

The system is ready, but who will book?

I bring 20 years of marketing experience and have spent nearly one million baht advertising my own products. The system connects ad performance to real bookings, so you can see what earns its keep. The figures below are past results, not a guarantee.

13.8×sales per ad baht, best campaign
฿17per customer chat
Real Ads Manager screen, 3,600 chats3,600 chats, ฿17 each

The ads bring people in, can you keep up with bookings?

People message late at night, and a slow reply loses them. The booking system lets customers book themselves 24 hours a day and alerts you on LINE instantly, helping you lose fewer of the customers your ads bring in. I build this system myself too.

24 hrscustomers book themselves
InstantLINE alert on every booking, fewer "are you free?" replies
Booking system screen (sample data)Real system screen

WANT ONE LIKE THIS?

Tell me where things get stuck in your business

All eight projects above started with the same question: how does the business run each day, and where do things slow down? The initial conversation is free.

061-684-9793
📞 Free consult 💬 WhatsApp