MOBILE APPLICATION
SAIGON HแบบM
OVERVIEW The idea is to create an application that helps people to explore interesting alleys in Saigon which are known by locals only
Capstone Project - Summer 2019
Saigon Hem Mobile Application Instructor: Phan Nhat Trung Students: Bui Thi Bang Thanh
Tran Thi Ut
Do Nguyen Anh Hoa
CONTENT Abstract
5
APP PROPOSAL
DESIGN PROPOSAL
1. Problem Overview
7
1. Name, Logo and App Icon
65
2. Research Method
9
2. Design Guideline
68
3. Discussion
15
3. Icon-in-app and buttons
70
4. Userflow
72
3.1. Problems and Needs 16 3.2. Target User
17
3.3. App Value
18
ILLUSTRATION 1. Concept Reference
20
2. Alleyway Illustrations
34
DESIGN FINALIZATION 1. Wireframe
78
2. Prototype
86
3. Mockups
95
SIMULATION
ABSTRACT
The idea is to create an application that helps people to explore interesting alleys in Saigon which are hidden by the modernization of the city. The content is designed based on the needs of the user, which targets mostly on the newcomer of Saigon from 18 - 35 years old range who love to explore more about the soul of Saigon. The solution is to desing an application that integates with many features including map system, information system, review, rating system and transportation system. With those features, it will synthesize necessary information that user can equip for themselves when aproach soecific places and cultures.
Beside that, there is also a combination realistic review and reward system to encourage users to find out new destination and provide more reliable information for them to absorb knowledge and ecperiences when they are travelling.
Keywords App Design, UX/UI, Graphic Design Travel Culture, Travel Guide
5
APP PROPOSAL 1. Problem Overview 2. Research Method
3. Discussion 3.1. Problems and Needs 3.2. Target User 3.3. Market Analysis 3.4. App Value
6
01.
Problem Overview
7
01.
Problem Overview Experience tourism is a popular tourism trend among young people today. Self-exploring new things is also a way for them to prove their independence and strong spirit. They like to go alone, try to experience a series of independent days, find out for themselves, absorb the interesting and unique of the trip and especially focus on the moments of relaxation for themselves. They care more about the experience on the trip. Not wanting to be restrained by the planned schedules from travel agencies, many young people want to plan for themselves, making arrangements for their travel trip to be memorable.
But they complained on TripAdvisor that Saigon has too few places to go and they can explore all the famous places in Saigon in just one day. British historian Tim Doling thinks that Saigon is a place with lots of places that can create interesting stories revolving around attracting domestic and foreign tourists but there is no place to store mobile data yet.
8
APP PROPOSAL
It could be a few days' journey, through many famous places often known by the media, or trips in just one day but enough to experience beautiful scenes from every corner of Saigon.
02.
Research Method
9
02.
Research Method According to Expedia, the results show that millennials (ages 24 to 35) travel the most, 35 days each year, but were followed closely by Generation Z travelers (ages 18 to 23), who travel 29 days each year. Generation X travels the least, the result of work and family commitments.
18-23
25%
24-35 20% 7%
Redraw graph of age of travel habit via Expedia
10
APP PROPOSAL
47%
36-55 55+
People between the age from 18 to 35 is the generation most likely to try something new when travelling and to look for 'off the beaten path' destinations. They also want tips from locals and truly embrace the bucket list or carpe diem mentality.
02.
Research Method
31%
The perfect trip is spending it on a warm, sunny beach.
Redraw graph from TripAdvisor
P R O P O S A L
57%
Caring more about local history and culture than weather when traveling.
About up to 25 years old is the most suitable ages to plan a self-sufficent travel trip. At this age, people tend to travel more to see new places and cultures that they have never experienced before (89%), while 57% care about the local history and heritage values. ``
A P P
89%
Love to travel more to see new places and cultures that they have never experienced before.
11
It must not be suprise that the youth segment has the highest penetration of smartphones across the globe (+79%) and that young travelers are early adopters of every new technology. This make the youth travel sector a market of leading technological innovation anf learning ground for the whole travel industry.
Social media, mobile technology allows travelers to research and book trips anywhere at any time. Research shows that 85% of leisure travelers use their smartphones and 44% use their phones to research travel while they’re travelling.
Graph from SmartInsight about mobile impact travel
12
APP PROPOSAL
Let’s take a look at a few more stats.
Bạn có quan tâm đến những con hẻm ở Sài Gòn không? 72 responses 38%
Có Không
According to the survey results, people are interested in the alleys but they do not have the means to have the information that is really needed for their journey because there are very few channels that feature alleys is an essential destination when coming to Saigon.
62%
Survey of interest of people care about alleys in Saigon
Bạn biết đến những con hẻm qua đâu? 72 responses
15%
30%
Báo chí, mạng xã hội TV, radio Kênh khác
52%
Survey of interest of people care about alleys in Saigon
APP PROPOSAL
Bạn bè/ Người quen
13
72 responses Rất quan tâm
72 responses Quan tâm
Ít quan tâm
Quan tâm
Không quan tâm
Bình thường
Không quan tâm
60 40 40
20
20 0
Con người
Câu chuyện
Chùa miếu
Ẩm thực
Survey of interest of people care about alleys in Saigon
0
Mức độ
APP PROPOSAL
Survey of interest of people care about alleys in Saigon
14
The results show that tourists are more interested in food, followed by stories and people in alleys. Visitors are less interested in spiritual places in the alley. When asked if you would like to have a companion with you on trips, more than 60 out of 72 people would like to have a companion with you on trips.
APP PROPOSAL
Bạn có quan tâm đến việc có thêm bạn đồng hành khi khám phá những con hẻm ở Sài Gòn không?
Bạn quan tâm đến vấn đề nào khi đến những con hẻm ở Sài Gòn
03.
Discussion
15
03.1
Problem&Needs
Statement
Saigon is a fascinating, vibrant and youthful city, but it’s not one that’s full of must-see tourist sights. To experience the best of Saigon, focus on its minutiae; the little details of this big city. There’s no better place to do this than in the tangled network of narrow alleyways that fill in the gaps between the city’s major roads. Saigon’s thousands of alleyways – are where the majority of Vietnamese live, and it’s here that you’ll find the ‘real’ Saigon. What’s more, the alleyways offer far more charm and interest than the central area of District 1, where most travellers spend their time. Getting lost on foot in the web of alleyways brings you into contact with friendly local people, great street food, intriguing architecture, and, best of all, local life. And this particular ‘attraction’ is free!
Problems There are very few tours that allow travelers to explore alleys in Saigon
Connect tourists together via app feature
Saigon has too few destinations while there are many interesting alleys but not yet known much.
Recommend tourists interesting alleyways in Saigon.
Limit the necessary and interesting information about the alleyways. 16
Needs
Providing a list of destination, dishes, interesting stories of the alley
03.2
Target User
18-35 yrs old Base on the data which has been collected after resaearching. the target user for the application is young adult people from 18 to 35 years old. They are young, enthusiast, love travelling and eager to explore new things. At these ages, they are interested in discovering what they haven’t been known. Beside that, this generation is living in the era of digital and the innovation of technologies, they use smartphone competently and handle infomation quickly.
17
03.3
App Values Distinct Features Points accumulation and prizes system Useful information system Allows users to review, share experiences and destination information Connect traveler together
Beneficial Features Create knowledge travel society Protecting long-term value is gradually disappearing Rasing people’s awareness of the soul of Saigon - the alleyways.
18
ILLUSTRATION 1. Concept Reference 2. Alleyway Concept
19
0.1
Concept References
20
Concept Reference Saigon alley is a system of narrow and cramped walkways. Inside the alleys are the lives of the Saigon people, the people who live here create their own characteristics of each alley. After thinking about it, we decided to choose a drawing style that shows the natural lines and many features of Saigon alley. We chose neutral colors with a bit of bass, showing the age of the alleys and it carries a hint of ancient atmosphere.
ILLUSTRATION
ILLUSTRATION
0.1
21
22
HAO SY PHUONG
HAO SY PHUONG DISTRICT 5 HAO SY PHUONG
HAO SY PHUONG
HAO SY PHUONG
DISTRICT 5 HAO SY PHUONG
23
24
HAO SY PHUONG
HAO SY PHUONG
DISTRICT 5 HAO SY PHUONG
HAO SY PHUONG
HAO SY PHUONG
DISTRICT 5 HAO SY PHUONG
25
26
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3 CHEO LEO ALLEY
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3 CHEO LEO ALLEY
27
28
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3 CHEO LEO ALLEY
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3 CHEO LEO ALLEY
29
30
XOM CHIEU ALLEY
XOM CHIEU ALLEY
DISTRICT 4 XOM CHIEU ALLEY
XOM CHIEU ALLEY
XOM CHIEU ALLEY
DISTRICT 4 XOM CHIEU ALLEY
31
32
XOM CHIEU ALLEY
XOM CHIEU ALLEY
DISTRICT 4 XOM CHIEU ALLEY
XOM CHIEU ALLEY
UO NG YP HU O Y P NG HU O
XOM CHIEU ALLEY
DISTRICT 4 XOM CHIEU ALLEY
33
0.2
Alleyway Illustrations Illustration Orientation
N PH G UO NG NG
Every artwork need to be combined by lines and colors The color isn't too vivid
Having a certain amount of detail shows the cramped alley
34
Image source: PUSW fashion brand.
ON
SY G P ON H AO G HA O ON G HA O SY HA P O
HU
AO
DISTRICT DISTRICT DISTRICT
5 35
ALLEY 36
M HAO SY PHUONG
HO CHI MINH CITY
XO
HAO SY PHUONG
HAO SY PHUONG
XO
Y NG PHU
PH
UO
OS
DISTRICT 5
HAO SY PHUONG
DISTRICT 5
HAO SY PHUONG
HAO SY PHUONG HO CHI MINH CITY
ALLEY 37
HAO SY PHUONG
38
HO CHI MINH CITY
HAO SY PHUONG ALLEY
DISTRICT 5
HAO SY PHUONG
DISTRICT 5
HAO SY PHUONG
HAO SY PHUONG HO CHI MINH CITY
ALLEY 39
HAO SY PHUONG HO CHI MINH CITY
ALLEY 40
HAO SY PHUONG
HAO SY PHUONG
DISTRICT 5
HAO SY PHUONG
DISTRICT 5
HAO SY PHUONG
HAO SY PHUONG HO CHI MINH CITY
ALLEY 41
DISTRICT 5
HAO SY PHUONG HO CHI MINH CITY
ALLEY 42
HAO SY PHUONG
LE O EO
HAO SY PHUONG
HAO SY PHUONG
HAO SY PHUONG HO CHI MINH CITY
ALLEY
HE
O
HAO SY PHUONG
CH
EO
DISTRICT 5
43
44
O
LE
EO
EO
OL LE EO O CH E CH EO CH EO CH E DISTRICT DISTRICT DISTRICT
3
CHEO LEO
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3
HO CHI MINH CITY
ALLEY
45
HO CHI MINH CITY
ALLEY 46
CHEO LEO ALLEY
CHEO LEO ALLEY
CHEO LEO
CH E
CH E
CH E
DISTRICT 3
DISTRICT 3
CHEO LEO ALLEY
CHEO LEO HO CHI MINH CITY
ALLEY 47
CHEO LEO HO CHI MINH CITY
ALLEY 48
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3
CHEO LEO ALLEY
DISTRICT 3
CHEO LEO ALLEY
CHEO LEO HO CHI MINH CITY
ALLEY 49
CHEO LEO HO CHI MINH CITY
ALLEY 50
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3
IEU IEU IE
CHEO LEO ALLEY
CHEO LEO
CH
CHEO LEO ALLEY
DISTRICT 3
HO CHI MINH CITY
ALLEY 51
EU
CHEO LEO HO CHI MINH CITY
ALLEY
52
CHEO LEO ALLEY
CHEO LEO ALLEY
DISTRICT 3
U
HIE
4
IEU
CH
U
HIE
I E IEU U XO XO M XO M XO M
CH
CH
DISTRICT DISTRICT DISTRICT
53
XOM CHIEU HO CHI MINH CITY
ALLEY 54
XOM CHIEU ALLEY
XOM CHIEU ALLEY
MC HIE
U
DISTRICT 4
XOM CHIEU ALLEY
DISTRICT 4
XOM CHIEU ALLEY
XOM CHIEU HO CHI MINH CITY
ALLEY 55
XOM CHIEU HO CHI MINH CITY
ALLEY 56
XOM CHIEU ALLEY
XOM CHIEU ALLEY
DISTRICT 4
XOM CHIEU
XOM CHIEU ALLEY
XOM CHIEU ALLEY
DISTRICT 4
HO CHI MINH CITY
ALLEY
57
XOM CHIEU HO CHI MINH CITY
ALLEY 58
XOM CHIEU ALLEY
XOMCHIEU ALLEY
DISTRICT 4
XOMCHIEU ALLEY
DISTRICT 4
XOM CHIEU ALLEY
XOM CHIEU HO CHI MINH CITY
ALLEY 59
XOM CHIEU HO CHI MINH CITY
ALLEY 60
XOM CHIEU ALLEY
XOMCHIEU ALLEY
DISTRICT 4
LE O XOMCHIEU ALLEY
DISTRICT 4
XOM CHIEU ALLEY
XOM CHIEU HO CHI MINH CITY
ALLEY 61
62
Chinese people have two altars to worship Heaven and Earth, an eyecatching yellow piece of red paper in front of the door and in the house is to bring good luck and peace.
63
DESIGN PROPOSAL 1. Name, Logo and App Icon 2. Design Guideline 3. Icon-in-app 4. Userflow and Wireframe
64
0.1
App Name We orient our app to be easy to remember and to know by placing an unmistakably characteristic name in Saigon and being brief and highly intuitive. After discussion, “Saigon Hem” is the last choice. “Saigon Hem” is a name that makes it easy for users to read and understand the purpose of the app and to easily remember and convey the soul of Saigon.
SAIGON HẺM 65
0.1
Logo Logo
Color
Font
ALTUS CONFIDEL 66
f58336
d1d3d3
141515
0.1
App Icon App Icon In different sizes
60pt
40pt
29pt
20pt
App icon size:
180px x 180px (60pt x 60pt @3x)
Spotlight icon size:
120px x 120px (40pt x 40pt @3x)
Settings icon size:
87px x 87px (29pt x 29pt @3x)
NotiďŹ cation icon size:
60px x 60px (20pt x 20pt @3x)
67
0.2
Design Orientation Deisgn Orientation Using modern design
Dark blue, orange are the primary colors
Clear and clean design
68
Font
HEADING 1
HEADING 1
HEADING 1
HEADING 1
Altus
Altus
Altus
Nocturne Serif
HEADING 1
HEADING 1
HEADING 1
HEADING 1
Nocturne Serif
Nocturne Serif
Nocturne Serif
Nocturne Serif
HEADING 1
HEADING 1
HEADING 1
Nocturne Serif
Nocturne Serif
Nocturne Serif
Color
FF8433
015864
BED0D2
00464D
F5F8F7
FFFFFF 69
0.3
Icon In-app Menu
Other
Deactive
Home
Event
Message
Notification
Profile
Event
Message
Notification
Profile
Active
Home
Int
ro
L
Log 70
in
n pho
e
nF i g o
B
Ho
me
tr Dis
ict
Button
Continue with Facebook
Cancle
Continue
Log in with your phone
Past
About
Future
Story
Photos
nn Co
ec
ien r f t
71
d
All
ey
All
0.4
All All
Userflow
ey Co
ey
m
te ple
e
or xpl
t1 Ge
ďŹ P ro
le
Po
w Ne
int
Re
rd wa
My
s
My
a re w
rd
Pa
nt eve
ind m 72 Re
s
nt eve
s
st u Fu t
re
0
e1
n poi
ts
Overall Flow Intro
Login phone
Login FB
Home
Connect friend
District
Chats
Connect friend
Event
ProďŹ le
Remind event
Point News
Event
Create event
Alley
Rewards My reward
Request Alley
Alley
Alley
Joint event
Past My events
Calendar
Future
Others Complete explore 1
Get 10 points
Edit proďŹ le
Get promotion
73
Intro
Main Flow Login phone
Login FB
Home
District
Alley
Alley
Alley
Alley
Complete explore 1
Get 10 points 74
Get promotion
Main Flow
Connect friend
Chats
Event
Create event
Joint event
Calendar
75
Main Flow
Connect friend
Remind event
Event
Request
Others
76
Profile
Main Flow Point News Rewards My reward
Past My events Future Edit profile
77
0.4
Wireframe
78
Start
Login
79
Messages
Profile
80
Notification
Explore alleys
81
Explore friends
82
Explore friends
83
Explore friends
84
FINALIZATION 1. Prototype 2. Layout 3. Mockups
84
`85
01.
Prototype
86
Introduce fi P ro
le in Po
C
ec n n o
t
n frie
in m e R
nn Co
f ect
rd wa
s
n eve
ats C re
a
ve te e
Ca n Joi
en v e t
t
da len
t
fi p ro
st re
le
st
e Oth
nt
rd
u Fu t
ts
t
ue Req
t ve n
a re w
Pa
t My
ws
My
Ed i E
Ch
d
n eve
n Ev e
d rien
t
Re
d
Ne
rs
r
Alley Apps - Capstone Project - 87
88 - Alley Apps - Capstone Project
ti mo
on
Exploring Alleys
Alley Apps - Capstone Project - 89
Eve
Connect friends
90 - Alley Apps - Capstone Project
nt
Notification
Messages
Alley Apps - Capstone Project - 91
Login
92 - Alley Apps - Capstone Project
Profile
Alley Apps - Capstone Project - 93
Profile
94 - Alley Apps - Capstone Project
02.
Mockups
Alley Apps - Capstone Project - 95
96 - Alley Apps - Capstone Project
Alley Apps - Capstone Project - 97
98 - Alley Apps - Capstone Project
Alley Apps - Capstone Project - 99
References The old features of Saigon are gradually disappearing by the process of urbanization https://saigoneer.com/saigon-development/2876-saigon-must-preserve-its-old-buildings-historian-tim-doling
Age and travel habits https://www.nowtolove.com.au/travel/travel-news/age-and-travel-habits-41629
How Social Media and Mobile Technology Impact Travel https://www.smartinsights.com/social-media-marketing/social-media-mobile-technology-impact-travel/
Most popular Apple App Store categories in May 2019 https://www.statista.com/statistics/270291/popular-categories-in-the-app-store/
Travel tourism statistic for 2019 https://www.strekksoft.com/en/blog/65-travel-tourism-statistics-for-2019
Solo travel statistic and data: 2018-2019 https://www.solotravelerworld.com/about/solo-travel-statistics-data
100 - Alley Apps - Capstone Project