01.
THE PROJECT
Travel Bug was a university project, where I worked in a pair and individually as a UX Designer.

My role:

• User Research
• UX Design
• UI Design
• Branding

Software used:

• Figma
____________________________________________________________________________________________________________________
02.
THE PROBLEM
The task was to design a responsive, online digital
travel storytelling application with a focus on
interaction design and considers usability issues for
a target audience of
50-75 year olds. It should be
designed to inform and provide a user experience that
is suitable for the target audience. 

The Task

Design an online travel storytelling application that
focuses on user experience, have interactive elements
and enables users to share their posts.
____________________________________________________________________________________________________________________
03.
MY PROCESS
To help with my design decisions, I follow IDEO's
human-centered design methodological process:
 


• Empathise
• Define
• Ideate
• Prototype
• Test
____________________________________________________________________________________________________________________
04.
EMPATHISE
Understanding Users

The primary audience targets seniors aged from 50-75.
The target audience live in Australia and they earn low to
mid income. They travel regularly and usually use storytelling
applications such as Facebook to share and post photos.

User Data Gathering

To inform the direction of the mobile application, user
data was gathered through a
semi-structured interview.
From the results of the interview, Facebook was the most
used storytelling app, followed by WhatsApp and Youtube.

Further research was gathered through trusted resources 
such as the ABS, NGO's and government bodies.
Results of the Most Used Apps
User Persona

Based on the research and data collected, I created a
persona that could potentially use Travel Bug to share
posts and videos of their travels. Andrews's goals are to
find affordable flights and accommodation. He also wishes

to document all his experiences to keep as memories. 
Andrew regularly watches Facebook stories and scrolls
through posts on Facebook for travel inspiration. Travel Bug
aims to provide a
travel focused application for a variety of
tasks such as: browsing, sharing, commenting and liking posts.
​​​​​​​
User Persona: Andrew
User Task Flows

Task flows were then created in order to further understand
the possible
interactions a user can make as they upload
or share photos and videos
or browse through the
explore page for travel inspiration on the Travel Bug app.
From these task flows, I identified the
system objectives
and 
key tasks that make up Travel Bug which include:

• Sign in/Sign up
• Browse explore page
• Upload photos or videos
• Upload stories
• Comment and like posts

Task Flow 1
Task Flow 2
____________________________________________________________________________________________________________________
05.
DEFINE
Identifying Pain Points

To better understand user needs and user behaviour, it
is important that the experiences throughout their journey is 
recorded through
storyboarding. This will address the pain
points that need to be considered as I progress with the
design process.

Storyboarding

Storyboards were created to accurately depict a user's 
step by step journey interacting with the mobile app. As
shown below, Andrew's journey navigating through Travel
Bug 
is a familiar process as he is an advanced user. Travel
Bug aims to provide users with
in depth travel inspiration
and address
user freedom with sharing, uploading,
commenting and liking photos and videos.
____________________________________________________________________________________________________________________
06.
IDEATE
Paper Prototyping
​​​​​​​
To understand the different interactions of navigating 
through the app,
paper prototypes were created and
tested on users from the target audience. A variety of tasks
and interactive elements were tested to help reach a
final 

decision before progressing onto Figma to create hi-fi 
prototypes. 

For the sign in page, users were familiar with typing in their
details. When presented with the Face and 
Touch ID, users
had more
difficulty understanding the process of using this
concept. Similarly to browsing the explore page, 
users found
the swiping feature
time consuming and frustrating. They
preferred to
select images in a grid layout as it proved to
be
easier and familiar.
Paper Prototyping
Moodboard

I curated a travel themed moodboard to help inform the 
creative direction of the mobile app, Travel Bug. The app
will feature
scenic photography from various destinations
to maintain user interest as they navigate through the app.

Calm, cool colours will be used to convey a sense of
going on a vacation and peacefulness.
Moodboard for Travel Bug
Branding & Identity

When it came to the brand, Travel Bug was the finalised
name as it conveyed feelings of wanderlust and a
desire to travel and explore the world. Travel Bug aims
to evoke positive emotions for users who travel frequently
by providing them with a
user friendly interface and
simple features and functions within the app.

Style Guide

Travel Bug aims to convey a calm and peaceful mood.
The
colour palette appeals to older users in the age bracket
of 50-75 as it easy on the eyes and legible. 
The typefaces 
chosen are minimal and comprehensible; which allows
for smooth transitions between various screens.
Travel Bug Branding & Style Guide
____________________________________________________________________________________________________________________
07.
PROTOTYPE
Hi-Fidelity Mockups

After creating paper prototypes of the mobile app, 
hi-fidelity prototypes were then created on
Figma.
All
key tasks mentioned above were designed to 

produce an interactive, travel sharing app.

The Solution

The goal was to design an online travel storytelling
app
 that focused on usability, experience design

and
user centered design for senior users
These goals have been met through:


1.  Large, hero images of travel destinations
As gathered from research and user feedback, the target
audience expressed a strong preference for visually
enhanced photography of various destinations. Given that
senior users tend to rely on visual cues before reading;
incorporating vivid imagery within my design was favoured.


2.  Universally, recognised icons and metaphors
As Facebook was the most used social media app between
the target audience, I kept the process of signing up,
commenting and liking photos as well as uploading posts
and 
videos simple and easy to understand for the users.
Familiar icons such as the heart for likes, the messaging
bubble for 
comments and the camera icon for uploading
content were used throughout the design to evoke a sense
of familiarity for users.


3.  Clear hierarchy and enlarged text 
To cater to the target audience of 50-75 year olds, I made 
the conscious decision of creating an easy to follow grid 
layout and hierarchical structure for the end user. Enlarged

text was also applied to assist those with slight vision
impairments for easy reading.
Hi-Fidelity Prototypes of Travel Bug
____________________________________________________________________________________________________________________
08.
TEST
Testing the Prototype

The mobile app was tested with the same target audience
and a
heuristic evaluation was conducted afterwards. 
Relevant changes were then implemented and final
iterations 
were made to finalise the design of Travel Bug.
​​​​​​​ 

After the evaluations, users suggested that the text could be
enlarged for easier reading. It was also made apparent that
a
variety of imagery could be implemented during the
stages of the sign in and sign up page to create increased
visual interest. A
clearer hierarchical structure could be
created to help users navigate the app.
Final Refinements to Travel Bug
Project Takeaways

This project was slightly challenging given the target
audience I was required to work with. I learnt the
importance of placing the needs of users, especially
senior users at the 
forefront of my design. It enabled me
to keep an
open perspective and inform my decision
making
by creating designs that were functional, visually
aesthetic yet also address accessibility.
_____________________________________________________________________
_____________________________________________________________________
Visualisations
Back to Top