Mobile App Sketches
Project Overview
The Product
App for users between the ages of 20-30 who travel frequently and are in search of new adventures, to enable them to discover new locations to visit around the world.
Project Duration and Status
June 2021
Concept design
Role and Responsibilities
Lead Visual Designer
Wireframing and high-fidelity visual design
Ideation
Wireframe Sketches
I began with a competitive analysis of other travel apps in the market, and then got to work on sketching wireframes.
Mockups
Branding and Visual Design
Understanding that travelers are looking for adventure and experiences across the world, I wanted the location images to be the focal point of the design and curated a minimalist aesthetic grounded in recognizable UI patterns. Infusing contrast with one primary color that I sprinkled throughout, I selected a sanserif font with a tall x-height to create clean, easily legible copy throughout the design.
I also ensured that the design is accessible, with clear layouts and distinct buttons, menus, and calls to action. I centered the design around the travel images, leveraging color and contrast, and visual hierarchy to guide users through the desired flow.
TravelBug Mobile App Mockups
Wireframe Sketches
Next, I got to work on sketching the desktop landing page, moving swiftly to digital design.
Desktop App Sketches
Desktop Mockups
I carried the brand identity and design elements over to the desktop design, making it easy to navigate, with the goal of enticing the user to sign up for the newsletter to stay connected with the app.
TravelBug Desktop Landing Page Mockup
Lessons Learned
Create Visual Interest
When I originally began sketching, the popular destinations and experiences section cards were all the same size. User feedback revealed that the lack of differentiation meant that experiences section was being ignored. To draw interest, I doubled the size of the experiences cards, and saw that users immediately gravitated to them.
Highlight Visual Assets
My goal was to let the visual assets shine and use them to pique the interest of the user. This meant keeping copy and other design elements to a minimum.
Simple Copy
To reduce the cognitive load on the user and guide them effectively through the app, I used minimalist and simple copy and call-to-action (CTA) buttons.