Animated Menu

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

Role

Developer, Designer

Date

Jun 19, 2019

Client

BCIT

Tools

Pug, Sass, JavaScript

Intro

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.

Result

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.