Art • Photo • Design
Trip Surfer Mobile Mock UP.jpg

TripSurfer Vacations

TripSurfer Vacations - UX Design project - Responsive Web

 TripSurfer Vacations - Responsive Web - UX Design

TripSurfer Vacations is a real travel agent website. However, for my course work in Googles UX Design certification, I redesigned their site to give is a fresh update that might be more in-line with other competitors currently in the market. I made the site responsive, so the information can be used on both Mobile and Desktop. Making things easy and familiar for current users, while making a mobile version for users on the go. The wireframes and prototypes were designed with GiMP, Photoshop and Adobe Xd. This was a really fun project and I hope to make more like it!

 

Site Structure

 

Low Fidelity Wireframes - Desktop

 

Low Fidelity Wireframes - Mobile

I made only two wireframes for the mobile due to having a good idea on how to already lay them out. I wanted to follow a very simple structure that felt modern.

 

High Fidelity Prototype - Desktop

Visuals were always front and center in my mind during this phase. I was wanting to bring the site into alignment with competitors in the space while allowing for freshness and simplicity. I wanted to design something familiar and easy on the eyes. This navigation allows for intuitive usability between all age groups and can be easily navigated.

High Fidelity Prototype - Mobile

Links to my projects are currently being updated, but please feel free to view additional documents here.

Test my High Fidelity User Flow here for Desktop