Experiential Design

Yong Sun Lu (0376945)

Bachelors of Design (Hons) In Creative Media

Experiential Design

Task 1 Proposal Link

Week 1

For the first week, there isn’t anything special to do because it’s just basic introductions around the class and

some insight on what we are going to do for the future coming week.

Week 2

Second week, after the lecturer gave us some lessons he gave us a class activity to make us into groups

based on our tablemates and what we are supposed to do is come up with some AR ideas on based on the

choices that we picked given from the lecturer and in this case our group picked the gym as our theme.

Here our idea was, when you first come to the gym open the app and it will show you what each of the

equipment does and how many are the optimal sets and reps to do.

Week 3

For this week the task is almost the same as the previous week but this time, we make some sort of timeline of

our own topic and the one that we picked was a cinema.

This exercise requires us to state the Pain, Gain points and Solutions for each of the journeys to the cinema.

Week 4

This current week where we are getting to the fun part and this week is where the lecturer gave us some tutorial

on how to make our AR stuff came to live using Unity and Vuforia 

We got some really good ideas from our discussions about how we'll show our AR project to the public.

We talked through a lot of ways to make sure people can easily use and enjoy the AR experience, thinking

about things like making it accessible, easy to interact with, and visually appealing. We also spent time

figuring out what problems we might run into when we launch it. This included technical stuff

with hardware and software, how many people will actually use it, and what kind of support we'll need. 

Reflection

Overall, the first four weeks of ExpDes have provided a solid foundation in understanding and applying AR

concepts. From introductory discussions to hands-on Unity and Vuforia tutorials, each week built upon the last,

progressively equipping us with the skills and knowledge needed for future projects. The group activities,

particularly the AR ideation for the gym and the pain/gain point analysis for the cinema, were instrumental in

fostering creative problem-solving and critical thinking regarding user experience. The discussions around public

presentation and potential challenges in Week 4 highlight the importance of not just technical implementation but

also strategic planning and foresight in AR development. This initial phase has been a valuable learning

experience, setting the stage for more complex and engaging AR creations ahead.

Task 2: FitRate Proposal

Project Title: The Fit Check Rating

The purpose of this application is to give a rating to the outfit the user is wearing and give some

recommendations on what the user should combine it with or just an overall theme to wear.

Problem Statement

Whenever people want to hang out with their friends, one of the main obstacles that comes up

first is what outfit they are going to wear and oftentimes they are in a deadlock just thinking on

what theme and what combinations of shirt and pants the person should wear.

Aims and Goals

The aim for this project is to give the user some recommendations on what outfit they should

wear to make themselves look good, not only that it is also to help the user have some more

sense of fashion so that they won't have to be confused anymore each time they’re going to

hang out.

Target Audience

Teens and Adults

Research

To kick off the research for the outfit rating AR app, we're focusing on four main things:

Checking out the Competition (seeing what AR try-on and AI styling apps do right and

wrong for accurate recognition and feedback), Figuring out the Users (getting why people

need that outfit validation and when exactly they need our advice), Tech Check (picking the

best AR platforms like ARKit/ARCore for smooth, real-time tracking and making sure our

advice pops up without being annoying), and the super important Rating Rules (laying down

clear, objective criteria based on expert style knowledge, looking at things like color matching,

how stuff fits, and if it's right for the occasion).

Personas

Journey Map

Sketch

Mock-ups and Visualization

Typography

Coolvetica was chosen as the primary typeface for "The Fit Check Rating" application due to its historical

significance as a foundational neo-grotesque sans-serif. Its clean, neutral, and highly legible nature ensures

that fashion recommendations and rating scores are presented clearly and without unnecessary visual distraction.

The font's objective, unadorned aesthetic reinforces the application's goal of providing honest, functional, and

reliable style advice, giving the interface a classic, modern, and authoritative feel that appeals to a diverse

audience of teens and adults.

Iconography (Image created by Gemini AI)

The first button is all the outfits that you have saved which is called the “Wardrobe”

Second button is the scan button where you face your phone to a mirror and it will give you a
rating based on your outfit

Third button is the recommendation/suggestion button where if the rating is too low, you will

get a suggestion on what clothing you should combine it with

Reflection

This project is inspired by my need to see if my outfit looks good or not when I am hanging out with my

friends and often times people are in a state of deadlock trying to figure out what they should wear, what

combinations, what theme suits their style and personality and sometimes they are in need of opinions to

see if the outfit their wearing can pick up guys/girls. When making this project, I'd say the visualization

really stung a needle to my head because I don't have any idea on how I am going to make the interface,

to make it look clean and modern. The one thing I learn from this is probably looking for something that

people say that they don’t need but until they realize how convenient it is to have what you think is unnecessary

turns out to be something that you would use in your daily life.

Necessary Links:

Presentation Slide

Video Link

Task 3: FitRate Prototype

Progress (In Short)

In this task i am going to make the actual prototype of my proposed idea of my app using unity as well as

Vuforia engine. The app I'm making is an AR outfit rating app where it would scan the outfit you're wearing

and give a rate between 0/10, if the ratings are lower than 6/10 it will give some suggestions otherwise it will

just say “Looking good”.

For this task I will be using Gemini to help me create this app by asking it to give me a step by step guide

on how to make this and how to actually make it work.

(I legit asked Gemini to give me a step by step guide on how to make this)

After I followed each step, I tested it out by using my own picture that I have from my gallery and aimed it

at the camera point and surprisingly it worked. 

(Video link)

Reflection

What do I learn from this? I now know to not make an app that is a hassle to make or i will suffer and thankfully

i have Gemini to help me with this so at least it made it easier to do this task.

Progress (Long Ver)

Right after I asked Gemini to give me a step by step guide on how to make this app, I booted up Unity and

imported Vuforia Engine.

After Unity is booted up, I delete the Main Camera and replace it with the Vuforia AR Camera, after that

I create a canvas then make buttons for Scanning the outfit and Wardrobe (a save outfit kind of button).

Then i made 2 other panels, one is ScannerPanel and the other one is ResultPanel

Result Panel

In this panel I add a text element for the score, one for commenting and a button to Re-scan the outfit.

Script making

I made a C# script on the Assets folder then pasted the code that Gemini gave me after that, i created an empty

GameObject and drag the script into it then drag all of the panels i made to the GameObject as well as the

Score and Comment Text.

Button Linking

Here I click the Scan Button and set the “On click” and drag the script into the slot and select it to start scanning.

Then I did the same to the Result panel.

After i did all of the steps i tested it out by using a picture of myself and surprisingly it works and now all

i have to do is redesign it to my liking.

Task 4: Final Submission Docs Link