01 · The Situation
By late 2025, KL Tint Studio's Google Ads were producing strong volume — but the site they were sending traffic to wasn't built to convert that traffic. The old site was a generic template, slow on mobile, missing service-level detail on the higher-margin packages (PPF, ceramic coating, paint protection), and structured around brochure browsing rather than appointment conversion.
The math was uncomfortable. Every month we improved CPA on Google Ads, the conversion rate on the destination site stayed flat. We were getting better at delivering qualified buyers to a website that couldn't close them.
The fix wasn't more ad budget. It was a new site.
02 · The Diagnosis
The old site had four problems that compounded each other:
Speed. The site loaded slowly on mobile, where 80% of KL Tint's ad traffic came from. Every second of load time was a measurable percentage of bounced traffic.
Service depth. Window tinting had its own page. PPF and ceramic coating — the higher-margin services — were buried under generic service-category navigation. A customer ready to spend RM 5,000+ on PPF couldn't easily find the specific information they needed.
Branch confusion. Four branches meant four locations, but the old site didn't make clear which services were available at which branch. Customers were calling the wrong location, getting redirected, and dropping off.
Booking friction. The appointment booking flow was a multi-step form that asked for too much information upfront. Customers ready to book were abandoning before completion.
03 · What We Did
We rebuilt the site on Next.js with three priorities: speed, conversion-focused information architecture, and a booking flow that respected the customer's time.
Each service got its own deep page with package-tier breakdowns, photo galleries, before/after work, and clear pricing brackets. Each branch got a dedicated location page with services available, hours, contact, and a map. The booking flow was reduced to three fields and a confirmation step — name, vehicle, preferred branch — with everything else handled in the follow-up call.
Performance was non-negotiable. The new site loads in under 2 seconds on mobile slow 4G. Lighthouse scores 95+ on Performance and Accessibility. Images are AVIF-optimized with proper lazy-loading. Conversion tracking is server-side via GTM, so iOS attribution doesn't compromise data flowing back to Google Ads and Meta.
From design kickoff to live deployment: 6 weeks.
04 · The Results
Since the new site went live:
- Appointment requests up approximately 30% at flat ad spend
- Mobile performance hits 95+ Lighthouse on slow 4G — a measurable improvement
- Service-level conversion attribution now flows cleanly to ad platforms
- Branch routing works — customers reach the right location on the first call
The deeper outcome is harder to graph: the site now matches the quality of the work KL Tint does. When a customer arrives ready to spend on premium PPF, the site treats them like a premium customer should be treated.
05 · Other Recent Web Work
The KL Tint rebuild used a stack and approach we've since deployed on two additional recent projects:
nhpqatar.com — Qatar-based facility management firm, brochure site rebuilt on Next.js with multilingual support (English + Arabic).
prostuty.online — Bangladesh-based digital education platform, full marketing site supporting the Meta Ads acquisition system we also operate for the client.
Same stack, same performance discipline, same conversion-first IA approach.
“The old site lost the customers our ads were already paying to bring. The new one doesn't.”