Ba Vi Tourist Portal

Enhancing Travel with Comprehensive Local Insights

Type of project:

Internship - Redesign for a Registered Student Organization

Role:

UI/UX Web Designer

Date:

7/10/2023 - 9/3/2023

Ba Vi Tourist portal is a website dedicated to visitors traveling to Ba Vi, a district in Hanoi, Vietnam.


Clients highlighted significant gaps in information, particularly regarding local attractions and events, which hindered travel planning. I redesigned the website, adding pages to feature prominent attractions and local events, enhancing the user experience and providing comprehensive travel information.


Check out the high-fidelity wireframes here

How Might We Statement

Bridging Information Gaps to Enhanced Ba Vi Tourism Planning

How might we provide detailed information about attractions, transportation, and local services for tourists visiting Ba Vi so that they can efficiently plan personalized and enjoyable trips?

From analyzing the interviews, I realized that there is a significant problem with the website regarding missing information.

From analyzing the interviews, I realized that there is a significant problem with the website regarding missing information.

From analyzing the interviews, I realized that there is a significant problem with the website regarding missing information.

From analyzing the interviews, I realized that there is a significant problem with the website regarding missing information.

From analyzing the interviews, I realized that there is a significant problem with the website regarding missing information.

From analyzing the interviews, I realized that there is a significant problem with the website regarding missing information.

User Interview

Understand our stakeholders view of the current website

Problem context

Diagram of the Impact of Lack of Information on Ba Vi Tourism

What is there at Ba Vi Peak? How do we get there? Is it near the Vietnam Museum of Ethnology?

A tourist

My family plans to travel to Ba Vi for 3 days, but we don't know where to go. I only know about Ba Vi Peak. My family includes elderly members and children, what places are suitable for my family?

A family with children and elderly

Lack of Information on the Website

Users Unable to Find Essential Travel Details

Inability to Plan Tours for Individuals and Families

Decreased Tourist Attraction to Ba Vi

Brainstorming

Current website

Updated website

  • Incomplete details about tourist sites

  • Outdated information on cultural, events or news

  • Lack of information on accommodations

  • Poor user engagement

  • Detailed information on tourist sites including name, address, basic information, and opening hours.

  • Separate pages for restaurants, accommodations, and tours.

  • Updated details about cultural events and recent news.

  • Integrated modern technologies, such as live 360-degree videos.

User Research

Understanding primary users and stakeholders

Information Architecture

Organizing and Structure website content

How our app help Adventurous Solo Traveler

WHAT does an Adventurous Solo Traveler wants?

How our app help Family with Children and Elderly

WHAT do Family with Children and Elderly wants?

How our app is very accessible to all users?

Accessible features:

Accessible features:

Accessible features:

Accessible features:

Accessible features:

Accessible features:

How our app helps both Families with Children and the Elderly, and Adventurous Solo Travelers

WHAT do Families with Children and Elderly, as well as Adventurous Solo Travelers, want?

What we have:

What we have:

What we have:

What we have:

Itinerary Page

Introduction Page

Destinations Page

News Page

Important Information Page

Explore Page

Hotels Page

Restaurants Page

Home Page

The Itinerary page helps large families find and filter tours by type, travel preferences, and vehicle types. Users can click on a tour to see a detailed daily schedule, including times and attractions. Additionally, users can create and customize their own tours on the MyTour page, adding destinations and sharing these with family members who can comment on and rate them.

The Itinerary page helps large families find and filter tours by type, travel preferences, and vehicle types. Users can click on a tour to see a detailed daily schedule, including times and attractions. Additionally, users can create and customize their own tours on the MyTour page, adding destinations and sharing these with family members who can comment on and rate them.

The Itinerary page helps large families find and filter tours by type, travel preferences, and vehicle types. Users can click on a tour to see a detailed daily schedule, including times and attractions. Additionally, users can create and customize their own tours on the MyTour page, adding destinations and sharing these with family members who can comment on and rate them.

The Itinerary page helps large families find and filter tours by type, travel preferences, and vehicle types. Users can click on a tour to see a detailed daily schedule, including times and attractions. Additionally, users can create and customize their own tours on the MyTour page, adding destinations and sharing these with family members who can comment on and rate them.

The Itinerary page helps large families find and filter tours by type, travel preferences, and vehicle types. Users can click on a tour to see a detailed daily schedule, including times and attractions. Additionally, users can create and customize their own tours on the MyTour page, adding destinations and sharing these with family members who can comment on and rate them.

The Itinerary page helps large families find and filter tours by type, travel preferences, and vehicle types. Users can click on a tour to see a detailed daily schedule, including times and attractions. Additionally, users can create and customize their own tours on the MyTour page, adding destinations and sharing these with family members who can comment on and rate them.

Introduction page would help adventurous solo travelers by providing an overview of the local area, explaining where Ba Vi is located and how it was formed, accompanied by some pictures of Ba Vi.

Introduction page would help adventurous solo travelers by providing an overview of the local area, explaining where Ba Vi is located and how it was formed, accompanied by some pictures of Ba Vi.

Introduction page would help adventurous solo travelers by providing an overview of the local area, explaining where Ba Vi is located and how it was formed, accompanied by some pictures of Ba Vi.

Introduction page would help adventurous solo travelers by providing an overview of the local area, explaining where Ba Vi is located and how it was formed, accompanied by some pictures of Ba Vi.

Introduction page would help adventurous solo travelers by providing an overview of the local area, explaining where Ba Vi is located and how it was formed, accompanied by some pictures of Ba Vi.

Introduction page would help adventurous solo travelers by providing an overview of the local area, explaining where Ba Vi is located and how it was formed, accompanied by some pictures of Ba Vi.

The Destinations page caters to users looking for information on attractions suitable for families and singles. It features filters for price, vehicle access, and opening hours to simplify planning. Users can view pictures of each destination and save favorites to their MyTour page.

Both user groups expressed interest in Ba Vi news updates. Thus, I created a News Page featuring relevant content such as popular news, cultural updates, must-visit spots, and government documents in Ba Vi.

The Important Information Page would help adventurous solo travelers by offering a guide to must-visit attractions and recommendations for various activities, including food and entertainment.

The Explore page, acting as Ba Vi's mini brochure, helps both Families with Children and the Elderly, as well as Adventurous Solo Travelers, by providing a brief overview of Ba Vi's history, culture, heritage, and sightseeing spots.

All users need accommodations for their Ba Vi vacation, so I created a Hotels Page. Here, users can choose based on location, price range, ratings, distance, amenities, deals, and bed type preferences, catering to families with children and elderly members who often prefer more beds.

Both of our user groups enjoy local restaurants, so I added an Explore Restaurants page where they can choose to explore the local cuisine based on price, area, and occasion.

The Home page allows all users to explore key features of the Ba Vi Portal, including recent news, must-try foods, and must-visit attractions with videos and pictures. Users can also search for hotels and restaurants using the prominent search bar at the top of the page.

Looking for tours that are suitable for a large family, including children and the elderly.

Gain insight into the local area and discover recommendations for nearby attractions

Detailed information on attractions suitable for both families and singles

Wants to explore Ba Vi’s local area and understand its history and recent news

Find local unique restaurants

Discover up-to-date information on Ba Vi's activities for various groups of people.

On every page of our website, users have the option to switch to their preferred language. This feature is particularly beneficial for foreign tourists, who can select the English version to have the entire website's language changed to English. Additionally, they can call the Ba Vi Portal website hotline with any questions and view the date as they explore the website.

Adjust the website font size

Read out loud the page content

Adjust the volume of the content being played

Adjust the website contrast

Options to print, save, or email the website content

Reflection

What I learned

Digital Accessibility: Implementing features like language selection, adjustable font sizes, and high-contrast settings to make the website accessible to a broader audience, including those with disabilities.


Project Management: Coordinating different stages of the project, from initial research and user interviews to the final implementation.


Problem Solving: Addressing the challenge of missing information by identifying user needs and researching content preferences, including famous attractions, tour guides, hotels, restaurants, and historical information.

  • Family with Children and Eldery

    Demographics:

    • Age range: 30-40 (parent), 60-70 (elderly), 6-12 (children)

    • Family status: Married with children, living with elderly parents

    • Occupation: Works full-time as managers

    Needs:

    • Detailed information on family-friendly attractions

    • Tours suitable for family trips

    • Recent news and a brief history of Ba Vi

  • Adventurous Solo Traveler

    Demographics:

    • Age range: 25-30

    • Family status: Single

    • Occupation: Freelancer

    Needs:

    • Suggestions for unique local dining experiences.

    • An overview of the local area including history and tips for nearby attractions

    • Current and accessible details on Ba Vi's adventurous and unique activities.

  • Ba Vi Tourist portal

    These black underlines indicate subpages under the Explore page, including history, heritage, and sightseeing places

    Common questions that tourists might ask when visiting Ba Vi regarding where to eat, how to book tours, and places to stay

    Important Information Page

    Explore Page

  • These red underlines are attraction names

    Some features to explore on a specific attraction page include booking a tour, transportation options, and other nearby attractions

    Ba Vi Tourist portal

    Destination Page

  • 360 Video

    Most of the specific attraction will come with a 360 Video mode for users to explore the attraction virtually.

  • Google Map

    Most specific attractions will also include a map feature similar to Google Maps, where users can see where the attraction is located and zoom in or out to view nearby locations.