ADVANCED INTERACTIVE DESIGN - FINAL PROJECT


16.04.2020 (Week 12 - Week 15)
Rausha Aminath (0337000)
Advanced Interactive Design
Final Project



INSTRUCTIONS


 


WEEK 12 | Proposal
For our Final Project, we had two parts: 
1. AR Application
2. Microsite
This week we all pitched our proposals, below is my proposal. 


WEEK 13: AR Content Development
After getting approval for my proposal I started working on developing the content for the filter. And started my filter illustrations, before taking the assets to spark AR.
For the calendar I decided to choose two events, since I was unsure of the dates and events for 2021 as it was unavailable on Taylor's Website. Adding too many events might be too overwhelming as well. 
Event Content: 
- Trouble Makers Manifesto - Date: 8 November 
- Innofest - Date: 15 March
After getting events figured out below are my processes. 

Calendar Development Process

Calendar Development on AI
Calendar Look:
Calendar Outcome
Calendar on Dark Background

Calendar on Light Background

WEEK 14: AR Development
After completing my calendar design I started working on the filter content and started work on Spark AR right away. Below are my processes.

Creating Animation Artboards for Trouble Makers Logo

Attempt at adding scan Calendar Screen

After adding the scan screen I personally did not like the look of it so I decided not to use it and keep it simple.
Animation Sequence Process

Adding Animate filters on to assets on Patch Editor

Finishing filter by Checking layers of Assets

WEEK 15: Microsite
After doing the microsite content on AI, I imported all the assets and started animated on Adobe Animate.
Microsite Layout Creation on Illustrator

Microsite Layout Creation on Illustrator
 
AI file imported into Animate

Buttons Scripting process
After my first draft, I decided to change few of the areas, since outlining text was unavailable on Animate, my first draft did not consist of any outline text, however I decided to export the titles on each page as png and import the png into the stage. I also decided to change the landing page as I did not like the shapes and decide not to use shapes there and instead use it in the steps to follow. I also decided to change the numbers in steps as well. I used outline text for the landing page as well. So I did the process on illustrator first and exported it to Animate.

New Landing Page

Process on Page 3 and 4

Changing Animate in Directions
After changing I added final touches and finished off the final microsite.

Home Button Creating Process

Final Project Submission
Static Version of the final outcome of Microsite.

Page 1: Homepage
Page 2: About
Page 3: Steps to Use
Page 4: Download Page


FINAL OUTCOME AR FILTER:


FINAL OUTCOME MICROSITE:


Comments

Popular Posts