top of page
UIPrototype.png

-Virtual Tour App-

My Role 

Researcher
Data Analyser
UI Designer

Timeline

Mar-Jun 2022

Project

Virtual Tour App

Tools Used

Figma
Balsaming Wireframe
Adobe illustrator

The Problem

The 2021 consumer report by PWC highlighted the growing demand for immersive experiences and user-generated content among consumers. It specifically noted the enthusiasm of millennials and Generation Z towards embracing new technologies. Based on this information, the team narrowed down their target users and identified the initial problem: how to effectively attract film and TV series enthusiasts between the ages of 18 and 40 to book VR film tour tickets.

Design Process

Discover

  • Desktop Research

  • Online Ethnography

  • Semi-structure Review

1

Define

  • Thematic Analysis

  • Affinity Diagram

  • Competitor Analysis

  • How Might We

2

Develop

  • Sketch

  • Wirefame & Wireflow

  • Prototype

  • User Testing

3

User Research - Insights

Online Ethnography

'Movie fans have special emotions with the classic movie scenes and characters.'

"My favourite scene of all time in any comic book adaptation (movies included). This scene, gut punches me every time. It honestly changed me as a parent. "

"A heartfelt, nostalgic homage to the Spider-Man legacy that fans will rewatch countless times, laughing and crying along for many more years to come. A memorable, passionate, once-in-a-lifetime cinematic experience. "

'Virtual tours brings happiness to us.'

"The beethoven segment in the virtual tour is so underrated the amount of serotonin their playing gave me."

"That is beautiful a wonderful way to view the car, who ever created that deserves top marks for giving us this amazing fly over of the beautiful AlphaTauri AT03!"

'Film tours may be even greater for film and television lovers.'

"My daughter and I are huge GOT fans and this was to be the highlight of our Malta trip."

"Tour was fun and educational. Tour Guide was beyond expectations with her knowledge of all things classic to modern movies and tv shows."

How Might We Questions

  • HMW design an engaging and interesting service so that cinephiles and the adventurous students will be enjoy the the journey and generate impressive memories with the film?

  • HMW design a sharing-encouraging and communicative atmosphere for for tech lovers and adventurous uni-students so that they can share opinions with others ?

  • HMW design an informative and customised booking experience so that tech lovers and uni-students can feel comfortable and expected to commence an amazing journey?

User Research - Persona 

Concept Solutions

As a potential solution, the brief suggests that virtual tours of movie settings can effectively reduce people's mental stress caused by COVID-19 and offer an ideal choice for film and TV show lovers who are passionate about traveling to filming locations. The brief emphasizes the advantages of using VR for tourism marketing and suggests that it can offer an improved experience for users who may not be able to travel to the actual film shooting location.

Design Guide - Style 

Colour Style

#000000
#10C5FE
#E00DFB

Text

Aa

Aa

Oswald

a b c d e f g h i j k l m n o p q r s t u v w x y z

Oswald Bold

a b c d e f g h i j k l m n o p q r s t u v w x y z

Beta Component

Logo

Buttons

icons

Grid Style - ios

Prototype - Wireframe 

9105-ASS2.png

Home Page

Personal Account

Create Role

Create Character Role

Hair Style

Confirm Page

Display

User Testing - Key Insights

1. "Based on the user testing of wireframe, I have decided to make the process of accessing the Create Avatar page more logical and clear in my user flow. In order to ensure a reasonable flow, I have chosen to place the 'Go to Create Avatar' button on the success login/register page."

2. "Based on the user testing of wireframe, I have decided to make the Create Avatar page appear straightforward. Therefore, I have divided this page into two sections: one for displaying the avatar and the other for the functional area. This division makes it convenient for users to select their preferred style."

3. "Based on the user testing of wireframe, I have decided to include the prompt 'Create a special name for your avatar' on the confirm page. This way, users can think about a name for their avatar after they have finalized its appearance."

Prototype High Fidelity

all pages hf.png

Booking Screen

detail hf.png

Pay Screen

Login and Register Screen

22.png
login hf.png
compelet rg hf.png
register hf.png

Create Role Screen

Project Reflection

In this project , our group successfully applied user interface design principles and demonstrated effort in the double diamond design process. Our designs were commended for their simplicity and clarity, and the report was well-structured. However, there are areas where we can improve. we could have explored different concepts and layouts more extensively. It would have been beneficial to provide further explanation on how we obtained peer feedback and the methods used. To be honest, it's my honor to cooperate with this group! I have to say that everyone is working hard and serious. From the teamwork, I learn how to make a plan for the partnership and let each group member excel in their areas!

bottom of page