Skip to demos

hello from Bangkok

Websites for the shophouses, clinics and condo studios of Bangkok.

Klickode is a small web studio. Before we pitch anyone, we build something real — so here are working sites for businesses like yours. Open one on your phone, switch it to Thai, fill in the form.

เว็บไซต์ตัวอย่างที่ใช้งานได้จริง สำหรับธุรกิจในกรุงเทพฯ — ลองเปิดบนมือถือ สลับภาษา และกรอกแบบฟอร์มได้เลย

See the demos

The work

7 working demos, each designed from scratch

Different businesses need different websites, so no two of these share a template. We add a new industry once the last one is finished and checked.

Showing 7 of 7 demos

Interior design & renovationReview

Sen Studioเส้น สตูดิโอ

A drawing-set inspired site: sheet-numbered sections, fine ink rules and a project index that previews each concept on hover. Visitors can sketch a ballpark budget and carry it straight into a bilingual enquiry form.

try this → Sketch a budget in the planner, then watch it drop into the enquiry form.

Who it's for, the design idea, and what works
For
Bangkok condo renovators, design-and-build studios and office fit-out contractors
Goal
Turn portfolio browsing into qualified project enquiries
Design
Architectural Portfolio + Portfolio-to-Quote
  • Thai / English with real language switching
  • Filterable project index + 5 concept project pages
  • Budget planner feeding the enquiry form
  • Validated enquiry form with honest preview mode
  • Contact and LINE details configured in one file

Skin & aesthetic clinicReview

Mali Skin Clinicมะลิ สกินคลินิก

Calm, rounded and reassuring: arch-shaped imagery, a jasmine mark and plain-spoken promises. Visitors pick what's bothering their skin once, and the treatment guide and booking form both follow along.

try this → Tap “Breakouts & acne” in the hero — the treatments and the booking form both update.

Who it's for, the design idea, and what works
For
Independent Bangkok skin, laser and facial clinics
Goal
Help nervous first-timers understand their options and book a doctor consultation
Design
Soft Contemporary + Consultation First
  • Thai / English with real language switching
  • Concern finder that filters the treatment guide
  • Shared concern picks pre-fill the booking form
  • No prices, outcomes or credentials invented
  • Doctor profiles shown as clearly marked placeholders

Boutique hotel & serviced apartmentReview

Soi Nine Houseบ้านซอยเก้า

Immersive and editorial: a full-bleed teak room, a date planner that carries through the whole page, a tabbed room catalogue and a hand-drawn neighbourhood map pinned to real Talat Noi and Chinatown places.

try this → Pick dates in the planner, open the Loft Suite tab, then hover the journal entries to light up the map.

Who it's for, the design idea, and what works
For
Independent hotels and serviced apartments serving Thai and international guests
Goal
Turn browsing into a dated stay request — or a clean hand-off to the hotel's own booking engine
Design
Contemporary Boutique Hotel + Neighbourhood Journal
  • Thai / English with real language switching
  • Date planner feeds room totals and the request form
  • Accessible tabbed room catalogue (arrow-key support)
  • Sketch map linked to a walking-distance journal
  • Sample rates labelled; no fake reservation or payment

Dental clinicReview

Yim Dental Clinicยิ้ม ทันตกรรม

Task-first and reassuring: three doorways in the hero, an honest 'is it urgent?' guide that knows when to send you to hospital instead, a searchable treatment table with sample prices, and a page written for people who are nervous of the dentist.

try this → Answer the toothache questions with “constant” pain, then send the request — the urgency travels with it.

Who it's for, the design idea, and what works
For
Neighbourhood dental clinics serving Thai families and expats
Goal
Get people in pain seen at the right time, and make routine visits easy to book
Design
Humanist Professional + Treatment Library
  • Thai / English with real language switching
  • Urgency guide → pre-filled appointment request
  • Searchable treatment table (cards on mobile)
  • Nervous-patient options carried into the booking
  • Sample prices and placeholder dentists clearly labelled

Thai massage & spaReview

Thara Thai Massage & Spaธารา นวดไทยและสปา

Quiet and warm: the booking ticket sits right in the hero, the menu is set like a printed price board with dotted leaders, and the page explains the visit, the etiquette and the tipping question in plain words.

try this → Tap a price on the printed menu board — the hero ticket jumps to that treatment and length.

Who it's for, the design idea, and what works
For
Independent massage houses and day spas in Bangkok's busy neighbourhoods
Goal
Let people book a specific massage, length and time from the very first screen
Design
Warm Minimal + Booking First
  • Thai / English with real language switching
  • Booking ticket in the hero: treatment, length, date, time, people
  • Menu board prices start a booking in one tap
  • Therapist and pressure preferences; times that respect closing hours
  • Sample prices labelled; no fake confirmation

Real estate agentReview

Plot Propertyพล็อต พร็อพเพอร์ตี้

A strict black, white and red grid built for searching: filters that live in the URL so a search can be shared, listings that state walking distances, fees and pet rules up front, and a viewing request on every listing page.

try this → Choose Rent, 2+ bedrooms and pet-friendly, then copy the address bar — the search comes with it.

Who it's for, the design idea, and what works
For
Bangkok rental and sales agents working with Thai and expat clients
Goal
Let people filter honest listings fast, then request a viewing for a specific unit
Design
Property Explorer + Modern Swiss
  • Thai / English with real language switching
  • Filters for deal, type, area, bedrooms, price and pets
  • Shareable searches — filters are kept in the URL
  • Eight sample listing pages with viewing requests
  • 'What renting costs' table in plain language

Accounting & business advisoryReviewnew!

Ledgerline Advisoryเลดเจอร์ไลน์ แอดไวซอรี

Reads like a good business magazine: a serif masthead, a live countdown to this month's Thai filing dates, three clearly-labelled illustrative stories, a fee estimator, and footnotes that point to the official source.

try this → Check the ‘Coming up’ box for real filing dates, then move the payroll slider in the fee estimator.

Who it's for, the design idea, and what works
For
Small accounting, tax and company-set-up firms serving SMEs and foreign founders
Goal
Earn trust with plain explanations, then book a free intro call
Design
Case Study Narrative + Quiet Editorial
  • Thai / English with real language switching
  • Live countdown to the next PND, PP 30 and SSO dates
  • Monthly fee estimator with sample ranges
  • Illustrative stories labelled — no invented clients
  • Footnoted tax facts and a placeholder for the licensed auditor
Ledgerline Advisory on a phone

real screenshot, not a mock-up

What's inside

The boring details we never skip

  1. Thai and English, properly

    Separate translated pages with their own URLs and metadata. Switching keeps you on the same section.

  2. One clear next step

    A quote request, a consultation, a stay enquiry — the page is built backwards from it.

  3. LINE where people expect it

    Contact and LINE details live in one config file, so going live is an edit, not a rebuild.

  4. Forms that tell the truth

    They validate in both languages and say plainly when a demo sends nothing. No fake 'success'.

Working together

How a real one gets made

  1. 01

    We talk

    About your customers, what they ask before they buy, and what the site should get them to do.

  2. 02

    You see it working

    A real, clickable first version on your phone — not a static mock-up in a PDF.

  3. 03

    We fill it with your real things

    Your photos, prices, team and LINE account replace the concept content.

  4. 04

    It goes live

    Fast hosting, your domain, and a handover so you can update the basics yourself.