< Project List

Safety1st Safety Calculator

A Pro Products Web Development Magento Front End Project


Take a wordpress site and copy the same functionality to a Magento hosted mini-site.


The first step of this project was to design the look and feel of the form. The client had said they wanted it to have the same brand elements of the safety1st homepage to have a more cohesive look. Using Photoshop, I designed a mock-up for the home page of the calculator and the form collection page. At a later request, I also created a mock-up of the form confirmation page.

The second phase involved taking my designs and implementing them to the Magento front end. The client also mentioned that a non-technical person would be updating these pages in the future. With that in mind, I used PageBuilder for most of the content pages, as well as on content blocks that were pulled into the form.

Made With

  • Adobe Photoshop
  • Magento 2
  • Magento Cloud
  • Magento Front End Development
  • WordPress
  • PHP
  • JavaScript