Advanced Interactive Design // Final Project // Thematic Website
xx/x-xx/xx/23 Week 12 - Week 15
Chan Siew Ni #0352518
Bachelor of Design in Creative Media
Bachelor of Design in Creative Media
Advanced Interactive Design // Final Project // Thematic Website
LINK TO PREVIOUS PROJECT:
PROJECT
Task: For this task, we have to make a thematic website with animations and also interactions.
We can choose products that we want and make a website for the product.
I chose to make a perfume brand named "Diptyque". Diptyque is a luxury French fragrance brand that produces perfumes, candles and also body lotions.
Before I do it in Adobe Animate, I first plan my layout in Figma to see what it would look like.
Figure 1: work progress on design the layout in Figma
Figure 1.1: work progress on design the layout in Figma
After designing 2-3 pages, I started using Adobe Animate to do the website.
Figure 1.3: work progress on design website in Animate
Figure 1.4: work progress on design website in Animate
Figure 1.4: work progress on making animation of navigation bar in Animate
Figure 1.5: work progress on making animation
Figure 1.6: work progress on making animation
Figure 1.7: work progress on making the hover effect
FINAL SUBMISSION OF ADVANCED INTERACTIVE DESIGN: FINAL PROJECT
Website Link (May have to wait for a few seconds)
Presentation Video
FEEDBACK
REFLECTIONS
I think this project is too rushy for me as we just have 3 weeks to make a complete website with animations. Although I think I can do better if I got more efficient time, for now, the final results of this project, I felt satisfied and happy with it. During this progress, I learned a lot about how to use Animate CC as I never use this software before and I think this software can help us do a very good animation.
Comments
Post a Comment