Advance Interactive Design | Final Project

-

 


14/10/2020-25/11/2020  (Week 8 - Week 14)
Yeo Ava (0340222)
Advance Interactive Design
Final Project

Instructions


Final Project : AR app about Taylors & Microsite about the AR App

14.10.2020 - 04.11.2020 | Week 8 - Week 11
For this final project we were assigned to create a microsite and prototype ar application of a campaign for Taylor's University. We were to create the microsite using Adobe Animate and the AR application with Spark AR.

Final project are divided into two main area.
- Spark AR app 
- Adobe Animate 

Spark AR app 
- An AR app about Taylors You can do any kind of app for Taylors University.

Adobe Animate Microsite 
- A microsite about the AR app you did 
- Objective of the app 
- Where to download 
- Step to use the app, etc 
- no number of page requirement.

My idea was to create a AR map for Taylor's University, students can access the app by scanning their student id card with the app. The AR Map will appear on top of the student card.

AR App
I began my execution by designing AR app on Adobe Illustrator. 

Fig 1.1 AR app design on Adobe Illustrator

Fig 1.5 AR app design on Adobe Illustrator

Fig 1.6 AR app design on Adobe Illustrator

After completing the design of the AR app I separated the designs by layers to create a parallax effect on Spark AR 
Fig 1.7 Make fixed target tracker recognise the student card on Spark AR

Fig 1.8 Apply the illustrations on plane in Spark AR 

Fig 1.9 Apply the illustrations on plane and adjusting the positions for the parallax effect in Spark AR 

Fig 1.10 Apply the illustrations on plane and adjusting the positions for the parallax effect in Spark AR 

Fig 1.11 Picker UI and Option Sender for the buttons 


Microsite
I began my execution by designing the microsite and the AR app on Adobe Illustrator. 

Fig 2.1 Microsite design on Adobe Illustrator

Fig 2.2 Microsite design on Adobe Illustrator

I then moved everything too Adobe Animate to complete the microsite.

Fig 2.3 Microsite scripting on Adobe Animate

Fig 2.4 Microsite scripting on Adobe Animate

Submission

Microsite :

AR App :

Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Exercises

-
Image
26/08/19- 23/09/19 (Week 1-Week 4) Yeo Ava (0340222) Advanced Typography Exercises Lecture Notes Lecture 1 : Introduction to Advanced Typography and Group Presentations about Typographic Systems 26.08.19 (Week 1) On the first day of class, Mr.Vinod briefed us about the module and what to expect it. Our task of the day was to teach the class about the 8 typographic systems, we were divided into 4 small groups to give a presentation on the topic given. Each group was assigned to present 2 typographic systems. My group got 'Grid & Modular Systems'. Following is the presentation slides of the 8 typographic systems. We get to have a Q&A session after every presentation, it was helpful and interesting to listen to other people's different opinion. Lecture 2 :  02.09.19 (Week 2) We didn't have much lectures this week in class, we were focused on showing our 8 typographic systems to Mr. Vinod and Mr. Shamsul. Mr. Vinod then contin...
Read more

Design Exploration | Projects

-
Image
  27/03/2021-05/07/2021 (Week 1 - Week 15) Yeo Ava (0340222) Design Exploration Projects Instructions Projects We were given the option to build any project we wanted based on the 17 Sustainable Development Goals for this module. By the end of the semester we would have to present one product from the project. This project is interesting as it gives us an opportunity to venture into different design applications. We were strongly urged to step out of our specialisations. After much considerations and research on the 17 Sustainable Development Goals, I've decided to choose Gender Equality as my topic for the project.  Gender equality, also known as sexual equality or equality of the sexes, is the state of equal ease of access to resources and opportunities regardless of gender, including economic participation and decision-making. We came up with our first draft of the project proposal and presented our ideas and approach to the topic. Below is my first proposal. Progression Af...
Read more

Advanced Typography | Final Project

-
Image
28/10/19- 18/11/19 (Week 10 - Week 13 ) Yeo Ava (0340222) Advanced Typography Final Project Lecture Instructions FINAL PROJECT Idea Proposal Idea #1 Idea : My initial idea was to create a greeting card representing the Dayaks in Sarawak. I wanted to use the technique "Kirigami" to create the greeting card. Purpose : To introduce and promote the culture to others. Fig 1.1 Reference Fig 1.2 Reference Idea #2 Idea : To redesign the logo of the "Visit Sarawak" campaign. Purpose : To create a more attractive and modern logo that represents Sarawak in a different way. Fig 1.3 Original logo of "Visit Sarawak" campaign Mr Vinod approved the second idea and suggested me to make a set of typeface that will be used during an event in Sarawak, like a official typeface for Sarawak tourism. Mr Shamsul and Mr Vinod  told me to look into the "Rio 2016" typeface for reference. Designing At first i thoug...
Read more