A roofing company site in red, orange and black, a photograph for every service, and a booking form on the same page
Dec 2025Roofing companyWeb design / Development / Thai + English
Client
Roofline
Industry
Roofing company
Scope
Web design / Development / Thai + English
Date
Dec 2025
The pages
01
One page that answers everything
A roofing customer wants to know a few things: what you do, where you have done it, what others say, and how soon you can come. The home page runs in that order and ends on the booking form.
The whole page exists in Thai and English, Thai first and English at /en. Names, brands and phone numbers stay in Latin script.
02
Red, orange, black
The hero opens on a gradient from black through red to orange, the services sit on black with a photograph of real work on every card, and the rest of the page rests on white.
Onest sets the headings and Inter the body; Kanit and Noto Sans Thai carry the Thai. Every face is self-hosted.
03
Interactions and the form
The dropdown, the project slider, the tabs and the expanding FAQ are the site’s own components on Next.js, with GSAP handling the scroll reveals and hover responses.
The booking form is validated on the server with Zod and carries a spam trap. Reduced motion shows everything in its final place at once.
Want a site like this for your business?
Tell us about your business on LINE or by email, or book a 30-minute call. We reply within one working day with the right package and the closest project to yours.