Resumé
Resumé

Enter password to view case study

Brand: Paycom Payroll LLC

Surfacing important, user-catered information with flexibility and scannability. Homepages should be more than navigation.

Surfacing important, user-catered information with flexibility and scannability. Homepages should be more than navigation.

Surfacing important, user-catered information with flexibility and scannability. Homepages should be more than navigation.

UX Experience Design

Dashboard Design

UX Research & Ideation

Design Systems

Project Summary

Paycom's Client Landing Dashboard struggled to give users any insight, personalization, or the ability to complete tasks quickly. We needed a revitalization of the space. One that focused on actionable, personal, insightful, and easy to understand experiences.

Team

Kale Atterberry (Lead Design)
Core Design Team (Design Options)
Mallory Rankin (Project Manager)

Kale Atterberry
Logan Blackburn
Karthik Abominu

Personal Contribution

Concept Development
Product Growth Strategy
Prototyping
Solution Delivery

Project Brief

With the Redesign project, Paycom had the opportunity to create an actionable, customizable homepage dashboard experience focused on quick information and action.

The current Paycom CL experience was incredibly dated, serving little more than a navigation tool and giving no further detail as to user tasks/information.

The current Paycom CL experience was incredibly dated, serving little more than a navigation tool and giving no further detail as to user tasks/information.

Data Science Flow

Project Brief

With the Redesign project, Paycom had the opportunity to create an actionable, customizable homepage dashboard experience focused on quick information and action.

The current Paycom CL experience was incredibly dated, serving little more than a navigation tool and giving no further detail as to user tasks/information.

Data Science Flow

Initial Redesign Research

We started by collecting data from 5 of our clients, with 2 big, 2 middle and 1 small clients in terms of active users. This led to data showing the pain points of our current dashboard and how much of an opportunity we had to simplify the user's journey.

We started by collecting data from 5 of our clients, with 2 big, 2 middle and 1 small clients in terms of active users. This led to data showing the pain points of our current dashboard and how much of an opportunity we had to simplify the user's journey.

We started by collecting data from 5 of our clients, with 2 big, 2 middle and 1 small clients in terms of active users. This led to data showing the pain points of our current dashboard and how much of an opportunity we had to simplify the user's journey.

No Clear Heirarchy

78% of tested users find the current redesign to be lacking clear heirarchy or scannability. Everything blends together, and the color pallete is way too monogamous, furthering this feeling.

Information Surfacing

The most common feedback was the lack of information and quick actions to urgent tasks. Users need a way to see what items are upcoming and a way to quickly tackle them.

Not Actionable

100% of tested users found the current CL landing page to be not helpful or actionable.


One positive pattern that was recorded was from brand new users, helping them see where categories lived within our product ecosystem.

Lack of Identity

7 out of 10 users found the redesign to actually hinder the Paycom brand identity, citing a move in the wrong direction for the core values of accessible, modern, and easy to understand.

After many brainstorming sessions (and push for Paycom into the AI sector) we decided on an LLM that would aid primarily in quick data surfacing, navigation help, and status checks across our internal users.


Some of the glaring issues with navigation and organization within the site would be tackled with a different project.

The Build

There was many iterations and feedback sessions that took place across this project's lifespan. While working through these iterations, I developed reasoning for my proposed solution.

There was many iterations and feedback sessions that took place across this project's lifespan. While working through these iterations, I developed reasoning for my proposed solution.

Main Objective:

Brands live and die by recognition, not by the brand color or the logo, but by how it is presented and the service they provide. they stay true to the north stars of purpose-driven clarity, easy to approach flows, quick to recognize elements without context, and a consistent experience every time. Our goal in User Interface should be to give a path/support the UX and the brand, not to be the “brand” itself.

Unified Recognition:

Too often do brands, and their designers, fall victim to trying too hard to “unify” everything. You can create unity and a strong foundation without everything feeling the same. Color usage and weight is more than aesthetic, it is a vehicle that helps users understand the purpose of an element and where it stands next to other elements. The best way to create a consistent and unified UI is to give meaning to every color, style and influence used.

Who We Are:

For Paycom, actions are king, and it’s what has put us on the map against titans of Business like ADP, Monday and Salesforce. There is a reason we have been in the running before, and it was never because of how aesthetically pleasing our interface was. UI should be centered around actions, and what our product can do for the user with as little fluff as possible. That’s not to say that there isn’t value in adding visuals that are pleasing or eye-catching, but these should NEVER get in the way of the purpose of our product.

A Way Forward:

While the UI should be clean and simple, the way the user interacts with it is where true respect and value is earned with users. Micro-animations and subtle flourishes can make a lasting impact. While some of these are not shown here, it’s worth noting that here is where we can wow users. The general UI of buttons, type and colors are the foundation of which the true feeling and brand identity can grow from.

Proposed Design

Proposed Design Feedback

After myself and 28 other designers built their solutions, we blind tested over 200 external users, where my desktop designs scored third out of 28 designs, and first in mobile.

After myself and around 20 other designers built their solutions, we blind tested over 200 external users, where my desktop designs scored the third out of 28 designs, and first in mobile.

After myself and 28 other designers built their solutions, we blind tested over 200 external users, where my desktop designs scored third out of 28 designs, and first in mobile.

Dream State

I took the feedback and built the below dream state to address the feedback of boring color palette, dark action color being too strong, cluttered design and not visually distinguished.

I took the feedback and built the below dream state to address the feedback of boring color palette, dark action color being too strong, cluttered design and not visually distinguished.

+1
+1

Slide Right to compare the current CL landing to the proposed Dream State.

View More Projects

Project

Research

Build

Solution