ADVANCED INTERACTIVE DESIGN FINAL PROJECT : INTERACTIVE AR APPLICATION WITH PROMOTIONAL PAGE
20.11.2022 - 11.12.2022 | Week 13 - Week 15
Since this is a website, the buttons can have animation when hover above. The button will change colour when it is hover above.
For the navigation, there is an animation when the mouse is hover above.
REFLECTIONS :
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
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
Fig 3. Creating animation for the buttons
For the navigation, there is an animation when the mouse is hover above.
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
Post a Comment