Animated Menu

An animated restaurant menu concept for a high-end seafood restaurant.


Developer, Designer


Jun 19, 2019




Pug, Sass, JavaScript


The purpose of this project was to practice some CSS loading animations. For this project, I wanted to design an online menu layout that was somewhat more abstract and that broke the idea of what a standard menu should look like. I planned to the different elements slowly fade in and up when the page first loaded, and I planned for the rest of the elements to come in as the user scrolled.


The result of this design was that it made media queries a bit difficult to figure out. I spent a lot of time tinkering with the queries to try to figure out how to best reorganize the design as the screen changed sizes.