The At-Home Activities page was created at the onset of the Covid lockdowns. At first, the information was presented on a single page, which made navigation challenging. The redesign aimed to simplify the process for users to locate the content they needed.
Distinct categories were created to better parse through all the content. Educational resources were separated by grade level to easily find age appropriate activities.
Tree Diagram
Side Navigation
The vertical menu is scalable, responsive, and easy to scan with primary buttons that expand to reveal secondary links. The animation was custom coded with javascript.
Custom Code
The website was hosted on Magento, to account for the e-commerce needs. A template already existed for the styling but the page required us to wrap the code with some additional script for the jQuery run properly.
The Circuit Explorer landing page was designed to showcase a new range of STEM toys that help children learn the basics of circuitry. It offers details and promotional content, as well as links for purchasing the products.
Page Elements
Custom navigation bar
Header image
Video linked from Youtube
Product description
Links to purchase product
Awards and reviews
Subscription sign up
Footer
Front-end Development
The page was build in the Magento CMS with assets provided by the marketing team. Some of the CSS had to be customized for the images and the video was set to play automatically.
Thank You For Reading!