MT. EVERLIST

My Role: UX/UI Designer

Team: Self-directed with feedback from mentor and peers

Tools: Figma

Duration: 6 weeks (90 hours)

OVERVIEW

The travel industry is constantly growing and more people travel for business or leisure. Even with IG and other social media, the most common posts are of food and travel. People love to embark on new adventures and document them for others to see.

However, there seems to be a disconnect between organizing the places a person has visited and showcasing those to friends. There is no simple and customizable all-in-one place where users can keep track of their visits and display them beautifully to their loved ones.

Mt. Everlist is social media focused on travel where users can organize the places they visited and showcase them beautifully to friends.

(It’s where Yelp meets Instagram, but more!)

01 Research

Questionnaire User Interviews Competitive Analysis

02 Define

Problem Statement Product Goals Project Scope Site Map

03 Design

Problem Statement Product Goals Project Scope Site Map

04 Prototype & Test

Mid-fidelity Prototype Usability Testing Hi-fidelity Prototype

01 Research

Research is vital to understanding the thoughts and habits of users. Each research method has a different purpose. For this project, I decided to use a mix of questionnaires, personal interviews, and competitive analysis.

RESEARCH SUMMARY

A. Questionnaire

Purpose: Big picture understanding of people’s travel reasons and goals (if any)

Action: Received 12 responses (more ppl would give better results but it can be time intensive and costly)

B. Personal Interviews

Purpose: Detailed process of how people plan trips and their pain points, as well as social media habits

Action: Conducted 4 interviews (~30m) with working adults in mid/late 20s (as they typically have more resources to travel)

C. Competitive Analysis

Purpose: Understand what is out there, their focus, strengths and how Mt. Everlist may solve a problem they do not

Action: Brief look at 10+ companies, but showcase the 3 most relevant – their strengths and weaknesses.

A. QUESTIONNAIRE

Questionnaires are helpful for gathering large amounts of data. Because my initial scope was large, I needed to gather more data. I tried to keep questions simple, yet informational.

Questionnaire Highlights

1. Common travel places: cities within US (ppl living in US), Asian countries (ppl living in Asia)

2. Travel goals: most people did not have goals (some said national parks and all 50 states)

3. Reasons people travel: wedding, concert, bachelorette party, skiing, triathlon, climbing, visiting friends or family, explore new place

Not all data is good data. Sometimes, more information slows down the process of sorting out helpful information. Knowing your focus helps create more useful questions, although sometimes, you don’t know your focus until you start asking broadly. Design is always iterative.

B. PERSONAL INTERVIEWS

Due to a large scope in the beginning of the project, interview questions varied from general travel frequency, travel habits, documenting travels, goals, planning, and social media usage. Here are some key highlights that I learned from personal 1-on-1 interviews:

Interview Questions
Interview Highlights

1. Based on surveys and interviews, people love to travel but most do not have an ambitious goal (i.e. bucket list)
(Initially, I thought this as a negative. In hindsight, it was merely an indication that these were not my target audience.)

2. A common pain-point in planning is not having a map of where a recommended place is in reference to another.
(Google maps does this best, but it’s difficult to edit on-the-go and not as convenient on mobile.)

3. Sometimes, seeing someone else’s long list of recommendations is overwhelming. It would be nice to have multiple filters to sort by type of place or location or something else.
(Most people send a list of recs via a jumbled text or excel file, which is difficult to sort. I need to make sure filtering options are easy)

It was hard to find commonalities since the circumstances for traveling were very different for each person (i.e. travelling alone vs in group, visiting friends vs exploring, city areas vs rural). If my focus was trip planning, then all these factors need to be considered. Since my focus is on list creation, this is not as important (though still good to be mindful of).

Similarly, when interviewing, it is best to focus on one thing and go into specifics. Having too broad of topic(s) makes the conversation flow more complex, but worse, not as deep due to time constraints.

C. COMPETITIVE ANALYSIS

I conducted a quick analysis of various companies, ranging from trip planning, travel booking, trip documentation, list recording, packing, and location reviews. However, I only chose the three closest competitors to present.

Competitive Analysis Highlights
  •  There are many options for trip planning, but none for list tracking – aside from Excel (highly customizable but not focused) and Skratch (very limited to the point of practically non-usable).

     

  • With most apps, there’s a tension between having lots of helpful features (but feels cluttered and overwhelming) and a clean user interface (but lack functional options).

     

  • There are no apps where the user have simple customizable options to record and organize locations (aside from 5-star review system and paragraph of words).

     

  • There are no apps where you can easily see the public reviews and your personal/friend reviews of a location quickly. Having both will help inform better decisions.

     

  • Most apps are not socially-focused. It is not easy to collaborate with friends on a list/trip, and hard to share lists in a filtered manner.

Learning about other competitors is helpful to determine what is available and how they serve people’s need, or in turn, how they do not meet people’s needs. I drew a lot of inspiration from their UI and gained more confidence on how Mt. Everlist would be different.

02 Define

Traveling to a new place can be overwhelming. Friend recommendations are usually shared in various forms (i.e. excel, jumbled text, links) with incomplete information that makes it hard to organize and review.

PROBLEM
STATEMENT

To encourage travel by allowing users to manage customizable lists to share easily and show off the places they’ve been

SITE MAP

Site maps are helpful to visualize the scope of the project, as well as each page’s connection to one another. My first time around, I made the mistake of skipping this step and ended up adding extraneous pages and trying to do too much. Defining this beforehand helped me focus on my end product.

While I had tons of pages I wanted to create, I distilled down the core basics of what we need for an MVP (minimum viable product). 

03 Design

TASK FLOW

In order to evaluate the usability of the app, key tasks were identified. The task flows evolve as I conducted more user testing and understand what users needed.

These tasks are:
1. Create a list and make it public
2. Mark and rank a location you visited.
3. Copy another user’s list and make it your own.

WIREFRAME (LO-FI)

Low-fidelity wireframes were built as a starting point. This phase was messy as I kept iterating the designs over and over again, sometimes influencing the entire scope of the project (I initially tried to cram too many features).

Below is a sample screenshot of the earlier stages. Specific features will be highlighted in a later section.

BRANDING & UI KIT

Since maps were a key feature of the experience and oceans make up the background for maps, I chose a blue as the background colors of the web pages as well. See style guide below for more details.

For in-depth analysis of the logo design, see details in the link here.

04 Prototype & Test

ITERATIONS

There’s been a ton of iterations but a few notes to highlight:

1. Users did not have trouble finishing the tasks. However, there was confusion on unrelated sections throughout the process.
2. Keep things simple! Screens are cluttered and provide too many features. Ask myself – what are the main goals of this page? Are they obvious and easy to get to? What are needs versus wants?
3. Tradeoffs are important. i.e. Showing 3 columns of items vs 1 column gives a larger overview but makes the screen more cluttered and confusing to use.

Below is a select few of many examples.

KEY FEATURES (MAIN)

From our research, I was able to identify strengths and weaknesses of other companies. I focused on the relevant features and created ones that were unique and helpful to my goal. Below are some of the major ones.

Main Feature #1 - Social Feed

Feed is on the home page so it’s easy to notice. Friend recommendations are typically the best means to explore new places since it’s built on a level of trust.

Note: In order to declutter the space, the search bar can be easily opened or closed.

Main Feature #2 - Multiple View Options

There are different options for views based on different purposes.

1. Quick list with no details (good overview of all items)

2. List with more details

3. Visual eye-candy (to present or showcase pictures to others)

Main Feature #3 - Personal Customization and Public Reviews

Personal ratings of each location are highly customizable, from ranking, to interest level, and more. Others can see your rankings and quickly switch between your reviews, friend reviews and public reviews for the same location.

FINAL PROTOTYPE

Please check out my brief case study video below where I share a quick run-through of the prototype.

05 Conclusion

MONETIZATION

Products can only exist if they generate profits (unless you have generous donors). While this was not a core requirement for this project, it’s important to consider ways we can sustain the product. Below are some ideas:

1. Allow users to have a limited number of public lists. There can be a charge for influencers and companies who want to publish more lists.
2. Make certain customization features (i.e. different list view modes, location rankings, etc) cost money.
3. Invite businesses to place ads to promote their business/locations.

NEXT STEPS

The current product is a social media page focused on travel that involves list organization and easy sharing. There are two main routes that can expand from this:

1. Trip planning + documentation While there are many products for planning trips, having a strong list creation foundation will help in organizing itineraries. The focus on being a social media platform helps with collaborations between friends and other users.
2. Organized list ranking The current focus is list organization related to travel that you can customize and share with friends. Instead of travel, this can be expanded to TV shows, music, board games, fashion brands, tech products, etc.

While the second option seems like a curveball to the initial idea, companies often shift product usage based on research and feedback. Popular examples include Slack (originally developers for a computer game called Glitch) and Play-doh (first sold as a cleaner that could remove coal residue from wallpaper in the 1930s).

As we roll out the MVP for the this product, we can evaluate the product and see how to best improve and pivot the next steps.

WHAT I LEARNED

1. DEFINE THE SCOPE

It’s important to define the scope in the beginning and make sure it’s not too big. It is better to narrow down your target audience and aim to help a smaller group than try to help everyone.

2. MINIMUM VIABLE PRODUCT

You cannot redesign a product indefinitely and at some point, you’ll need to roll out a minimum viable product (or abandon the project).

Focus should be on the most important features. Evaluate what is truly needed and remove features (sometimes temporarily) to ensure a cleaner (less cluttered) design.

3. PRODUCT PLACEMENT

Product placement is highly crucial. Midway, I found myself questioning whether this was a travel app, a list tracker, travel planner, documentation, or social media product.

Not only does this affect where I get my inspiration from, it changes my target audience and how I design the product. A certain feature might sound very important, and maybe it is for a certain target audience, but not for my product. This affects how the product will be marketed as well.

MT EVERLIST CASE STUDY SUMMARY

The video is a ~5 min summary of this Case Study. It includes a quick run-through of the prototype.