Web design and UX guides: layout, navigation, copy and forms
Our guides to the design side of a business website: layout, menus, copy, photos, Thai and English pages, and forms that bring enquiries.
Design decisions that change results
UX, short for user experience, is simply how easy your site makes the next step. On a business site that step is usually small: find the price, check the location, read a menu, send a message.
Good design is not about looking new. It is about a visitor on a phone in a BTS carriage understanding what you offer within a few seconds and knowing where to tap next.
Most of the problems we see on Bangkok business sites are not about colour or style. They are decisions: a homepage that talks about the company instead of the customer, a menu with twelve items, a contact form that asks for too much, an English page that was machine-translated into Thai. Each one quietly costs enquiries, and each one can be fixed without starting from zero.
What this section covers
The guides here are editorial. They explain design choices whoever builds your site, so you can brief a designer, judge a draft, or fix your current pages yourself. They sit alongside the tools and platform guides elsewhere on the blog, but this section stays with the decisions: what goes on a page, in what order, in which language, and how a visitor acts on it.
If you already know you want help, our work on website design and redesign covers new builds and reworks of existing sites. Owners of shops, clinics and service firms who need a smaller, faster project can read how we approach small business website design.
Start with the trends pillar
Our broadest piece in this section is web design trends for 2026 that Thai business sites should actually use. It sorts current trends into the ones that help a business visitor and the ones that mostly help a designer's portfolio, and it links out to the deeper guides below.
Reading paths
There are 22 guides in this section. Rather than read them one by one, pick the path that matches the problem you have now.
Layout and navigation
For owners whose visitors arrive and leave without going further. Start with layout patterns and which one suits your kind of business, then what belongs on a homepage, from first screen to footer and menus that help people find the right page. How to check your site works on every screen size matters most in Thailand, where a large share of visits come from phones.
Copy and photos
Words and images carry more of the design than most people expect. Read copywriting for service businesses before you write a single heading, then getting real photos instead of stock. If your company has a brand book, turning brand guidelines into website rules shows what a designer actually needs from it.
Thai and English
A bilingual site is two reading experiences, not one page with a flag. Building for both Thai and English readers covers structure and content, and choosing Thai fonts that read well and load fast covers the type, which is where many sites designed for English first go wrong.
Conversion and forms
For sites that get visitors but few enquiries. Begin with conversion basics for a service business, then fix the last step with contact forms that bring enquiries, not spam. B2B firms should also read how a B2B site earns qualified leads, and anyone short on budget can learn from low-cost ways to find out what visitors need.
The full list of articles in this section follows below.
Web design and UXWeb design trends for 2026 that Thai business sites should actually use
Our 2026 edition, dated 27 September 2026: the web design trends worth using on a Thai business site, the fads to skip, and a checklist for adopting a trend without hurting speed or accessibility.
Web design and UXWhat is UI/UX design, and how does it change what your visitors do?
A plain guide to UI/UX design: definitions, the difference, the UX process, usability principles, tools, Thai-market details, and a 15-minute check of your own site.
Web design and UXWebsite layout patterns explained, with the right one for each kind of business
Nine common website layouts explained: what each one is for, where it fails, how it collapses on a phone and which fits your kind of business.
Web design and UXResponsive web design: what it means and how to check your site passes
A plain-language guide to responsive web design for Bangkok business owners: the three ingredients, responsive versus adaptive, Google's mobile-first indexing, Thai text on small screens, a ten-minute self test and the signs a responsive redesign is due.
Web design and UXWebsite design examples and ideas, sorted by industry and by the problem they solve
Website design examples and ideas by industry: hotels, restaurants, clinics, real estate, shops and B2B, with the pattern to borrow, Thai-market tweaks and a brief template.
Web design and UXThe best hotel website design examples, and the features behind each
Hotel website design examples from Thailand for owners and GMs who want more direct bookings: city hotels, boutique properties, beach resorts, hostels and all-suite stays, the feature behind each, and a checklist to borrow from.
Web design and UXWhat makes the best restaurant websites work, and how to make one for yours
A practical guide for Bangkok restaurant, cafe and bar owners: what the best restaurant websites get right, why a text menu beats a PDF, how bookings and delivery apps fit, and a step list to build your own.
ComparisonTemplate vs custom website: the real differences in cost and results
A template is fine when your content fits its layout; custom pays off when brand, speed, Thai and English structure or enquiries matter.
Web design and UXWebsite copywriting tips for service businesses that want more enquiries
Website copywriting tips with before-and-after rewrites for clinics, hotels, agencies and trades: headlines, outcomes over features, honest proof, calls to action, microcopy, Thai and English tone, and an editing checklist.
Web design and UXA website accessibility guide for businesses: WCAG 2.2 made practical
A plain-English guide to WCAG 2.2 AA for business websites: the six most common failures, keyboard and form checks, Thai-language specifics, the legal position and how to test.
Web design and UXConversion rate optimization for websites: the basics a service business needs
Conversion rate optimization for service websites with modest traffic: define and track enquiries with consent, find the leaks, fix the usual causes and judge results honestly.
Web design and UXThai fonts for websites: how to choose type that reads well and loads fast
How to choose Thai fonts for a website: looped versus loopless styles, free Google Fonts families and licences, sizing and line height, Latin pairing and fast loading.
Web design and UXHow to build a bilingual Thai English website that works for both audiences
A step-by-step playbook for a bilingual Thai English website: audiences, URL structure, hreflang, the language switcher, Thai copy and keywords, follow-up messages and upkeep.
Web design and UXUX research on a budget: how a small business can learn what visitors need
Low-cost UX research for small businesses: mining customer messages, staff interviews, five-user tests, heatmaps, card sorting, PDPA consent and a prioritised fix list.
Web design and UXWhat a website design system is and how it keeps a growing site consistent
What a website design system is, how it differs from a style guide, a small-business version, and how to build one into WordPress for Thai and English pages.
Web design and UXFrom Figma to WordPress: turning a design file into a working custom theme
How a Figma design becomes a custom WordPress theme: a handoff checklist, four build routes compared, the limits of converters, and testing for Thai and English.
Web design and UXBusiness website photography tips for owners who want real photos, not stock
Practical business website photography tips: a shot list per page, phone techniques for Bangkok light, briefing a photographer, PDPA consent and web-ready exports.
Web design and UXHomepage design best practices, from the first screen to the footer
Homepage design best practices for a service business: every section in order, the job it does, Thai-market details and the mistakes to avoid.
Web design and UXWebsite navigation best practices: menus that help visitors find the page they need
How to build a website menu that visitors understand: labels, item count, mega menus, phone patterns, language switchers, breadcrumbs, accessibility and testing.
Web design and UXContact form best practices that bring more enquiries and less spam
How to design a contact form that brings enquiries, not spam: which fields to keep, Thai phone formats, PDPA notices, quiet spam checks and storing every lead safely.
Web design and UXBrand guidelines for websites: turning your brand book into rules a site can follow
How to turn a print brand book into website rules: SVG logo files, screen colours that pass contrast, web font licences with a Thai companion, bilingual voice and UI details.
Web design and UXBuilding a Thailand B2B website that brings in qualified leads
How manufacturers, distributors and B2B service firms in Thailand can structure a website, RFQ forms and bilingual content so it produces qualified enquiries.
What should you decide before you brief a designer?
Design guides are most useful once you know the scope of the job. A hotel, a dental clinic and an import business each need different pages first, so it helps to see how industry website design changes the priorities for each sector before you sketch anything.
If the project itself is still unclear, the guides on planning a website project walk through goals, sitemap, content and timeline. When a proposal lands on your desk, run it against our web design contract checklist so revisions, content, languages and handover are written down rather than assumed.
And when you want a number, our package prices start from THB 10,000 for Starter, THB 30,000 for Business and THB 50,000 for E-commerce. They are indicative one-time prices; the final figure is set in the written quote for your project.
Common questions
Where should I start if my website gets visitors but no enquiries?
Start at the end of the journey, not the homepage. Open your own site on a phone and try to send an enquiry: count the taps, check that the phone and WhatsApp buttons work, and look at how many form fields you ask for. Then read the conversion basics and contact form guides in this section. Small fixes to the last step often matter more than a new look.
Do these guides apply to Thai-language sites?
Yes. The principles are the same, but Thai pages have their own details: Thai fonts need more line height and careful weight choices, Thai text has no spaces between words so line breaks behave differently, and many Thai visitors expect a LINE button next to the phone number. The bilingual and Thai font guides cover these points directly.
Is a redesign always needed to fix UX?
No. Many UX problems sit in content and structure: an unclear first screen, a crowded menu, a long form, slow images. These can often be fixed page by page on the site you already have. A redesign makes sense when the site cannot be edited easily, fails on phones, or no longer matches what the business sells. Fix the cheap things first and see what changes.
How do I apply these ideas to my own site?
Pick one page and one visitor task, such as sending an enquiry, and work through the matching guide on layout, navigation, copy or forms, then test the change on a phone before moving on. If you would rather have it done for you, we design and build business websites in English and Thai, including redesigns of existing sites. Send us your current address and what you want visitors to do, by WhatsApp or call on +66 93 004 4098 or by email to service@websitedevelopmentbangkok.com, and we will reply with how we would approach it and a written quote.
Tell us about your website
Send a few lines on WhatsApp or through the quote form. You get a written quote with the scope, timeline and price for your project.
Or WhatsApp or call +66 93 004 4098, every day, 10:00 to 19:00 ICT. service@