.png)
Custom animation
The custom animation on the Grain & Berry homepage utilizes pseudo-elements to add the isolated fruits. These elements are styled with CSS to add the timed animations.
Menu Page
The design for the Menu page focused on a clean, user-friendly experience by incorporating a lot of white space to make the colorful products the protagonists of the page. We added an anchor navigation section that allows users to jump directly to their searched product without having to scroll. Video banners were strategically placed in between sections to add visual engagement.
Hover functionality
The menu page was enhanced the user experience by incorporating hover functionality that reveals the finalized product and gives the illusion of the product before and after blending. This allows users to see the product ingredients clearly and make a more informed decision while elevating the page's design.
