Avios ‘Do More’ Microsite

I worked with the team at Rehab Studio to develop an InVision prototype using Sketch & InVision to demonstrate the UX vision for Avios'  'Do More' campaign.

Avios Do More Project Hero

The Challenge

To develop an engaging microsite to:

  • Drive awareness amongst existing customers of the experiences they could redeem with their Avios points.
  • Provide a tool for the relatives of existing customers to prompt the account holder to redeem an experience(s) with their points.


My Role

  • Development of user flows
  • Wireframe development
  • Low-fidelity prototype (created in InVision)
  • Explaining the UX vision to the UI designer

User Flow

Developing the key user journeys was essential for both the client and development teams to understand the user flow and logic through the experience. Below is a screen shot of one of the user types (the non-collector).

 

Avios Do More User Fow

Mobile Wireframes

Once all user flows were signed off, I developed wireframes (in Sketch) to outline the structure of key screens within the experience. These were essential for the UI designer as a reference point before starting her work.

 

Avios Do More Mobile Wireframes

Desktop Wireframes

I later devloped desktop wireframes for the responsive experience.

 

Avios Do More Desktop Wireframes 1
Avios Do More Desktop Wireframes 2

Mobile Prototype Video

The Sketch wireframes were imported in InVision and a basic click-through prototype was developed. Below is a video capture demonstrating one of the user journeys on a mobile device.

 

UI Design

Select screenshots of the responsive UI design developed by Rehab Studio's UI Designer.

 

Avios Do More Desktop UI
Avios Do More Mobile UI 1
Avios Do More Mobile UI 2
Avios Do More Mobile UI 3
Avios Do More UI On Device

Client Testimonial

Joana Guimaraes Profile Photo
Gui Guimaraes
Senior Interactive Producer
“I had the pleasure to work with Ben on a project for Avios that required elaborate UX Design work and he completed it flawlessly as expected.”

Tools

  • Sketching

  • Sketch App

  • Invision

Deliverables

  • User Journeys
  • Click-though Prototype
  • Hi-fidelity Wireframes

Type

  • Responsive website

Sector

  • Travel

Get In Touch

If you need help with a UX Design project then I'd love to hear from you.

Download CV