ADP Mobile
A redesign of the ADP Mobile App that increase user engagement.
Design Goal
Drive meaningful engagement by aligning the mobile experience with employees' actual workflows, simplifying how they access, interpret, and act on critical information.
Key Themes: Simplification and Personalization
Strategic Approach
Efficiency (Transactional) to Engagement (Transformational)
Moving beyond simple utility and task completion.
We are designing holistic experiences that foster deeper engagement and provide meaningful, long-term value to the employee's work life.
Feature-Lists to Proactive Assistance
Shifting the mental model from a static directory of tools to an intelligent, outcome-driven system.
We are designing interfaces that anticipate user needs (agentic) and guide them toward their goals.
Design Solution
Our design creates a personalized ecosystem anchored by dynamic Home Page widgets and proactive offers that drive exploration. We deepened utility by embedding interactive financial tools within the Pay section and enhancing page interactions, while allowing users to fully customize the interface to match their individual workflows.
Validation: 92% of users reported that the redesign streamlined information access.
Research Synthesis
To bridge the gap between user expectations and the current HCM experience, we conducted a mixed-method research phase driven by five key questions regarding daily workflows, onboarding, and engagement.
Utilizing site teardowns, comparative analysis, quantitative surveys, and semi-structured interviews, we uncovered significant friction points and narrowed our scope to Hourly Employees.
Design Direction
We translated our user needs into three transformational design implications.
Information Accessibility & Clarity.
Personalized Insight & Contextual Guidance.
Focused Engagement & Goal-Orientation.
These strategies culminated in the redesign of five core experiences:
the Home Page, Feature Navigation, Pay Visualization, Offers Page, and Profile.
Home Page Design Decisions
Implement Modular Design
Enhance bottom navigation for quick feature discovery
Customize actions to reduce decision fatigue
Provide text descriptions for screen reader accessibility
Feature Nav Design Decisions
Maintain grouped layout aligned with mobile navigation patterns.
Implement clear labels, search-first flow for feature discoverability.
Use direct wording for mobile conventions.
Support zoomed-in views, assistive technologies.
Pay Visualization Design Decisions
Create interactive visualizations for better understanding of statistics.
Expand toggle customization for various pay breakdown aspects.
Consider different formats of pay breakdown attributes in presenting pay simulation.
User test with accessibility tools.
Offers Notification & Profile Page Design Decisions
Integrate more info on app offers before external sites.
Add notifications for new offers.
Reduce clicks, enhance info accessibility.
Use visuals to explain offers (consider accessibility).