Streamlining HR workflows for admin users across mobile and web. The connection between legacy tools and a modernized experience.
Client
ProService Hawaii
Release
Apr 15, 2025

Designing a Simpler Way In: How We Transformed ProService’s Login Experience with a Single Access Hub

_____

Project: ProService Home Launch

Role: Lead Product Designer

Owned: Strategy, Existing Research, Stakeholder Alignment, Concept & Interaction Design, Usability & Beta Testing, Iteration

Outcome: Unified experience, improved task efficiency, user satisfaction and repeated usage. From internal beta testing to client interviews, feedback shaped every major decision

Collaboration: Product Manager, Sr. Product Designer, Platform Experts, FE & BE Engineering Team, Solution Architect, C-Suite Business Stakeholders

_____

Role based access through interchangeable tile components.

When we talk about digital transformation, it’s often about sweeping innovation. But sometimes, the biggest wins come from solving seemingly simple problems, like logging in.

At ProService, we saw firsthand how fragmented access to HR tools was wearing on our customers. Some clients had to log in up to five separate times just to complete everyday tasks. The interface was cluttered, navigation was unclear, and the experience felt disconnected. In short, the tools worked, but the journey didn’t.

Our mission was to unify that experience, starting with one login and one launchpad.

Key Metrics & ROI

_____

🧭 The Problem: Too Many Logins, Too Little Confidence

Our support data and NPS responses painted a clear picture:

  • 86% of tech-related NPS comments were negative
  • 35% of users cited navigation issues
  • Multiple logins and scattered tools caused major workflow friction

Clients didn’t know which app to use for which task. Many resorted to guesswork or repeated logins. Some stopped trying altogether.

“I haven’t logged into this one in a while. I don’t even know where it leads. I don’t know what’s behind that curtain – no clue!”
“All the two-step authentication every time you need to log in is wild. It’s too much. It takes way too long…”

Our team knew we had to restore confidence and reduce friction, starting with access itself.

After mapping potential access points the team could consider how to approach an improved journey.

_____

🧩 The Strategy: One Home, Many Doors

Instead of layering on new tools, we created ProService Home, a centralized launchpad that unified all client-facing apps and experiences.

A super hub, illustrated by the wagon wheel concept, would provide the improved login journey and easy access.

As Lead Product Designer, I worked closely with product managers, engineers, and SMEs to define:

  • A single login system with session persistence
  • A familiar, visual tile-based interface that surfaces most-used tools
  • Deep linking for fast access across apps
  • The flexibility to support clients managing multiple companies

We co-created user flows with stakeholders, aligned on technical constraints, and adopted a phased release plan to build and launch incrementally.

Working with engineering, we found that the user flow could be shortened by transforming progressive steps into access based features.

_____

🛠 What We Designed

Tile-Based Navigation
A visual home page that adapts to the user's access level, displaying personalized shortcuts and permission-based tiles.

Role based access to a customized list of applications with no additional login

Activity Feed (Phase 1)
We extended the platform’s value by including the team's recently designed event notification system to show users real-time updates on payroll activities like direct deposit enrollments or submissions.

Event notifications are surfaced to increase transparency and awareness.

Company Switcher
For clients supporting multiple businesses, we added a drop-down selector to toggle between company views which no longer required logging out.

Admin users can seamlessly switch between configured company profiles.

Smart Error Handling
We introduced session timeouts, maintenance states, and dynamic component messaging to guide users when third-party apps were temporarily unavailable.

Owning the frontend as a super hub gave us the ability to introduce communications on what to expect.

_____

🔁 Iteration in Action: Listening and Adapting

We began usability testing with internal teams to quickly iterate before expanding to clients. Here’s what we learned throughout the project's testing:

Internal Beta users:

“It would be nice to have a Report Center Button on the homepage. For those that only have one account and just the Legacy Prism Core option, this seems to only add an additional click for them to get to the original home page.”
“If there’s only one tile, it looks kind of empty."
“Would love to see this page log out when it times out. I get 'Navigation Failed' pop-ups in red when I try to select something, but if I refresh and re-log in, it works great.”

Client Beta feedback:

“When I come to this page, I immediately go to Legacy Prism Core.” (desired app)
“Compared to the current look, this has a lot more functionality or things I might be interested in.”
“It looks like I can do more on this page. It takes me to where I most likely want to be doing things. It's things that I would most likely do when I try to log in.”

Key Learnings:

  • The internal beta allowed the team to catch critical bugs and gather essential feedback to improve the experience before introducing it to clients
  • Service provider users have unique needs that may overlap with client users that have access to several companies, such as requiring longer sessions & easier access to recent companies
  • Some companies have identical configurations so tile sets can look the same when switching
  • Clear, familiar visual cues significantly enhance user confidence
  • Users envision creative uses beyond intended features; flexibility in design supports broader adoption

We responded with:

  • Increased session length before timing out
  • Visual updates to increase contrast and visibility for key tools, like colorful company labels
  • Increased feedback when switching between companies
  • Increased value with tutorial links for users with limited app access
  • Reduce distractions and increase functionality where possible with deep linking

Increased contextual feedback

Users often saw the same set of tiles when switching between companies. To make the change clearer and increase visual feedback, we added company names directly into the components and included an alert.

Testing revealed some user configurations appeared empty.

App tiles appeared dynamically based on user permissions. Beta testers felt the page looked sparse when they only had access to one or two applications. To add value without extensive engineering effort, we quickly iterated to introduce links to frequently requested tutorials.

Clarified termonology and UX writing

Client testing showed that the referral images was distracting attention from the page's true functionality.

Some clients mistook Resources for direct access to tools instead of training content. We improved the UX writing to clarify expectations, which also pointed to a future opportunity to expand its functionality.

_____

🎯 The Results

Just as important, users told us they finally felt oriented like they understood where to go, what to do, and they could see possibility in their software experience.

_____

💡 Takeaways

Simple wins matter
Login and navigation pain points often go unaddressed, but solving them can unlock huge UX gains.

Start with what people are already doing
We prioritized visual familiarity and allowed users to easily access self-selected favorite tools.

Iterate fast, listen well
From internal beta testing to client interviews, feedback shaped every major decision.

Build the bridge, not just the endpoint
ProService Home wasn’t just a destination. It was the connection between legacy tools and a modernized experience.

_____

Final Thought

When you fix friction in someone’s workflow, you don’t just save them time. You restore trust. ProService Home is functional, familiar, and quietly powerful.

It’s proof that thoughtful design doesn’t always need to reinvent the wheel. Sometimes, it just needs to put all the spokes in one place.

---

More information on this project is available upon request in presentation form.

Let's get in touch

Have a project in mind? Let's build something great together!

Contact Me

Follow me on

Instagram