Digital Transformation and Design System

Corodata is an information management company that sought Digital Meaning agency for a digital transformation. They wanted to consolidate their separate mobile and desktop website into one fluid responsive experience. They also wanted to offload phone requests by creating a customer-friendly online experience.

Problem

How can Corodata maintain a cohesive online brand and increase their form engagements?

Role

UX Designer / Project Manager

Solution

To create a responsive web experience that caters to the needs of both new and returning customers.

Team

  • Pauline Kalil (Strategic Lead)
  • Choi Chow (Marketing)
  • James Wagoner (Dev)

Research

The previous website was built for more informational services and generating organic traffic through content marketing and SEO. Since most of the transactions were done through phone, there was little emphasis on creating an online customer experience.

old_https___corodata.com_-1

Supply and Services Request Form

Problem

I did a UX audit on their form and found the following problems:

  1. The purpose of the page looks to inform customers about their products, instead of ordering supplies, which is the main objective.
  2. The form tries to capture too many pieces of information at once, resulting in an intimidating and hard-to-fill form.
  3. This page can be accessed by anyone, instead of just customers, resulting in invalid submissions.
corodata.com_client-support_supplies_-1

Solution

I separated the order process into three parts:

  1. Supplies required
  2. Account information
  3. Confirmation

By doing so, we allow customers to get in-depth information about supplies and services while they are submitting the form without overwhelming them.

Supplies-Services-Order-Sale
Supplies-Services-Info
Supplies-Services-Confirm

Modular Design System

I created a style guide comprised of modular sections that the developer could use while restyling the website. I also worked with the developer to create a components page that included the elements and code snippets that their in-house marketing team/producers could use to style their blogs with.

Style-Guide
New-Prospect-Form-Details

I redesigned the header to create a clear deliniation between client portal navigation.

I also created a guide for all of the components that would be used on the main site.

Components

Outcome

The new design system allows the future web updates to be on-brand, cohesive, and responsive.

The redesigned forms offloaded some of the traditionally phone-based customer requests, while maintaining a level of customization and service to returning customers.

Designed by Eileen Chi.
©2024. All rights reserved.