Task 2: Full Screen Web-Based Animation

Regarding the storyboard, here is my concept:

The opening animation showcases a comprehensive layout of the bookstore, with a special focus on the neatly arranged bookshelves in the background. The second shot zooms in as several books—matching the brand’s color scheme and logo—fly off the shelves. The third sequence features a page-turning animation, accompanied by a quill pen that appears to be writing. Finally, these elements converge to form the complete logo. My goal is for users to feel an immediate interaction with the books through this animation upon entering the website. The four core elements are the bookshelves, the books, the quill pen, and the final logo.

Through this exercise, I have become more proficient in animation techniques and learned how to balance visual aesthetics—ensuring elements stand out without appearing cluttered or monotonous. Most importantly, I’ve grasped the process of developing a concrete design project step-by-step starting from a storyboard.


by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *