Adairs Product Page Redesign

Adairs is a fully responsive website built with drupal. We used JQuery,and LESS for the front-end, as well as the bootstrap frame work.

For this project we implemented an A/B test for the product page. The newer design was to be tested against the current design to see which performed best. The page has multiple variations depending on what information was available for the selected product. This meant I had to work quite closely with the backend developer to be able to come up with some logic to style each variation according to the design.

screen shot for adairs product page at the time of development

I had to be mindful to leave both layouts in the page, which caused a lot of extra bloat on the page. This was my first A/B test implementation

Key Project Deliverables

  • Fully responsive layout
  • Implement A/B Test
  • Dynamic styling based on product type
  • Fast page load, even during sales