Previous page

WEB DeSIGN

Discover Queensland: effective landing page design

By
Marcus Vaughan
10 minutes

Company

Mail Metro Media

Responsibilities

UI design and webflow development

Project length

1 month

WEBSITE CASE STUDY

Background

The global pandemic forced countries to close their borders to the world. With the threat now more or less under control, Australia has opened its borders to tourism.

Seeing this as an opportunity to welcome travellers back to Australia, Queensland.com partnered with the Mail Online to deliver a high impact landing page to inspire readers to consider Queensland as their next holiday destination.

©2023 Queensland Australia

In a rush?

Go straight to the designs.

Discover

We start our web design projects by trying to understand the problem by looking at the business goals and needs of the user.

©2023 Queensland Australia

DISCOVERY

The problem

Bookings to Queensland have been down over the past few years because of:

1

Brexit and economic instability.

2

Barriers of distance, value for money and fashionability.

3

Natural disasters, bushfires, global COVID-19 pandemic.

Problem statement

‘Queensland is currently perceived as a holiday destination that is remote, unsafe and expensive. How can we design a landing page to reeducate the user and motivate them to book a holiday with us.’

DISCOVERY

Project objective

Our client’s objective was to educate users to rethink Queensland as a safe and affordable holiday destination.

RE-EDUCATING USERS

Position Queensland as a safe destination, accessible and value for money.

Surprising users with experiences they might not associate with Queensland.

Link Queensland with 2021 travel trends (travel bubbles, road trips, wide open spaces and sustainability).

Highlight benefits of Queensland holiday.

We would use the following metrics to track the performance of the landing page.

Goal metric indicators:

  • Page dwell times.
  • Bounce rates.
  • Clickthroughs.
  • Increase in traffic to Queensland.com.
DISCOVERY

Project scope

What are the features or content that this website would include?

PROJECT AND FEATURE REQUIREMENTS

Responsive web page optimised for mobile.

Image gallery and video.

Customer testimonials.

Highlight benefits of Queensland holidays.

Highly visible calls to action.

Find out more about our web design process

USER PERSONAS

Defining our client's ideal customers

Two personas were supplied by our client and were used in content creation:

USER PERSONA

High value travellers

Background

  • Like travelling long haul.
  • Preference for Australia.
  • Driven by experiences (Food and drink, marine, coastal, wildlife)
  • Affluent, high spenders
Challenges/painpoints
  • Lack of knowledge about Queensland.
  • Apathy to Australia.
  • Competitor country destinations are becoming increasingly popular (South Africa, Japan, Canada, USA)
  • Distance.
  • Value for money.
Goals
  • New experiences.
  • Safe, open destinations.
  • Reconnect with nature after pandemic.
How to respond to her needs
  • Inform/educate.
  • Social proof/reviews
  • Show how different/better you are to competitors.
How we used this persona
  • Speak the language of the user for content and headings creation.
  • Formulate a value proposition for user problems.
  • Increase conversions by having more relevant offers/promotions.
DISCOVERY

User stories

Having defined the website’s users, we considered user stories to determine what tasks users may want to accomplish when visiting the landing page.

IMPORTANCE OF USER STORIES

User stories help to understand user needs, pain points, emotions and opportunities and how best to respond to them as website design features.

Example user stories:

We are also aware of the cognitive emotions that users need to feel when visiting the web page and the web page design should reflect these.

Cognitive emotions of the user

  • Reassured and confident Queensland is a safe destination.
  • Reconnected with nature.
  • Awe inspired, excited with a touch of wonderment.
  • Informed.

The website experience will aim to target these cognitive emotions and gently direct the user to making a decision on a holiday destination.

Visual design

When starting the project’s visual design we look at the client’s brand and their goals.

VISUAL DESIGN

Examining the client's brand

The brand direction is important in determining how users feel when they come to the website and will also help with font and image selection, colour and icon design.

Co-partnership brand:

  • Clean and simple, grounded and trusted and not too salesy.
  • Visually different to client’s own brand.
VISUAL DESIGN

Wireframes

After the visual brand was determined we moved onto wireframes and mockups.

Wireframes focus on:

  • Content - What is displayed.
  • Structure - How it is displayed.
  • Hierarchy – Size of elements.
  • Functionality – How elements work together.

Find out more about our web design process

VISUAL DESIGN

Mockups

The sum total of all the work up to this point. Mockups bring layout, typography and colours together whilst communicating the brand to the user.

Recommened

Our UX website design process.

The purpose of the landing page is to drive traffic to Queensland.com by showcasing experiences, building trust and curiosity.

Callouts (1 - 5):

1

Hero image and video

Grabs user’s attention with high impact full cover image and video.

2

Sticky nav

Directs user to 4 sections of the website. Sticky nav is visible at all times reminding users that there is more to read.

3

Beyond the Beaches

Gallery with full-width image blocks. Micro interactions provide feedback to user when hovered over and image scales.

4

Our top tips (1 of 4)

Social proof from Queensland business owner gives overview of region’s views and natural beauty. Helps to break up page content.

5

Wildlife encounters

Provides information on nature in Queensland.

6

Our top tips (2 of 4)

Social proof championing whale watching in Queensland.

Callouts (7 - 11):

7

Island adventure

Brief introduction on Queensland’s islands.

8

Our top tips (3 of 4)

Social proof championing reefs in Queensland.

9

Inspiring itineraries

Section with information about inspiring days out.

10

Our top tips (4 of 4)

Social proof championing local experiences in Queensland.

9

CTA

End of page encourages user to find out more about Queensland after reiterating the benefits. Not surprisingly, this button received the highest click rates.

The results

Web pages should talk to the user. They should address users’ needs and fears. Unfortunately, the user experience design for this project falls short and fails to solve their problems.

©2023 Queensland Australia

This web page would have benefited from addressing the objectives that we defined at the beginning of the project:

  • Reassuring users that Queensland is safe.
  • Allaying their fears.
  • Championing open spaces and affordability.

Disappointingly, I feel this hub will suffer from the same problems as its predecessors by not focusing on the user needs.

However, all is not lost and by speaking to the user with better written content I feel the project would see higher engagements, reduced bounce rates and clickthroughs.

DO YOU HAVE  PROJECT WE CAN HELP YOU WITH?

Need a consultation? We can advise

Whatever your business needs, we’ll create a great looking website that works for you.

Get in touch