Advanced Interactive Design / Project 1


12.10.2022 - 30.10.2022  (Week 7 - 9)
Lew Se Win / 0347637 / Bachelor of Design (Hons) in Creative Media
Advanced Interactive Design
Project 1:  Interactive Web Application


TUTORIAL


Project 1:  Interactive Web Application

We are required to create an interactive web application with adobe animate. Before I start designing the app,  I proposed a few ideas to Mr. Razif. 

Figure 1.0 Proposal

After Mr. Razif's feedback, I decided to go with the sticker shop idea while also combining the idea of a campaign for the upcoming general election in Malaysia. The purpose of this is to raise awareness about GE15 and encourage Malaysians to perform their duty and vote. Those who were unable to return to Malaysia could still vote by mail.
 
I came up with this idea because many of my friends are studying overseas, and as a result, they could not come back to vote in the 15th general election (GE15). After some research, I realise that Malaysian Students' Global Alliance and Undi18 are taking the initiative to raise awareness on this. With that, I decided to focus on this topic and create a series of stickers regarding GE15.

Figure 1.1 Instagram post on postal voting 

Next, I then designed a few stickers in Adobe Illustrator. 

Figure 1.2 Stickers

Later on, I started the app design in figma. 

Figure 1.3 Wireframes

Figure 1.4 Homepage Design Progress

Figure 1.5 Final App Pages Design

After that, I move on to Adobe Animate and create my designs in there. 



Figure 2.0, 2.1, 2.2 progress

Final Submission

Figure 3.0 Stickey video walkthrough

Final interactive web application:  
https://drive.google.com/drive/folders/19P9m80zDQ_nxZeJpuymvAwPST-oq85Dt?usp=share_link


FEEDBACK 

Week 8
Mr. Razif said that both the tarts and the stickers ideas are workable. I could design stickers for a campaign for the sticker shop.







Comments

Popular Posts