For this class project, I was tasked with designing a responsive website for a fictional time travel tourism company. This project posed an interesting challenge, as I was required to think creatively in my research & UX goals in order to design for an unprecedented service.
Zeit, a subsidiary of Richard Branson’s Virgin empire, has access to the revolutionary new technology making time travel possible! With safety guidelines in place, Zeit is looking to officially design their brand and launch their first responsive ecommerce website. Through their new site, travelers can filter through and select travel packages to visit significant locations throughout history.
Build a captivating brand by developing Zeit’s visual identity & logotype.
Design a quality, responsive website where travelers can purchase Zeit packages.
Market Research
Interviews
Competitive Analysis
User Persona
Card Sort
Feature Roadmap
Site Map
Task & User Flows
Moodboard
Logo Design
Style Tile
UI Kit
High Fidelity Prototype
Usability Testing
Affinity Map
Iteration
The user persona of Mia Song was created to define and summarize the behavioral patterns, views and attitudes discovered through the interviews. She helped me better emphasize and understand who I am designing for.
The user persona of Mia Song was created to define and summarize the behavioral patterns, views and attitudes discovered through the interviews. She helped me better emphasize and understand who I am designing for.
The most common groupings were by time period, or by location, however each participant seemed to have a different method of sorting. The broader categories of chronology and location may be a good starting point, however multiple filters must come into play for easy user navigation of the site.
After researching and analyzing competitors’ sites and developing a feature roadmap, I created an overarching site map to help guide the design.
The most common groupings were by time period, or by location, however each participant seemed to have a different method of sorting. The broader categories of chronology and location may be a good starting point, however multiple filters must come into play for easy user navigation of the site.
After researching and analyzing competitors’ sites and developing a feature roadmap, I created an overarching site map to help guide the design.
I utilized Lucid Chart to map out a typical booking task flow. This step was big help in recognizing which pages and features I would need to design and prototype.
In this example, Ben is looking to purchase a dinosaur adventure package.
How Might We...
...Make finding/planning trips as easy and accessible as possible?
...Instill user confidence in the technology and process?
...Keep the design modern while also referencing the history?
I utilized Lucid Chart to map out a typical booking task flow. This step was big help in recognizing which pages and features I would need to design and prototype.
In this example, Ben is looking to purchase a dinosaur adventure package.
How Might We...
...Make finding/planning trips as easy and accessible as possible?
...Instill user confidence in the technology and process?
...Keep the design modern while also referencing the history?
The “Z” from “Zeit” forming an hour glass where the sand is falling upwards to represent the reversal of time.
The style of the icons, colors, and fonts is a main factor in communicating the site experience. I needed to create a theme which would represent the tone of Zeit: Exploratory, High-Tech, and Clean.
I decided to go with a dark theme to enhance the feeling of exploration.
The “Z” from “Zeit” forming an hour glass where the sand is falling upwards to represent the reversal of time.
The style of the icons, colors, and fonts is a main factor in communicating the site experience. I needed to create a theme which would represent the tone of Zeit: Exploratory, High-Tech, and Clean.
I decided to go with a dark theme to enhance the feeling of exploration.
There were five participants total. Three were in person and two were remote over zoom. All must have international travel experience and be over the age of 18. All the users talked me through their thoughts, feelings and processes as they navigated the site. Their task was to find and purchase a travel package to a festival in China.
There were five participants total. Three were in person and two were remote over zoom. All must have international travel experience and be over the age of 18. All the users talked me through their thoughts, feelings and processes as they navigated the site. Their task was to find and purchase a travel package to a festival in China.
After user testing, I created an affinity map to help me sort, prioritize and rank the feedback. From there I developed the design into what it is today!
After user testing, I created an affinity map to help me sort, prioritize and rank the feedback. From there I developed the design into what it is today!