Zeit, an e-Commerce app for a novel travel business. A laptop open with the app on the homepage.
three laptops with Zeit apps visible.
Roles & Responsibilities

UX Research/ UX Design

Project Context

Zeit, a subsidiary of Virgin, need their e-Commerce time travel site ready to launch a.s.a.p, since the company received the all clear from the governing boards.

Tools I used
  • Figma
  • Whimsical
  • Optimal Workshop
  • Illustrator
  • Maze

The Problem

Zeit is looking to gain traction in the travel industry with an increase in customers, as it is an novel form of travel. The website needs to focus on the ease of selecting and purchasing trips, along with alleviating travelers’ concerns about safety regarding the approved technology.

The Solution

1. Development and establish a user-friendly website
research and implement ways of sorting the trip offerings.
3. development and establish a user-friendly website. A mac desktop with part of the home page on display, a list next to it : Chose a fresh color palette and focused on colorful images. continuous refinement from lo-fi to hi-fi product.
Followed accessibility requirements.

Research

The majority of what I found researching was written pre-pandemic, and since travel trends have changed since COVID, I focused on general statistics and grouping by generations.  By looking at how people travel and why- using a very broad scope was helpful in understanding users’ decisions and goals.

“– they (Millennials) are consumers who have confidence in their power to influence and in the recommendations from friends, they are natively digital in terms of how to use technology in a multitasking way, they show a strong personal interconnectivity and they share travel experiences…”

Research Artifacts

I ​​analyzed a couple of popular travel apps that offer travel experiences to compare the look and feel, features, and complete a SWOT analysis. I also analyzed other novel travel (space) for comparison with “emerging technologies”, along with a cruise travel site since users’ to Zeit would have many common experiences (activities, limited access to leave, and group environment).

a chart with direct competitors : trivago, booking.com and airbnb with associated themes or options on their site. There is a second section with other competitors: World Wide, Blue Origin and Viking.

After putting out an announcement on social media, I was able to secure a wide variety of users, who have traveled prior to 2020 and plan to commence travel asap. They interviewed over the phone, because of COVID and physical distance. After completing the interviews, send out an additional survey (multiple choice and fill in the blanks) to gain more clarification on users’ needs, and received a 90% completion rate. 

Visual examples of the people interviewed for the Zeit app.
a sample of two card sorting data charts that were used to aid in sorting the various historical themes and dates.

In the Affinity Map data was sorted by user navigation, user comments, wins, and potential solutions/ next steps.

affinity map (sticky notes) of the various ways the data was sorted.
Research questions that elicited the most feedback
  • What do you like about traveling?
  • What is important to you when booking travel?
  • What features do you look for when planning your traveling?
  • What are the parts of planning a trip for you?
  • Do you plan everything in advance or do you leave some up to chance?

What did I learn?

Everyone travels for the experience and they use recommendations as their main source of information when booking trips. Both of these insights were extremely useful when building out the architecture and construction of the wireframes.

major insights to the users who travel.

Persona

Lauren was created by breaking down the user's interviews along with the hard data of each person (age, location, sex, profession). She is a middle-class professional who lives in Philadelphia, PA, and has a partner. She enjoys traveling and leans towards being cautious with her finances/ budget.

Wireframing & Design

Design Artifacts
low-fi wireframes of the desktop for zeit

Sample of Mid-Fi Wireframes (Desktop) with annotations

sample of mid-fi wireframes with annotations for zeit.

From the brief, I knew that the goal of the logo was to be modern but historic, a blending of two ideas. I explored various techniques and styles to come up with the final solution.

sample of logo sketches and images from Illustrator

Testing & Refinement

Since I spent a lot of time understanding some of the mental hurdles of creating a new product and continuous refinement of the layout, testing was relatively smooth. I chose to remotely test using Maze and the feedback from Maze was incredible and extremely helpful in isolating pain points. I was able to quickly identify and resolve by reviewing the heat maps and journey each user took.

removal of unnecessary elements foe the user
Solution 2: The need for additional spacing between elements so users can have better accuracy with clicks and visual cues.
By guiding the user with progressive indications to ensure they complete the steps for a successful purchase.

The Final Screens

(Click on images to view videos)

The Style Guides

a stylescape with the layout and element components for the Zeit website.
A ui kit for the Zeit app, which contains color scheme, fonts used, components and other important elements that a developer team would need to create the app.

Conclusion & Lessons Learned

Learning Curve: Since this was my first complete from start to finish UX project, the learning curve was very high and it took me a while to jump through the hurdles and learn how to move faster and update the layouts/ UI with a more refined eye.
Remote testing: I used remote card sorting and had a poor pass rate. Some of the participants would have performed better if given this task in person, rather than online. If I am going to use remote in the future, pick users who are comfortable with using forms in various digital formats.
Iterations: Even though it felt like a setback, I spend a great deal of time refining my UI and it was worth it since I had a high success rate when the prototype was tested. 
Pivot: In my first set of user interviews I missed a few vital questions and I was quickly able to pivot to get additional information from participants. By having more than one way to access the missing data, there was no downtime  with my research.

More Projects

a fun line in magenta
Let's connect! dobsonemily@gmail.com

Made with ☕️ and ❤️ by Emily Dobson © 2022