Wayfarer
Discovering new destinations for travel
Desktop + Mobile App Design
My Contribution
UI Design
Background
Wayfarer is a place for travelers to discover new locations to visit around the world.
Although it doesn’t directly sell any trips, flights, or accommodation on the site, people use it as a tool for researching where to travel next, based on their preferences.
​
Goal
Create a landing page and mobile app design for travelers
Target audience
Anyone between the ages of 21 and 30 who travels frequently and is in search of new adventures.
User's purpose
• Discovering new locations to visit around the world
​
• Researching where to travel next, based on their preferences
Challenge
Design the homepage that users will see when they first find Wayfarer. It needs to show featured destinations, explain briefly what Wayfarer is, and include a call-to-action to sign up for the newsletter.
The design must include:
-
Navigation to other pages or sections on the site.
-
Simple search functionality to find destinations
-
A grid or list view of featured destinations (these would link through to further details)
-
Call-to-action to sign up for the newsletter
-
A footer section including at least a copyright date and some links to other pages.
Logo
Design Style
Floating
Cards
Gradation
Style Guide
Color
Typography
Desktop
Mobile
Button
Layout Grid
Desktop:
​
12 Columns ( 72 px )
Gutter = 20
Mobile:
​
4 Columns ( 72 px )
Gutter = 20
Sketch
Build
_edited.jpg)