Scaling Landing Page Design for Efficiency & Savings

I designed a versatile framework that enables global teams to efficiently create and optimise landing pages, ensuring alignment with the company's design system. This initiative involved close collaboration with cross-functional teams, including Growth, Marketing, Content, Product, and Design, to streamline processes and reduce operational costs.

Client

Airwallex

My Role

UX/UI Designer

duration

4 weeks
The team

People involved in this project

1 x Head of Growth
1 x Product Manager
1 x Senior Content Manager
1 x Design Lead
1 x UX/UI Designer


The impact

Framework launched across 19 international offices

  • Introduction of SOPs for QA, review, and approvals - streamlined workflows and reduction in production bottlenecks.

  • Enabled global teams to launch high-impact pages (e.g. product, industry, cashback) faster and more independently.

  • Reduced build, development, and SEO-related costs through reusable, customisable design frameworks.

  • Improved campaign speed-to-market and operational efficiency, driving better business outcomes globally.

The problem

Challenges in maintaining design consistency and quality assurance costs due to lack of standardisation

Global teams across various regions developing local landing pages without QA assessments and SOPs, resulted in inconsistent brand messaging.

With the launch of a new corporate site, it became crucial to prioritise the creation of high-performing landing pages to reduce time and cost moving forward.

Project Constraints

Very tight deadline: only 4 weeks to complete the project and deliver a solution.

Limited resoureces: no time to carry out extensive research or testing before launch.

Design system guidelines: somewhat restricting amount of creative freedom.

Light Desktop research

Existing and past landing pages revealed a number of performance and usability issues

How might we...

Focusing on the right problems to solve

key insights

Observation and feedback from marketing and content teams revealed...

1

Lengthy scroll on existing landing pages and excessive Z reading pattern versus F reading pattern for text-heavy pages.

2

Poor performance metrics due to low quality landing pages being rolled out under tight deadlines and time pressure.

3

Accidental content modifications and duplications in Contentful platform due to linked pages in the backend.

the Strategy & trade-offs

How do we tackle 100+ active landing pages with 3 weeks left to go?

  • Prioritised pages with the greatest traction and impact first.

  • Leveraged existing designs from the new corp site to save time.

  • Utilised new design system components to ensure adherence to the new branding guidelines.

The solution

Creating a "Lego kit" to support creative flexibility and efficiency

I developed a series of templates for various landing page sections that integrated the corp site's branding guidelines and design system components.

Each template features designated placeholders where teams can drop in brand-approved assets from the library.

The solution enables global teams to fully customise landing pages by mixing and matching section templates within a shorter turnaround time.

The launch

Bringing it to life

The templates were successfully rolled out across 19 international offices, accompanied by the development of landing page SOPs that clearly define QA review and approval processes.

Phase 1 encompassed high priority landing page categories including product, currency, industry, cashback and white paper pages.

THe business impact

Why this project mattered

This design solution empowers global teams to execute impactful campaigns with greater speed and cost-effectiveness, driving better business outcomes.

The scalability of the customisable boilerplate template framework ensures consistency across global markets while reducing costs associated with build, development, marketing and SEO efforts.

Retrospective

What I learnt from this project

Aligning diverse regions: effectively implementing standardised guidelines on a global scale.

Scalable impact: the need to develop solutions that can accommodate future growth and expansion.

Innovating within limitations: leveraging creativity to ensure solutions remain feasible within the project scope and resources.

What I'd do differently

Conduct more research: Contextual research into how global teams create landing pages would provide a better understanding of the processes and challenges involved.

Carry out testing: Usability and A/B testing to analyse impact of the solution, landing page performance metrics and campaign results to observe if any significant improvement.

Innovating within limitations, leveraging creativity to ensure solutions remain feasible within the project scope and resources.