Advanced Interactive Design - Final Project

 

31/05/21 - 28/06/21 (Week 10 - Week 14)

Tabita Febrilia Dinata (0340357)

Advanced Interactive Design 

Final Project - Microsite & Spark AR App

---

LECTURES

LECTURE 7: SPARK AR TUTORIAL

10/05/21 (Week 7)

Starting from this week, Mr. Lun already gives us the tutorial for Final Project, and this week we learn about fixed target tracker (logo/poster) and also plane tracker.

LECTURE 10: FINAL PROJECT BRIEF

31/05/21 (Week 10)

Mr. Lun brief us about final project and gives us more tutorial on Spark AR.

---

INSTRUCTION

---

FINAL PROJECT - Progress

Microsite & Spark AR App

31/05/21 - 28/06/21 (Week 10 - Week 14)

For our finals we need to make a Microsite and AR filter for any campaign. And the requirements are:

Spark Ar App

- An Ar App for any famous brand (can Taylors)

  *Using fixed target for taylors logo/poster

  *Using logic patch, to stimulate a randomiser

  *etc.

- Can use native UI picker, like switching between graphic

Adobe Animate Microsite

- A microsite about the AR app 

- No number of page requirement 

- Idea for pages/section

  *Intro about App

  *Objective of the app

  *Where to download

-Resolution 1280 x 720 landscape

As usual, I search for reference first, and here's my ideation

Then i sketch up my idea, then make a wireframe.

Fig 1.1: Idea Sketch

Fig 1.2: Microsite Wireframe

Then i begin to start designing the microsite, poster and AR assets.

Fig 1.3: AR Assets

Fig 1.4: Poster Track

Fig 1.5: Microsite Design

Fig 1.6: Png asset Spark AR

Then start doing it all on Spark AR and Adobe Animate, at this point I already begin to get use and understand how Adobe animate works.

Fig 1.7: Spark AR Progress

Fig 1.8: Spark AR Progress

Fig 1.9: Spark AR Progress

Fig 1.10: Adobe Animate

Final Results:

Adobe Animate Microsite

 
Spark AR Filter App