ADVANCED INTERACTIVE DESIGN FINAL PROJECT : INTERACTIVE AR APPLICATION WITH PROMOTIONAL PAGE

20.11.2022 - 11.12.2022 | Week 13 - Week 15

Ng Wai Fern | 0354966

Advanced Interactive Design | Bachelor of Design in Creative Media

Final Project : Interactive AR Application with Promotional Page


INSTRUCTIONS :


Final Project : Interactive AR Application with Promotional Page
For the final project, we are required to create a website. Mr Razif briefed us and said that we are required to continue this project based on the previous tasks. I decided to create a website for Mindcare. 

Progress
 I started to plan the page that I want to do in Adobe Illustrator. I created 5 main pages
  • About page
  • Merchandise
  • Activity (AR filter)
  • Contact 
  • Download app
After deciding the pages that I want to create, I started to create the illustration and assets in the wireframes. After creating the pages in Adobe Illustrator, I start working on the website in Adobe Animate. For every page, there is an animation so it does not look boring and static

Fig 1. Creating animation for the pages


For the image/illustration, instead of making it static, I decided to make it interactable. The image will move when the mouse is hover above.

Fig 2. Creating animation for the images

Since this is a website, the buttons can have animation when hover above. The button will change colour when it is hover above.

Fig 3. Creating animation for the buttons

For the navigation, there is an animation when the mouse is hover above.
 
Fig 4. Creating animation for the navigation button


SUBMISSION :


REFLECTIONS :
For this project, I was able to build a website and it was less stressful compare to Task 1 as I am able to work around Adobe Animate. I learn from my mistakes in Task 1 which help a lot in this project. For this project, I realise it is important to plan out the pages. It help a lot when creating the animation in Adobe Animate. Overall, working on this project make me think in different aspect in terms of user and designer.

Comments

Popular Posts