product design

A responsive Time Travelling e-commerce

Zeit is an imaginary provider of time travelling adventures. They are the first to offer this game-changing service in the travel industry and their goal is to make time travelling accessible to the many. I designed their responsive e-commerce platform as part of my DesignLab UX Academy student portfolio.

The Problem

Up to now, Time Travelling has been relegated to the realm of science fiction. With Zeit the doors to the past are open and with them a brand new segment in the travel market.
How do you create excitement, trust and demand for a radically new service, which nobody has ever experienced before?
The task in this project was to design a platform that would make booking a trip back in time as exciting as purchasing a new Tesla and as easy as ordering your groceries.

Scope of work

Discover

Define

Design

Test

  • Market research
  • Competitive Analysis
  • User Interviews
  • User Persona
  • Empathy Map
  • Project Goals
  • Storyboard
  • Site Map
  • User Flows
  • Feature Roadmap
  • Wireframes
  • Prototypes
  • UI Kit
  • Logo & Style tile
  • Usability testing
  • Iterations

Discover

I started off with a Competitive Analysis to get my head around how successful travel e-commerce portals put their offer across to customers. Of course, there are no direct competitors to Zeit yet. So I decided that studying adventure, luxury and space travel providers would yield insights relevant to Zeit’s market segment.

Where the trip catalogue is extensive, categorisation and filtering to help users find the right offer quickly is essential.
The starkest takeaway, however, was the importance of picture galleries, which help travellers imagine the experience and build excitement.
Client photo feeds are a great touch. They show off a community of satisfied travellers and provide credibility to the brand. 
High end providers offered high degrees of trip customisation - this is an opportunity for Zeit to serve different market segments, from budget travellers to luxury lovers.

My starting hypothesis around Personas is that travellers with a generous budget and an appetite for adventure were likely to be early adopters of the Zeit offer. I sketched five Proto-personas .

In my Interviews I aimed to test the validity of my proto-personas and get a deeper understanding of their preferences and needs. I spoke to a combination of younger adventure travellers, retired campers and families with teenage children. In my conversations I set out to discover:

Here are some cross-cutting insights emerging from my interviews:

I created an 'Adventure Lover' Persona to get a more detailed picture of my early adopter target user.

I then captured her hypothetical Customer Journey with Zeit.

Define

To start defining Zeit's site structure and content I translated my research insights into key Design Principles:

The Site Architecture reflects the focus on simplicity and an investment in generating content for a community of subscribers to be 'nurtured towards conversion':

I mapped the User Flow across the site:

My research threw up lots of ideas of features. I prioritised them in a Feature Roadmap to be clear about what to focus on in the initial design.

Design

My hypothesis, confirmed by research, is that the conversion time between first checking out the Zeit website and finally booking a trip will be longer than with a traditional trip. With this in mind, I designed with the aim to:

I created wireframes and tested success against these goals before moving on to design.
The tests made it quickly clear that subscribing CTAs should be more prominent. I also decided to replace the contact section with a simple floating action button instead. This could be an expandable FAB linking to all contact options on a click.

The project brief set out Zeit's core brand attributes as Modern and fresh, Classical and Historical. My designs aimed to convey a clean look and simple functionality.

Test

I tested out designs with 10 users in face-to-face sessions and using Maze for remote testing.
The result was a positive response to the UI and a minimal error ratio. The designs did achieve the goal I had set of 20% of users clicking on the subscribe button which was encouraging, even if the sample size was small.

If this project was real and were to continue, I would like to:

Take aways

My key take aways from this project were: