Opro - UX Research, UI Design, Design System

Alex Rodukov

0

Researcher

UI Designer

Figma

Magento

When tackling the OPRO project, we encountered a fascinating challenge: merging three separate websites into a single eCommerce store. Each website catered to different types of customers and offered a range of products. Our goal was to create a user-friendly design that would allow every segment of OPRO's audience to easily navigate the site and find the products that best suited their needs.

Once the UX research phase was completed, we seamlessly transitioned into the design phase, leveraging the insights gathered to craft an innovative and user-centric design for OPRO.

Home page

To ensure everyone could easily find what they were looking for, we created eye-catching banners with clear buttons for different sports and age groups. This way, visitors could quickly go to the section that matched their interests as soon as they landed on the website.

Mobile Homepage
Mobile Homepage

Catalog

For the catalog, we implemented a category system based on sport (the most common method for the audience) and material. This approach aligns with our audience's preference for shopping by purpose, as revealed by our UX research, and aims to simplify their shopping experience. Also, we designed additional filters on category pages to cater to the specific needs of smaller segments, such as guards suitable for braces, ensuring that all customers could easily find products tailored to their unique requirements.

PLP
PLP

PDP

Understanding the complexity of sports gear, we prioritised simplicity on product pages. We added a reviews section for easy decision-making and included FAQs and delivery details right on the page, so customers could find all the info they needed without leaving the PDP.

Mouth Guards Customization
Mouth Guards Customization

Tematic Landing Pages

1
1
3
3

UI Kit

Like this project
0

Merging three distinct websites into one eCommerce store for OPRO, we aimed to create striking design and CRO optimization.

Likes

0

Views

2

Tags

Researcher

UI Designer

Figma

Magento

Alex Rodukov

Senior UX/UI Designer & Full Stack Developer

Dan John - Shopify eCommerce, Full Build
Dan John - Shopify eCommerce, Full Build
Mobilhub - Branding, Website
Mobilhub - Branding, Website
Condomini - Website, Branding, App
Condomini - Website, Branding, App