Task 3: Project MVP Prototype
Simon Ko Jing Liang
0364359
Bachelor of Design (Hons) in Creative Media
INSTRUCTION
Fig 1
Instruction - PDF
Task 3: Project MVP Prototype
Before I start to make the prototype in Unity, I made a low fidelity wireframe.
Low Fidelity Wireframe
Since I wasn't sure yet what device I would use so I made tablet layout and mobile layout.
Tablet & Ipad Layout
Fig 1
Onboarding Page
Fig 2
Discover Page
Fig 3
Experience AR Page
Phone Layout
Fig 4
Onboarding Page
Fig 5
Discover Page
Fig 6
Experience AR Page
High Fidelity Wireframe
Tablet & Ipad Layout
Fig 7
Onboarding page
This is the page for the users know what AR app they use. It will shows the AR app name and short description, also a button for users to click and navigate to the next page.
Fig 8
Discover Page
This is the discover page looked like. When the users get into the page, they can discover architectural culture in different countries on seven continents.
Fig 9
Experience AR Page
This is the page to let the users experience the AR. They can scan the countries' map then the 3D models of the famous building will come up to let the users can observe and discover.
Phone Layout
Fig10
Onboarding page
Fig 11
Fig 12
Experience AR Page
Assets & Icon
Pop up Description background
Fig 14
Back Button
Fig 15
Scan Button
For the 3D assets, I take from Sketchfab and import them into Unity. Right now I just put a 3D model inside Unity, once the prototype going smoothly I will put in more 3D model.
Progress in Unity
.png)
Fig 16
Firstly I made an image target and import to Unity then adjusted the position and size of the image target.
.png)
Fig 17
After I had done the image target, I found a suitable 3D model then put it on the image target. Also adjust the size and position to fit with the image target. Then I created the scripts for the model which is for object rotation.
.png)
Fig 18
After that I made a description for the 3D model to make the experiential more interesting. Then created a script for the description.