Overview

Travel XP is an app that helps traveling business oriented individuals find temporary housing and entertainment while on business trips.

Role

UI/UX Designer

Tools

Adobe XD / Photoshop / After Effects

travel XP app gif

Challenge

There are a lot of people that travel for reasons other than vacation and leisure. Although there are a lot of apps that users have at their disposal to find entertainment and housing options, there aren't a lot out there that help find things centered around business and networking.

Competition

VRBO

  • Only provides housing options without other areas of interest. Users would like to see what options they have to explore around the location they're staying. Travel XP allows you to view local attractions around the area that interest you.
image of vrbo screen

Expedia

  • Only able to view hotel options for housing. While hotels are nice, people may like to feel more at home and have the option to cook for themselves. They may also look for more flexible check in and out times. Travel XP is provides these options for their users.
image of Expedia screen

Airbnb

  • Able to view events going on in the area, but unable to view surrounding locations. Users may want the option to explore locations on their own. This allows them to come and go as they please while events are time sensitive.
image of Airbnb screen

Personas

  • Goal: To find a room near natural landmarks.
image of woman laughing
  • Goal: To find an art gallery and network.
image of African American man with red hair
  • Goal: To find a room near natural landmarks.
image of woman with flower in her hair

User Needs

When someone plans a trip, there are basic needs that must be met for people to have a successful experience. Travel XP meets ands surpasses those needs for their users.

  • Search and reserve housing options
  • Check reviews for housing
  • View images of housing
  • Speak with housing host
  • Browse surrounding attractions
image of woman taking pictures out of airplane window

Solution

Travel XP provide travelers with housing and entertainment options around their area of business. They're able to check reviews and speak directly with the host.

image of Travel XP screen

User Stories

Users were given a prototype and tasks to complete. This diagram was created with all possible routes that users needed to finish their tasks throughout the app. This helped make sure that Travel XP meets and exceeds its users needs.

  • Check the housing reviews
  • Create a profile and view liked locations
  • Search housing locations and pay for the rental
image of diagram

Low Fidelity

I would like to add options to edit and monitor your diet as food is an important part of fitness.

concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen concept drawing of Travel XP screen

Style Guide

Typography

Arial

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold / Regular

Colors

#35385A

#997FCE

#00CECB

#FF508A

#FCFC8E

#D9CCFF

#C7C4CF

#FFFFFF

Icons

image of several icons used on Travel XP

Medium Fidelity

More screens were added to give more power to the user and help them successfully complete their goals on the app. Users are now able to.

  • User able to browse and like local attractions
image of IOS screen
  • View images of the location
image of IOS screen
  • View saved likes under their profile to quickly revisit locations
image of IOS screen
image of Android screen
image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone image of black and white Travel Xp screen on iphone

User Feedback

Several people tested the app and shared some of their opinions to help take Travel XP reach to the next level and give the user a better overall experience.

    User 1:

  • You could make the exit icon a little brighter to stand out on the app. You should also make it smaller to fit in with the rest of the icons.
image of Travel XP screen that needed correction
image of Travel XP screen that has correction

    User 2:

  • You should position the icons to be placed on the left to coincide with most apps.
image of Travel XP screen that needed correction
image of Travel XP screen that has correction

    User 3:

  • Consider creating more space on the reserve wireframe to give things more breathing room.
image of Travel XP screen that needed correction
image of Travel XP screen that has correction

High Fidelity Wireframes

  • User able to browse housing options
image of IOS Travel XP screen
  • View images of the room
image of IOS Travel XP screen
  • Read reviews of previous people that stayed in the room
image of IOS Travel XP screen

Final Study

Images and colors were finally added to bring Travel XP to life.

image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final image of IOS Travel XP screen final

Takeaways

Travel XP could use filters in the housing option to choose to stay with people in similar fields to help network. There's also room for the app to have the option to view organized events catered to their field.

image of IOS Travel XP screen