CLIENT

ADP

ADP

ROLE

UX Designer, UI Designer

UX Designer, UI Designer

DELIVERABLE

High Fidelity Desktop Web Experience

High Fidelity Desktop Web Experience

SUMMARY

I designed both UX and UI for ADP's Benefits Enrollment platform.

I designed both UX and UI for ADP's Benefits Enrollment platform.

Overview

Overview

The experience centered around our persona, Brian — an information-friendly ADP Benefits Onboarding employee.

The purpose of the platform is for the ADP employee to enroll their client, Illumination Inc, for Benefits through ADP’s Guided Interview process.

Current-state of the site featured a disjointed experience revolving around repetitive copying-and-pasting via Excel into the ADP Benefits platform.

Working closely with the business team, designed for new requirements on a daily basis.

The experience centered around our persona, Brian — an information-friendly ADP Benefits Onboarding employee.

The purpose of the platform is for the ADP employee to enroll their client, Illumination Inc, for Benefits through ADP’s Guided Interview process.

Current-state of the site featured a disjointed experience revolving around repetitive copying-and-pasting via Excel into the ADP Benefits platform.

Working closely with the business team, designed for new requirements on a daily basis.

0.0-Cover-Page-700KB

Design System

Design System

Anticipating lots of repetitive modules and cards in the Guided Interview section, a design system was necessary.

Using the colors from the recent ADP brand, the design system featured bold colors and an updated typography scale to fit a modern product.

Anticipating lots of repetitive modules and cards in the Guided Interview section, a design system was necessary.

Using the colors from the recent ADP brand, the design system featured bold colors and an updated typography scale to fit a modern product.

ADP-Benefits-—-Style-Guide_Colors
ADP-Benefits-—-Style-Guide_Type-Scale
ADP-Benefits-—-Style-Guide_Type-Style-Usage
ADP-Benefits-—-Style-Guide_Form-Field
ADP-Benefits-—-Style-Guide_CTAs

Dashboard

Dashboard

Satisfying technical requirements, the dashboard provides an informative peek into each benefits plan’s progress.

Created concurrently with the design system, this part of the product proved to be the first successful testing ground of the system.

Here, Brian can upload a document, create a new plan, or continue to build an existing plan.

Satisfying technical requirements, the dashboard provides an informative peek into each benefits plan’s progress.

Created concurrently with the design system, this part of the product proved to be the first successful testing ground of the system.

Here, Brian can upload a document, create a new plan, or continue to build an existing plan.

1.4-Client-Details-Page

Guided Interview

Guided Interview

The design system was most crucial for the Guided Interview with repeating typographic styles and treatment.

The sidebar was designed with flexibility and ease of understanding as its priorities.

With questions broken into six sections, the interview encompasses all the information needed for Brian to enroll Illumination Inc’s Benefits.

The design system was most crucial for the Guided Interview with repeating typographic styles and treatment.

The sidebar was designed with flexibility and ease of understanding as its priorities.

With questions broken into six sections, the interview encompasses all the information needed for Brian to enroll Illumination Inc’s Benefits.

1.1-GS
2.2-Plan-Settings-•-Inputed-Income
3.1.3-Eligibility-•-Eligibility-Rules
4.4-RC

Next Steps

Next Steps

Conduct user testing to discover any disjoints in the user experience or to ameliorate any new issues.

Conduct user testing to discover any disjoints in the user experience or to ameliorate any new issues.

Raj Rao © 2024
All rights reserved.

Raj Rao © 2024
All rights reserved.

Raj Rao © 2024
All rights reserved.

Raj Rao © 2024
All rights reserved.

Raj Rao © 2024
All rights reserved.

Verified by MonsterInsights