Wayfarer
Design challenge sample, demonstrates a landing page and mobile app design
OVERVIEW
Wayfarer is a travel website and mobile app, a place for travelers to discover new locations to explore around the world. This is a design challenge sample of a exploratory research tool with the goal for users to learn, plan and facilitate their travel plans.
DESIGN BRIEF
Wayfarer is an exploratory research tool designed to serve as a travel site and mobile app. It’s a place to discover new locations to explore around the world. Wayfarer does not directly sell any trips, flights or accommodations.
REQUIREMENTS
DESKTOP
Navigation
Search functionality
Grid or list view of featured destinations
Call-to-action: Sign up for the newsletter
Footer section
MOBILE
Coordinate design with landing page
Create 3 screens for iOS or Android that demonstrates a list of destinations, detail screen and sign-in screen
App goal: give travelers a way of accessing information about destinations while they’re on the move
TARGET AUDIENCE
Frequent travelers, ages 21-30
BRANDING SUPPLEMENTS
Provide color style, typography and imagery that contributes to cohesive branding
SKETCHES
Beginning to ideate the website design that would bridge low fidelity designs.
MOBILE APPLICATION DESIGN
Drawing inspiration from the desktop web design and honoring branding guidelines, I developed these three screens: sign-in, destinations and a destination detail screen.
THE PROCESS
When designing for Wayfarer, there were key elements and user flows to keep in mind that would fulfill the design challenge requirements while creating an effective user experience. I prioritized design principles while creating this sample, utilizing color, text size and reading patterns.
When considering the mobile app design, I kept consistent with native app features and included a left-to-right scrolling feature to enhance learnability. I created an opportunity to save for itinerary planning every step of the way, to boost the chances of fulfilling Wayfarer’s and the user’s goals.
