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 tourism website for Micronesia features a large eye-catching image carousel of different attractions on the many islands of Micronesia. Below this is a horizontal scroll containing images of each country or island, reviews from visitors, and links to the social media sites of local businesses. 

 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:

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:

I received the following feedback:

I made the following changes for the second iteration based on user feedback:

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. 

Each user was then asked the answer the following questions:

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.

FIN