Empathise
Define
Ideate
Prototype
Test
Reflection
Empathise
Define
Ideate
Prototype
Test
Reflection
Discover
Define
Develop
Deliver
Reflection
arrow down

Vaccay

A mobile application for tourists in that provides crowd density data of Thai tourist attractions, by tracking number of wireless devices, and suggests alternative locations with fewer people. This is a project submitted to The Innovative Tourism Project Pitching 2021.

Role
UX/UI Designer
Duration
16 weeks MAY — SEP 2021
Tools
Figma
Team
Nawamon Chanprapun Ratchita Sarawanawong Tanaporn Lawsrisuriyont
Advisors

Project Goal

Thai tourism industry is being affected by the COVID-19 pandemic, since people are afraid of exposure to the virus in crowded places. Our goal is to design a product that can encourage Thai people to travel in post-COVID situation, so that Thai tourist businesses can recover.

Project Timeline

A 16-week project timeline including empathise(problem research and survey), define(survey result analysis and define user persona), ideate(ideating, user flow), prototype(wireframe, art direction, hi-fi prototype, 1st round submission, ui refinement and final round submission) and test(usability testing)

Reflection

However, 3 out of 9 interviewees didn’t actually match the criteria due to miscommunication.

Reflection

We didn’t do the user interview due to limitation of time, which I regret not doing so since we lose chance to gain more insight

Understanding current situation

According to Thai Hotel Association, 90% of local bussiness had to shut down due to the pandemic. 50,000-60,000 local labour workers were unemployed. This showed that COVID-19 posted high impact on tourism industry. Our initial thought was that people are afraid of being infected while staying in crowded places.

Online survey

In order to validate our thoughts, we launched an online survey asking how people feel about tourist congestion and what would they do if their destination is crowded.

Survey result in pie chart: What ill you do when facing crowdedness (Go somewhere else 54% Ignore the crowd 14% Go back to accommodation 31% Go back home 1%

We also asked about how the platform and existing products they use when traveling or finding information about each tourist detination, so that we know where can we learn more about the current pain point.

Survey result in pie chart: Internet 75% Application 7% Asking People 14% Tourism Fair 1% None 3%

Pain points

According to the survey, most tourists don’t like crowded place and 75% of them would rather find other destination, which may affect their travel plan and waste their time in finding new destination.

Reflection

We only focus on fixing the mentioned underwater issues. What we lack is the user research.

Note

1 hour to 15 minutes is the approximate work-to-break ratio that can maximise productivity.

Problem Statement

How might we reduce tourist congestion By designing an platform that notify tourist about the crowdedness level So that Thai local tourism businesses can be promoted?

Need Statement

Diona, a college student who cannot stop herself from working, needs to take 15-minute breaks every hour in order to maintain a healthy work-life balance.

We scoped down the users’ demographic to Generation Z, which is the age group that is familiar with digital technology the most.

Persona of Lukpear a 20 years old girl. She doesn't like crowded place and is afraid of COVID-19. She want to travel with her family on holidays and avoid crowded place. If she find out the place is too crowded, she will find alternative place.

Ideation

During the brainstorming session, we came up with the idea of tracking the level of crowdedness of each tourist attraction.

What is does? 1. Track level of crowdedness 2. Notify user before arriving at crowded place 3. Suggest alternative places

Possiblity of crowdedness tracking

We firstly thought about the way Google Map shows real time traffic data. We have researhed about other existing products that use similar technology to validate is this is really possible. Some products count the number of wireless devices to know if the place is crowded, which may be possible for crowd tracking feature.

Research board of 6 existing technologies related to crowdedness level tracking

We have created the UX storyboard together to make sure we all understand what the product does and how users go through it.

An 8 shots of big picture UX storyboard of Lukpear using Vaccay to find alternative places when encountering crowded place during her trip with her family.

Sitemap

We created a sitemap to show all the feature this product offers and how they structured.

Vaccay sitemap: Welcome, Sign in/Guest, Sign up, Personal acc, Business acc, Verify, Home(map), Track location, Search, Filter, Result(map), Selcet location, Location info, Alternative location, Feedback

Name and tagline

We brainstormed and listed the name and tagline, then we voted. The name we chose is Vaccay, and the tagline is Flee and free from crowd.

List of potential names: Vaccay, Crowdescape, S-cape, Slipaway and Flee. List of potential tagline: Guide your way to a peaceful stay, Flee and free from crowd.

Art direction

We looked into references and agreed that we wanted the user interface to be clean and simple. We did some paper sketches and created the logo with Figma.

Paper sketches of logo and logo exploration as vector elements

Then we created a UI style guide. We chose blue as primary color since it represent the color of the sea which is one of Thailand’s popular natural landmark.

User interface guideline including color scheme which is blue, orange and black. Typefaces are Montserrat and Roboto. Logo in app icon format and typography hierarchy on a phone mockup

Wireframe

We created wireframe based on the sitemap, including the signing up flow, the map, the information of each place and other minor pages.

An 11-page digital wireframe including Welcome, Sign in, Sign up, Home, Search result, Filter, Location info, Review, Profile, My review and Favourite

First draft of hi-fi prototype

These are the hi-fi prototype that we submitted for the first round of contest. However, when we were notified that we got into the final round, we decided to refine the user interface

Welcome screen on 2 phone mockups
3 pages on 3 phone mockups including Home page with map of Phuket, filter and location information

Final look of hi-fi prototype

We all agreed that the identity of the product could look more unique and we want to emphasize the element that tell the level of crowdedness. We also added the onboarding page to give user brief detail of VACCAY.

Landing page

We created the home page with recommended places, instead of using the map screen as home page. We also added the bottom navigation bar so that it is easy to switch pages.

Interactive prototype of sign up page, home page and filter on 2 phone mockupsInteractive prototype of sign up page, home page and filter on 2 phone mockups

The new design of location info sceen only shows level of crowdedness after first tap, as it is the data we wna t to emphasize. If users are interested in other information they can slide the sheet up.

Interactive prototype of search result which includes crowded location and location with fewer peopleInteractive prototype of search result which includes crowded location and location with fewer people

The pin color on the map also indicate the crowdedness level of that place. VACCAY also suggested the alternative places in “Similar Place” tab.

Interactive prototype of location information with similar places and reviews from other usersInteractive prototype of location information with similar places and reviews from other users

Users can save places they like and write reviews to help others know more about the place.

Interactive prototype of profile page, favourite places and my review

Usability testing

We decided to conduct a uability testing with 5 potential users to know if the app provide good user experience and to know wheter the crowdedness level interface is easy to understand.

Detail of usability testing which is a 30-minute online call individual session with 5 participants. Objective is to know if Vaccay provide good user experience and if it is easy to understand the level of crowdedness

Most participants said that the interface is clean and simple, making it easy to use. The crowdedness level is really dominant. Some said that it is quite hard to navigate when they’re on home page.

Usability testing result as an affinity diagram, including navigation issues and suggestions

What I learned

We have learned a lot throughout the process. The most important thing I realized we’ve missed is how crucial user research is. After I graduated I reflected back to this project. I have learned how to treat the design process as a flexible procedure not a predetermined checklist.

What I can improve

The first thing I regret that we didn’t do is the user interview during the first phase. We only have data from online survey which did not provide insight like how users choose tourist destination or how they decide to go to crowded place.

After I did my senior project I also realized that talking to experts is also crucial when we are working with issues that we, design student, are not familiar with. I would like to consult with engineer so that we know how can we make the crowdedness tracking feature possible.

A certificate for my team as a second place winner of The Innovative Tourism Project Pitching 2021 issued by DASTA

View other projects

Amigo on a laptop mockup
Amigo
Vaccay on mobile phone mockups
Vaccay
Kindeliver on mobile phone mockups
Kindeliver