This is a Web Page designed and developed on a single page that tells story about sandwich by scrolling. In the Web Page is posssible to interact with the sandwinch illustration and learn about it.
Adobe Illustrator
HTMLS/CSS
Javascript
GSAP
Macbook Pro
Canon Camera
This project had challenges during the process of desiging it and also while coding it. One of the challenges was doing research for right recipe and implement it in the interactive way. Another challenge was animating the sandwich illustration and clickeble in the code, and resolved with Javascript.
The very first step was taking photos to have reference to create sandwich illustrations. Secondly, all the graphics and content was designed with Adobe Illustrator and come up with choice of typography, colour scheme, and the most important the word-art. Another process was the DIY video of the sandwich for the web page using Canon digital camera, Adobe Premiere and After Effects. There is an infographic desing in Adobe Illustratior and implemented in the sandwich web page. Lastly, the interactive and the animation design was using HTML,CSS, Javascript; By implementing graphic design made in Adobe Illustrator.
Here is avalable the final project for you to interactic with. Click the button "Launch" and visit the Sandwich Web Page!
Launch