Advanced Interactive Design - Project 1: Interactive Web Application

28/3/2022 - 8/5/2022 / Week 1 - Week 5
Loke Yeanne Tung / 0343853
Bachelor of Design (Hons) in Creative Media / Taylor's University
Advanced Interactive Design / Project 1: Interactive Web Application (30%)

---

INSTRUCTIONS

*Module booklet - private & confidential*

Week 2 & 3 - In Class Tutorial Exercises

Mr Razif did in-class tutorials on Adobe Animate CC, and we were expect to follow what
he did to get an idea of how we were going to animate our project 1. 

|

  

  
Figure 1. In-class tutorial exercises, Week 4 (19/4/2021)

Note:
- Create another layer for "actions" to be more organized.
- Always name the instances.

Project 1: Interactive Web Application (30%)

Figure 1. Concept, Week 2 (4/4/2022)

Went on Pinterest for some UI/UX mobile app inspiration and found these. What I like
to incorporate into my interactive web application from the references above are the rounded

edges feature and the simplistic navigation.

Figure 2. Website reference, Week 2 (4/4/2022)

We are to choose either an existing brand/company or any other concept for the web

application but I have already decided when Mr Razif briefed us on the project. I chose an

existing company "JLL Electrical Sdn Bhd" — which is actually my parents' lighting company. I

thought it'd be interesting if I approach something that is so foreign yet so familiar.

Figure 3. Site Map, Week 3 (16/4/2022)

To be honest, I'm not sure if I did the site map correctly, but oh well. Here you go!

Figure 4. Overview, Week 3 (16/4/2022)

Final Project 1: Interactive Web Application

Figure 5. Final Project 1: Interactive Web Application - video recording, Week 3 (16/4/2022)

                                                                                                                                                     

---

REFLECTION

It was easy to design the mobile application, but executing it in Adobe Animate is not. I encountered many problems and I wasn't able to finish the application. Mr Razif did help me a bit in the beginning, but we couldn't always rely on our lecturers so I decided to continue without his guidance. Overall, Adobe Animate is something I'm still in the amidst of exploring and wish to be better at it.