NAME: SARAH CHEONG YINSHI I.D: 0354962
COURSE: BDCM
WEEK 8 - WEEK 10
19/10/2023 - 07/11/2023
ADVANCED INTERACTIVE
⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫
INSTRUCTION
⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫
After settled down with the concept, it is time to figure out the animation used in the website.
My main animation used will be moving the text repeatedly from right to left, getting inspired from the brand's website itself:
Starting with the home page, trying out the background image and the text colours to see which one fits better together:
1. First try text was too thin, not readable
Figure 1.2
2. Second try I adjusted the thickness but it seems like black docent suit the background
Figure 1.3
3. So I decided to go with white text
Figure 1.4
I also added the blinking effect on the header for the home page, inspired from the brand itself too.
For product page I decided to go with plain background so that it won't catch too much attention on the background, instead focusing on the product image.
Figure 1.5
To make it more playful, I added a cropped product that will appear up and down from the bottom of the page
Figure 1.6
Final page for location, I reused the blinked brand name repreatly with low opacity on top of the page, remain the important details in steel, with plain background as it is the important information.
Figure 1.7
⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫
FINAL SUBMISSION
Video Demo:
⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫⧫
REFLECTION
It was a very very challenging task for me as it's my first time getting in touch with animation software. But it was a good experience to learn how it works and gained extra knowledge that would be helpful for me in future. The design process was tough as a lot of things didn't work well and not what I expected, I can only keep refining it until it workout. Overall, I do enjoy the class a lot, it was fun to learn!
Comments
Post a Comment