Overview

The ‘At Home Activities’ page was started at the beginning of Covid lockdowns. Speed was prioritized so all the content was laid out in one long page making it difficult to navigate. The goal of the redesign was to make it easier for users to find the content they were looking for.

User Story: As a parent, I want to quickly scan the page in order to find the content that I am looking for.

Tree Diagram

Welcome

Printables

Pre K

Kindergarten

First Grade

Second Grade

Third Grade

Fourth Grade

Videos

Artie 3000

Playfoam

View All

Features

Our Friends

Shop Toys

Side Navigation

  • A left-side vertical menu was chosen because it is scalable, responsive, and scannable.

  • Links will be a combination of page content and external URLs.

  • Selecting a primary link will display secondary links on click.

Front-end Development

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.

Overview

The landing page for Circuit Explorer was created to promote a new line of STEM-based toys aimed to teach kids the fundamentals of circuitry. It provided information and promotional materials along with links to purchase the items.

User Story: As a potential customer, I want to learn about the product in order to decide whether or not I want to make a purchase.

Front-end Development

The page was build in the Magento CMS with assets provided by the design and marketing teams. I worked with the UI Designer on the design and wrote the HTML/CSS for the page

Page Elements

  • Custom navigation bar

  • Header image

  • Video linked from Youtube

  • Product description

  • Links to purchase product

  • Awards and reviews

  • Subscription sign up

  • Footer

Thank You For Reading!