Step2

Responsibilities

• User research and discovery
• Klevu & Bazaarvoice integration UI design
• Pattern library
• UX/UI design
• Quality assurance testing

Project Context

• Magento 2 build created at Rightpoint
• Working with front-end devs and lead
product designer
• 2021

Tools

• Adobe XD
• Adobe Illustrator
• Adobe Photoshop
• Procreate
• DoneDone (QA bug tracking)


Overview

Step2 sought our expertise to revamp their website in order to increase conversion rates. This project was designed and developed for seamless integration with Magento Page Builder, ensuring optimal ongoing customization.

I was responsible for designing the overall aesthetic
of the site, refine the search engine functionality, and
design custom pages which included the homepage,
product detail pages (PDPs) and recall pages.

In order to improve accessibility and maintain brand consistency, I introduced fresh concepts for the base styles of the site. During different sprints as well as launch time, I was in charge of quality assurance testing for all of the designs I created.

This overall experience provided me with the opportunity to unleash my creative instincts while maintaining UX best practices.

After the launch of the newly designed website,
the bounce rate decreased by 50%.


Homepage

I designed a fresh, new look in order to captivate users and enhance their experience shopping, while maintaining the brand's essence.

Given the nature of this children's toy brand, my intention
was to evoke a feeling of comfort throughout the designs.


Product Detail Pages (PDPs)

I worked on the custom configurable PDP and grouped PDP, incorporating several enhancements in the designs.

Enhancements included expanding the image gallery to accommodate larger images, introducing product configuration options with a quantity input field, emphasizing product reviews more prominently (Bazaarvoice integration), and ensuring consistent padding between text and various elements.

 

Product Recall Pages

Part of the scope was to create custom pages for product recalls. I designed a custom recall landing page and product recall page.


Klevu Integration

In order to increase conversion rates, our team integrated Klevu, an AI powered search engine extension for Magento 2. I was in charge of designing the UI and improving the search functionality through UX best practices.

Before

The original site featured a manual product search within the search field. This proved to be less helpful, particularly for users who were uncertain about specific products they were searching for. A poorly functioning search feature could also discourage users from exploring products or shopping on the site.

After

Users are now able to tap into the search field and directly have popular and recent searches appear. As one types in a letter or word, the search functionality displays relevant suggestions, categories, and/or products to the user. I designed the interface to match the design aesthetic of the overall site.