USER EXPERIENCE & VISUAL DESIGN OVERHAUL

Modernizing B2B ecommerce for the global customer

Today’s B2B users expect a B2C ecommerce experience — something that's simple, straightforward, and efficient. So, that’s exactly what we delivered. 
"The work they’ve done has always resulted in a better outcome than what we asked them to do. Whenever we find a problem, the solution they come up with not only solves what we wanted, but also the problems we didn’t realize we had."
Justin Diana – VP of Engineering, Corevist

About the Client

Corevist makes B2B ecommerce accessible to every manufacturer running SAP. With no added burden on clients’ IT staff, Corevist empowers organizations to compete online yet retain the focus on their core business. Corevist is a global company with clients in the US, UK, EU, Canada, Africa, & Asia.
Corevist logo

The Challenge

Corevist has experienced year-over-year growth for more than a decade. But the pace at which they developed their product to meet the continuous demand, resulted in scalability issues, UX challenges, design inconsistencies, and growing technical debt — all common pain points in this business. But it was time to take back control and continue setting the highest standard for B2B services.

With increased competition and an engineering-driven design process, Corevist wanted to proactively improve the experience and visual design of their application to ensure they remained a market leader and maintained their best-in-class product status.

The Solution

A complete user experience overhaul, a visual design resulting in a design language (Design System), and architectural prototypes to show how it all would come together with Corevist’s existing infrastructure.     

The Result

A modern and user friendly B2B-experience inspired by B2C expectations, starting from the catalog to final checkout and invoice management.  
Cart functionality
Corevist Invoice Details
b2b User Experience

Fully understand Corevist's customers

We assessed hundreds of user recordings, analytical data points, heatmaps, scrollmaps, clickmaps, competitor analysis, customer surveys, and customized screenshot comparisons. And we conducted user and stakeholder interviews to learn how the application functioned for their users.
B2B User Experience

Experiment fearlessly with levels of visual and content hierarchy

Focusing on user tasks, we experimented with content hierarchy and next step recognition … and we had fun doing it.
Visual Design

Accurately visualize the end ecommerce product

By designing hi-fidelity comps, we helped Corevist visualize how the product would look once the final design system was implemented.
Purchase summary chart
Recent Order Functionality
Orders to approve functionality
Design Language

Create design consistency across products

To prepare for the development of the React-based design system, we disassembled all of the visual comps into individual design elements.
“Right away, they earned our trust and we saw the value. Relevant Bits really gets us and what we do – we didn’t have to educate them the way we usually do with service providers. What a relief that was to all of us.”
Ray Mannion – Former Director of Product, Corevist
Development

Convert design patterns to React components

Each design pattern created in the visual design stage was developed in React. These components are the foundational building blocks for every page, screen, and device.
Development

Build an exceptional architectural prototype

We built a prototype to show how the design system could facilitate a seamless experience across Magento and the Corevist Rails app.
Development

Create a functional user interface (UI) test suite

Making changes to the UI could potentially break existing patterns. We built an automated test suite that ensures the new patterns are tested against the existing ones while they're being developed. 

An ongoing partnership

We started working with Corevist in early 2019. Our user experience, visual design and technical consultation work continues as we iteratively work with their incredible team to test and improve the experience for their B2B customers.
SO WHAT'S NEXT?

We want to build something great with you.