AAA Marketing Hub
A website I designed and built for AAA Marketing Hub, a Hong Kong digital marketing agency: three service hubs leading to 20 service pages, a four-step process, FAQs grouped by project stage, and a contact page that makes it easy to book a meeting.
Hover a screen to scroll the page
Overview
AAA Marketing Hub is a full-service digital marketing agency in Hong Kong, founded by Heinz Ahlborn and based at Lippo Centre. It builds websites and runs SEO and online marketing for small and medium-sized businesses.
I designed and built the agency’s website on WordPress and Elementor: a homepage that says who the agency is and what it does in seconds, three service hubs that lead to 20 detailed service pages, FAQs grouped by stage of a project, and a contact page with a meeting request form, WhatsApp and a map.
- Client
- AAA Marketing Hub
- Industry
- Digital marketing agency
- Location
- Hong Kong
- Year
- 2024
- Services
- Website design
- WordPress development
- Information architecture
- On-page SEO setup
- Contact and lead forms
Built for every screen
The same site, laid out for each screen. Drag the edge of the window or pick a device. Hover the screen to scroll the whole page.
On real devices
The challenge
An agency's own website is its first sample of work. AAA Marketing Hub offers a long list of services across web design, SEO and marketing, and visitors needed to grasp what the agency does at a glance, then find the exact service they need without wading through everything else.
A long list of services
Website builds, hosting, security, SEO, content and social media all had to fit in a structure that stays easy to scan.
A first impression that counts
For an agency selling websites, the site itself is the proof. It had to look polished and load well on phones.
Answers before the call
Clients ask the same questions about price, timelines and ownership, so the site needed to answer them before anyone picks up the phone.
An easy first step
Some visitors prefer a form, others a call or WhatsApp. Every route had to be one tap away.
Show visitors what the agency does within seconds, give every service a clear home, and make it easy to start a conversation.
Site structure
Three service hubs, each with its own detail pages, plus the pages that build trust and start a conversation.
- Custom website design
- WordPress development
- UI/UX design
- Landing page design
- Website redesign
- Security and speed
- Maintenance and updates
- Hosting, migration and domains
- Local SEO
- On-page SEO
- Off-page SEO
- Keyword research
- SEO audit
- Digital marketing
- Social media posting
- Content marketing
- Article and blog writing
- About us
- Services and process
- FAQs
- Blog
- Contact
What I did
The hero says who AAA Marketing Hub is, what it does and where, before anyone scrolls, with a free consultation button and the office address, phone number and WhatsApp in the top bar.
Right below the hero, the agency's three pillars (web design and development, on-page SEO and content, and off-page SEO and social media) each get a card that leads to the matching service hub.
Website development splits into initial set-up services and ongoing maintenance services, with 11 detail pages from custom website design and WordPress development to security, speed, hosting and domains.
The SEO and marketing hubs follow the same card layout, so every service has its own page: local SEO, on-page and off-page SEO, keyword research, SEO audits, content marketing, blog writing and social media.
The services page walks clients through how a project runs, from the initial consultation and tailored proposal to project execution and a final review before launch.
Questions sit in five groups (before the project, during the project, after the project, your new website, and all things technical), so clients find answers about quotes, timelines, ownership and hosting quickly.
The contact page pairs a message form, which also asks for a preferred date and time for an online meeting, with the office address, phone, email, working hours, social links and a map.
Brand
Built on the teal of the AAA Marketing Hub logo: signal teal for actions, deep teal for the bold service cards and slanted sections, midnight navy for headings, and soft greys for the page. Headings and text are set in Galano Grotesque, with EB Garamond italic for the short accent lines.
The pages
Pick a page, then scroll inside the window to explore it from top to bottom.
Results
service pages
Three service hubs and 20 detail pages, each focused on one service.
Lighthouse SEO, mobile
Yoast SEO handles titles, the XML sitemap and structured data for every page.
Lighthouse accessibility, mobile
Readable on phones, with best practices scoring 100.
What it means for the client
- Clear at a glance
Visitors understand what the agency does and where it is within seconds of landing.
- Every service has a home
Each service has its own page to rank for and to send clients to.
- Fewer repeat questions
FAQs grouped by project stage answer the common questions before the first call.
- Easy to get in touch
A form, phone, email and WhatsApp are always close at hand.
Speed
Lighthouse scores for the home page on an emulated phone, the toughest test: full-width imagery and slanted sections, with best practices at 100.
- First Contentful Paint
- 2.2 s
- Largest Contentful Paint
- 3.1 s
- Total Blocking Time
- 240 ms
- Cumulative Layout Shift
- 0.07
- Speed Index
- 3.2 s
Lighthouse 12.8.2, emulated mobile, initial page load
The stack
The tools behind the build, and what each one does on the site.
- ElementorEvery page layout, from the slanted section dividers to the service card grids, built with Elementor Pro.
- WordPressPages and services the agency team can edit and extend, with WPForms for the contact form.
- Yoast SEOTitles, meta descriptions, the XML sitemap and structured data.
- Google AnalyticsTraffic tracking through Google Site Kit.
- WhatsAppA chat link in the top bar and on the contact page.
