Po'ahu Tourism Authority
A website design for the fictional island nation of Po'ahu to benefit its tourism industry.
UX Case Study - Class Project
OVERVIEW
Problem
The island of Po'ahu relies on tourism, but its website is outdated and does not provide adequate information regarding the booking of hotels and events.
Solution
A website redesign to cater to the tourist population and encourage visitors to visit local attractions and stay at local hotels. The Po'ahuan government also requested that there be a FAQ page including information about the island's history, technical information regarding electronics/plugs, and crime.
My Role
UX Designer
Timeline
1 week
Tools
Figma
UX Design Process
01. Empathize
Background
User Persona
User Story
02. Define
Problem Statement
Hypothesis
03. Ideate
Competitive Analysis
Sketches
Wireframe
Usability Testing
04. Prototype
High Fidelity
Style Guide
05. Test
Usability Testing
Final Thoughts
EMPATHIZE
Background
Po'ahu is a small island nation in the Pacific with a population of approximately 22,000. It has beaches, rainforests, mountains, and an active volcano. The local population is about 22,000 people. The tourist industry has skyrocketed in the last 10 years. Prior to this, the economy relied on agriculture and fishing.
Po'ahu has approximately 15 restaurants, focusing on various types of cuisines, 4 hotels, a bustling short term rental market, and many local events/business catering to tourist experiences. The majority of tourists visit to relax at the sandy beaches, explore the lush tropical forests, or visit the active volcano at the center of the island.
User Persona
This course for which this project was created provided demographic information of visitors including age, country of origin, salary, and duration of stay. Based on this information, I created this user persona to better understand the target users of the Po'ahuan Tourism website.
User Story
Persona: Rady
Story: As a tourist researching in preparation for my trip to Po'ahu, I want to gather updated information about hiking and the volcano on the tourism website.
DEFINE
Problem Statement
Tourists are discouraged from using the current Po'ahu website due to its outdated design and poor user flow. This does not meet the Po'ahuan government's annual goal of increasing the number of tourists by 5% and increasing annual revenue from tourists by 15%.
Hypothesis
We believe improving the usability and modernizing the design of the Po'ahuan tourism website will improve engagement of tourists with local hotels and businesses, resulting in increased revenue and increased tourism.
IDEATE
Competitive Analysis
I conducted a competitive analysis comparing four island tourism website to determine what components were most common and to examine design choices. I analyzed two islands with very successful tourism industries (Hawaii and Tahiti) and two islands who are similar to Po'ahu in size and relative recentness of popularity (the Marshall Islands and Samoa).
The Hawaii Tourism website is very colorful and the eye is immediately drawn to the large video of the ocean and mountains. The menu bar is placed at the top of the screen and includes a six categories and a search bar. Immediately below are buttons encouraging navigation to events and things to do based on the type of visitor (ex. foodie, nature lover, etc.), a map of the islands, and several sections for other topics.
Similarly, the Tahitian website features a large, eye-catching photograph and contrasting menu bar at the top of the page. It includes a logo, four menu categories and a search bar. Below this is a video with text describing the history of Tahiti, a list of things to do, direct links to vacation packages, and images from social media.
The Samoan tourism website again features a large video immediately underneath a menu bar at the top of the page. It includes seven categories and a search button. Immediately below is a short text introduction to the island of Samoa and links to attractions, accommodations, and vacation packages. At the bottom of the page are images from social media and a flight map from various locations around the world to Samoa.
I consolidated my findings into a table, summarizing what features were and were not present on each website.
All four websites had some type of large graphic at the top of the page that was either a picture of video of the island. Given that all four places are reliant on their natural beauty as an attraction to tourists, it makes sense that they would want to highlight the visual beauty of the place. All four websites also had the menu at the very top of the website for easy and quick navigation. While all four websites did link to external websites, only two provided direct booking services for either hotels or attractions. While all four websites had links to their own social media pages, only two had links to the social media sites of local businesses. Three of the four categorized attractions by interest and type of visitor (ex. Romantic, Nature Lover) rather than type of activity alone (ex. snorkeling, shopping).
Based on my findings, it appeared to be important to have a menu at the top of the page followed by a large, eye-catching photograph or video of the island's beauty to draw users in with its natural appeal. There should be links to the official social media pages of the island as well as links to local hotels and attractions, but not necessarily to their social media pages. There should be a map of the island in addition to flight and airport information. Attractions should be categorized by interest for increased ease of navigation.
Sketches
I began my brainstorm session with the Crazy Eights exercise. I wanted to create a visually stunning design with simple navigation and a lot of pictures.
Based on my research, I made sure to include a large graphic at the top of every frame just below a menu bar.
Low Fidelity Prototype
I created a low fidelity wireframe using Figma and conducted usability testing with the first iteration.
I conducted a preliminary usability test with five users and received the following feedback:
The font is too large.
The large header images take up too much space and don't provide any new information.
The buttons are too large relative to the text in them.
I utilized this feedback during modification of the second iteration of my wireframe.
PROTOTYPE
The First Iteration of the High Fidelity Prototype
The high fidelity prototype incorporated user feedback and client input to create a modern website that is easy to navigate. I utilized a color palette evoking the deep blues of the ocean and the bright pinks of tropical flowers. I focused on include a large number of pictures to impress upon the user how beautiful and idyllic the island of Po'ahu is in order to encourage them to visit.
User Feedback on the first iteration
I conducted usability testing with three users. They were asked to complete the following tasks:
Find a hotel to book.
Find a restaurant to make a reservation at.
Locate the hours of operation for the public transportation system.
What currency is used on Po'ahu?
Where is Ponolulu located?
I received the following feedback:
Users were unclear about what information would be presented in the menu item called "The Island."
Users had a difficult time finding the section in the top menu where information about restaurants would be presented.
Users wanted a separate section for travel information as they felt it was the 2nd most important piece of information after finding a hotel to stay at.
The "Plan your stay" menu item included information users didn't expect (information about currency and culture) and did not include information/functionality they did expect (the ability to book hotels, plane ticket, etc.)
I made the following changes for the second iteration based on user feedback:
Changed "The Island" to "About Po'ahu"
Added two new sections: "Restaurants" and "Transportation"
Changed the title of "Plan your stay" to "FAQ" to better describe the information present on this page.
The Second Iteration of the High-Fidelity Prototype
01 | Home Page
02 | About Po'ahu
03 | Experiences Home Page
04 | Local Restaurants
05 | Hotels
06 | Arts & Culture
07 | Local Events
08 | FAQs
09 | Transportation
10 | Redirection Page
TEST
Final Usability Testing
To evaluate my final design, I conducted a usability testing session with five users. They were asked to complete the following tasks and then answer follow up questions regarding ease of use and design.
Find a hotel to book.
Find a restaurant to make a reservation at.
Locate the hours of operation for the public transportation system.
What currency is used on Po'ahu?
Where is Ponolulu located?
Each user was then asked the answer the following questions:
Would you use this website to find information about a vacation to Po'ahu?
What would you change about this website?
What do you like about this website?
How difficult was it for you to use this website?
In general, users liked my design. All of the five users stated that the app was easy to use and that they would consider using this app to plan a trip to this island.
Final Thoughts
This project was very entertaining to work on. I learned a great deal about working with Figma and being aware that what I am seeing on my screen in Figma doesn't necessary translate well into what the design looks like when placed on a properly sized prototype screen.
This is also the first project I have worked on in which I have conducted three rounds of usability testing. User feedback was IMMENSELY helpful in ensuring the flow of the website was intuitive and all information was where users thought it should be.
I enjoyed being able to incorporate a bit of humor into this design, since I am from Hawaii. All in all, I am very happy with the final outcome. I feel that this would be an effective website to bolster a growing tourism industry.