RoadAds
AD TRUCK PLATFORM — The digital storefront for Hong Kong's largest ad-truck fleet
The marketing website for RoadAds, Hong Kong's largest promotion-truck platform — a fleet showcase, a 160+ item rental catalogue, and a case-study blog, fully managed in Prismic CMS and prerendered on Vercel for SEO and speed.
HOMEPAGE
FLEET
CATALOG
PRODUCT
CASE STUDIESProject Overview
// THE CHALLENGE
RoadAds runs Hong Kong's largest promotion-truck fleet, trusted by 1,000+ brands. Their website had to do the fleet justice: showcase eight vehicle types, list hundreds of rentable event items, publish campaign case studies — and win the Google searches that bring in new advertisers.
// THE SOLUTION
A brand-new design built from scratch on Next.js and Tailwind CSS, deployed on Vercel with every page prerendered. All content — fleet, catalogue, and blog — lives in Prismic, a headless CMS the RoadAds team edits themselves without a developer.
// THE IMPACT
220+ fast, indexable pages served from the edge, a catalogue the client extends on their own, and WhatsApp quote CTAs on every page turning visitors into enquiries — on desktop and on the phones most visitors actually browse with.
By The Numbers
Designed From Scratch
A bold, red-first brand system that puts the fleet front and centre.
HOMEPAGE
Full-bleed campaign photography, logos of the brands RoadAds has driven for, and a quote button above the fold.
FLEET SHOWCASE
Eight vehicle types — Showroom trucks, LED trucks, ice-cream vans, vintage VW T2s and more — each linking to its own page.
SOCIAL PROOF
Client testimonials paired with campaign photography — AIA, Vita, HK Express — build trust before the ask.
QUOTE FLOW
Every page funnels towards a WhatsApp conversation — the way Hong Kong businesses actually like to talk.
A Catalogue the Client Runs
160+ products across 21 collections — every page is composed from Prismic slices, so the RoadAds team adds trucks, machines, and campaigns without touching code.
COLLECTIONS
Rental collections for promo trucks, claw machines, gashapon machines, and full event equipment.
PRODUCT PAGES
Each item gets photography, use cases, and instant quote CTAs — all editable fields in Prismic.
EVENT EQUIPMENT
Beyond trucks: claw machines, gashapon machines, and event gear round out the rental offering.
CASE STUDIES
A campaign blog that doubles as SEO fuel — every client story becomes a landing page for new searches.
Mobile-Friendly by Design
Most visitors arrive from social ads and WhatsApp on a phone, so the site is built mobile-first — same content, same speed, tap-to-chat everywhere.
HOMEPAGE
The hero, client logos, and fleet reflow into a comfortable single-column story.
CATALOGUE
Collections browse comfortably with one thumb — no pinching, no horizontal scrolling.
PRODUCT
Galleries, specs, and quote buttons sized for touch.
ENQUIRY
One tap opens a WhatsApp chat with a RoadAds specialist.
Built for Search & Speed
PRERENDERED PAGES
Every one of the 220+ pages is statically prerendered on Vercel and revalidated in the background — fast first paint, always-fresh content.
SEO FOUNDATIONS
Per-page metadata, clean URLs, and a complete sitemap make every product, collection, and case study indexable.
LOCAL KEYWORDS
Native zh-HK copy tuned for the searches that matter in Hong Kong — 廣告車, promotion truck, LED 廣告車 — across dedicated landing pages.
MEASURE & CONVERT
Google Tag Manager tracks the funnel end-to-end, and WhatsApp CTAs on every page convert visits into conversations.
Technology Stack
WANT SOMETHING
LIKE THIS?
From first sketch to app-store launch — tell us what you're building and we'll map the way there.
HOMEPAGE
SEA BUCKTHORN
PRODUCTS
FARM & FACTORY
R&D
Puredia
NUTRACEUTICAL BRAND SITE
The corporate site for Puredia, the world's largest organic sea buckthorn manufacturer — 40+ ingredient pages, a clinical-research library, a health-benefit explorer, and a farm-to-factory brand story, art-directed and built on Squarespace with sample-request and quote funnels throughout.