Skip to main content

Lead Developer · Pixdyne · 2025

Goodmood Studio

Bilingual marketing site for a Melbourne cross-border China–Australia agency.

Goodmood Studio
6
Service pillars
2
Languages
3
Process stages
1
Page, fully anchored

// Problem

Goodmood Studio is a Melbourne-based marketing agency working in both directions across the China–Australia bridge — helping Chinese brands enter Australia and Australian businesses expand into China. Their site needed to convince two audiences from different markets, in two languages, that the team understands both.

// Approach

Built as a fully bilingual marketing surface — every page renders cleanly in English or Chinese with the same editorial structure on both sides. Six service offerings are surfaced consistently across the languages, and a three-step process framework (Analysis, Strategy, Execution) anchors how the agency works. Image-heavy presentation matters in this industry, so the site uses server-side image optimisation to keep the visual richness from costing speed.

// Stack

Next.jsTypeScriptBilingual (EN/中)Image optimisation

One page, two markets

A cross-border agency has an awkward positioning problem: the Chinese brand looking to enter Australia and the Australian business looking to expand into China are reading for different signals, but they are reading the same site. Splitting them into separate microsites would have doubled the maintenance and halved the authority of each.

We kept it to a single anchored page and let language carry the split instead. The English and Chinese versions share an identical editorial structure — same sections, same order, same emphasis — so neither reads like a translation afterthought bolted onto the other.

Services as a carousel, not a wall

Six offerings — Brand Strategy, PR & Events, Data Analytics, Social Media, Digital Marketing, Creative Content — is enough to turn a services section into an undifferentiated grid nobody reads. We paginated them into a stepped carousel (01/06 through 06/06) so each offering gets the full width of the viewport and its own deliverables list.

Process as the trust device

For agencies, the how matters as much as the what. A three-stage framework — Analysis, Strategy, Execution — anchors the middle of the page, followed by an FAQ that answers the timeline and quality questions prospects actually ask before enquiring. The contact form carries a service-selection dropdown so an enquiry arrives already categorised.

Keeping the imagery cheap

Marketing agencies sell on visual richness, which usually means a heavy page. Image handling runs through server-side optimisation and responsive sizing, so the site keeps its editorial weight without paying for it on first load.

Published August 14, 2026

GET IN TOUCH

Interested in collaboration?

© 2026 Felix Yu
DESIGNED + CODED
Gemini_Link_v2.5
System initialized. Connected to Felix Yu's portfolio database. How can I assist you?
>