Wonderful Indonesia: Tourism Website Redesign

Role: UI/UX Designer
Category: Website Redesign, Tourism Promotion
Tools: Figma, Trello, Whimsical
Collaboration: UI/UX Designer, Product Manager
Skills: User Persona, Wireframing, Visualization, Prototyping
Client: Binar Academy UI/UX Bootcamp
💭 Project Background
As a team of 5 in UI/UX boot camp, we worked in 5 days sprint to redesign Indonesia’s tourism website, Wonderful Indonesia, in response to the spread of coronavirus across the world. We aim to tackle the disadvantages that might harm the accomplishment of the tourism industry. By redesigning the website to serve not only as a guide to travel but also its safety during a pandemic, we hope to ease the pain to find a safe destination and learn the right health protocol for potential travelers in the future.
👩💻 My Role
In this project, I was entrusted as the team leader and the person in charge of sprint day 4 of prototyping. As the team leader, I was responsible to supervise the overall progress of the entire sprint to be on schedule. As the person in charge of prototyping, I was given the opportunity to spearhead the making of the design system as well as proceeding with the design interface from scratch while experimenting with the collected insights from my teammates.
🎯 Project Goal
The goal of the redesign is to create a delightful experience in browsing the site with improved content quality that encourages potential visitors to start traveling again.
📝 Methodology
The Sprint method is chosen to figure out the main problem as soon as possible due to the limited time in the boot camp. The steps of our sprint went as follows:
Empathize
Initial research was conducted by looking for references in Business Model Canvas of similar websites and mood board to gather and compare the type of information we needed to be able to create proper safe travel during a pandemic.
Define
In order to decide the focus of the users’ target, user persona and interviews were arranged to generate problem statement and goals. Solution alternatives were then defined through the How Might We framework.
Ideate
The ideation of each solution is concluded from the customer journey and storyboard. A vote proceeded to achieve the best ideas.
Prototype
Flowcharts, information architecture, flows, and wireframes in low fidelity were created from the chosen ideas. After the design system was finalized, the latter was improved to a high-fidelity prototype.
Testing
Scenarios for usability testing were made to cover all the new additional features and renewal of the website design. The evaluation was based on the System Usability Scale form.
Empathize
Problem Background
The spread of coronavirus has caused drops in Indonesia’s tourism industry performance. Fewer people are willing to visit the country resulting in a tremendous plummet in tourism revenue. According to the Chairman of the Indonesian Chamber of Commerce and Industry, Arsjad Rasjid, the tourism sector suffered a loss of more than IDR 10 trillion during the pandemic. Even if the safety protocols and vaccination has been gradually executed to secure as many regions as possible to properly get back to their prime, the Indonesian citizens and the world are more likely still reluctant to go.
Therefore, as one of the efforts to help the government boosts the economy in spite of the pandemic, this renewal of the tourism website is meant as the platform to raise awareness and promote the potential safe areas to travel.
Define
User Persona
We have envisioned a persona to represent the majority of potential travelers, an adult in the big city who can afford to travel around Indonesia, to help guide design decisions in this project. We chose to start off with Indonesian citizens on account of easier access to direct interviews in a short period of sprint time.
Name: Nissa Nadhira
Age: 30
Occupation: Employee
Location: Capital city Jakarta
“During the pandemic, I am hesitant to go on a tourism trip. I'm afraid the place I visit doesn't comply with health protocol.”
Goals
To get the latest updates on travel destinations’ conditions during the pandemic in Indonesia.
To find travel destinations that carry out the right health protocol standards.
To arrange travel itinerary for her or her family easily.
Frustrations
Some information about tourist destinations has not been updated since the pre-pandemic.
Even the some provided information does, it is not updated regularly to the latest status quo.
Navigating the website is confusing for the first time.
Ideate
Customer Journey
In order to understand deeper what people actually feel and need from Wonderful Indonesia, we conducted interviews to understand their motivation and thought process in browsing the website. We talked to 5 working adults who love traveling yet are wary of coronavirus impacts to gather their distinct insights.
From our interview, we managed to create a customer journey of their process in figuring out information that they need to finally decide whether the destination is good to go or not. The pain points reflected in the journey are identified as how the website is currently served.
Our objective is to generate the main problems from the low-hanging fruit area in order to make an approach that leads to the quickest and most significant results.
From the journey we concluded the two most crucial pain points regarding both the experience in navigating the website and the concerns to have enough data for safe travel as follows:
1. Majority of people get confused to smoothly navigate their needs.
Due to unclear wording for the main menu, most people need to click the menu one by one to check what the content actually is. They also need to scan first the sub-menu to find the coronavirus information-related page.
2. Updated news about virus countermeasures is not providing enough data to convince potential travelers.
When people do find page about information, they feel unsatisfied with it. The updates were added as general information, not inclusive to the respective travel destination.
How Might We
1. How might we… create a seamless flow to allow them easily find travel inspirations that match their preferences in no time?
2. How might we… provide convincing data regarding coronavirus information to stimulate them to get back to travel?
KPIs
1. User adoption rate, to make sure that users recognize dan use the new features properly.
2. User retention rate, to find out how many users returning to the features after a given time period.
Final Design
We proposed a renewal design to accommodate the solutions to the main pain points as follows:
Testing
Testing of the renewal design was assigned to five Indonesian working adults in the big city who occasionally travel in their free time. It was conducted by using Figma prototype. The evaluation parameters are based on the System Usability Scale form as well as post-user testing interviews to obtain qualitative data. The testing scenarios are consisting of five tasks to test out the search filter function, nearest health facility section, PDF health protocol handbook download, risk map navigation, and customer service chat box.
Testing Result
Based on the evaluation, we achieved the average SUS total score of 76.5 which signifies “Good” performance. In addition, by filtering the insights from the interview we proceeded to categorize them into Drop, Add, Keep and Improve retrospective for the next iteration.
Learnings
Pay attention to a wide variety of users and do not strive for our own perfection
A tourism website is a multi-purpose site targeted at a whole general kind of users from various backgrounds. I learned that we should not be obsessed with our biased standards both for the design and content of the renewal. Holistic research is needed in order to figure out the core problem. However, we must realize that the current research and development on the product itself are not valid until it is launched and tested by real users. Continuous feedback from the users should be the pivot of further improvement while balancing the qualifications to meet the needs of the business and the technology as well.
Important to unite the vision to accommodate the efficient thinking process of the team
The discussion of the ideas with the teammates could be confusing especially when it is started from scratch. It is needed to divide the documented inputs into smaller focus classifications to improve the analysis efficiency. The purpose of this is to organize the hierarchy of ideas in order to gain the same initial understanding of urgency between the members.