Advanced Interactive Design / Final Project
23.11.2022 - 11.12.2022 (Week 13 - Week 15)
Abigail Kartika
Darmowinoto / 0350525 / Bachelor of Design in Creative Media
Advanced
Interactive Design / Taylor's University
Final Project : Animate
Project (Website)
PROGRESSION
Proceeding to the next project, Sir Razif tasked us to create another animate
project, but this time the format required is for the web. This animate
project was purposely tasked for us in order to promote our application (which
is the first project) and our IG filer (which is the second project).
Thus, it needs to be the same topic with the first and second project. I
continued on using Dimoo.
First thing first, I decided on the design, I'm using Figma to plan
everything. I planned to follow the color schemes that I made previously. My
design will be basically consist of 1 promotion (aka the landing page)
moving to the home, like the first project, then introducing the Dimoo, IG
filter promotion and QR, and finally the app promotion. I created it in HD
format, so here's what I've been making.
fig 2.1, design planning, week 15 (10/12/2022)
Proceeding on, I started to make the landing page and moving to the
navigation bar and pages' shapes (movie clip) first before I do everything.
I planned on making the core system first.
fig 2.2, navbar preview, week 15 (10/12/2022)
The navbar works perfectly fine, thus, I proceed on making the other pages.
But then I noticed that if I wanted to make the hover effect, I need to
change it into button, thus, I proceed on replacing the movie clips with
buttons.
Moving on, for the first page I planned on adding button which goes to the
introduction (the "about" window). So, I made these assets in AI, I planned
on making hover effect again, if you hover through the button he'll wake up.
fig 2.3, home button preview, week 15 (10/12/2022)
For the second page I planned on making 2 sub page, the first one is to do
the description preview, and the second sub page is just like just for fun,
so people know more about Dimoo's personality.
fig 2.4, about page and nested page, week 15 (10/12/2022)
Moving to the third page, I planned on making a offer promotion for people
to use the filter. The sub page will be the QR and some animation previewing
the filter preview.
fig 2.5, offer page and nested page, week 15 (10/12/2022)
The last page will be a promotion for people to download the application.
fig 2.6, download page, week 15 (11/12/2022)
I also added a bonus page to promote the product:
fig 2.7, additional page, week 15 (11/12/2022)
So after I finished every pages, I began to finalize everything and here's
my walkthrough:
fig 2.8, walkthrough, week 15 (11/12/2022)
Final files can be found
here.
I cannot believe it that I can finish this final project in a short period of
time, because at the first project I struggled a lot, but this time, I don't
know why but I think I understand more about Animate.
Comments
Post a Comment