White Purchasing Power logo on a blue background patterned with financial and shopping icons.
Purchasing Power

Transforming Purchasing Power into a Performance-Driven Platform

As Purchasing Power scaled, its digital presence no longer reflected the sophistication of its offering or supported its growth goals. The opportunity was not just to redesign a website, but to rebuild it as a high-performing platform for clarity, engagement, and conversion.
Branding
UX
Web Design
Client
Purchasing Power
Date
January 2026
Role
UX/UI, Strategy
Collaborators
Ally Smith: UX/UI
Kristen Rogers: UX/UI
Mike White: Creative Direction
Debbie Oster: Marketing Strategy
Wallace Kelly: Animation
Contribution
I contributed to research and strategy, co-developed the UX, and collaborated on UI design for the website redesign. My work focused on organizing complex content, creating clearer pathways for employees, employers, and partners, and translating those needs into a cohesive digital experience.

Selected Work

A closer look at the redesigned experience, built to simplify, support, and convert.

Purchasing Power webpage combining an employee benefits headline, video, benefit cards, and blue content panels.
Purchasing Power employee benefits website displayed on a laptop.
Purchasing Power mobile navigation displayed on a smartphone against a patterned blue background.
Purchasing Power mobile website layouts arranged across multiple smartphone mockups.
Purchasing Power research documents showing client journey maps and HR audience profiles.
Before-and-after Purchasing Power homepage comparison highlighting the refreshed branding and page structure.
Three Purchasing Power mobile layouts showing editorial content, photography, and statistics.
Numbered Purchasing Power website process cards demonstrating the page's interaction design.
Purchasing Power mobile navigation displayed on a smartphone against a patterned blue background.
Hand holding a smartphone displaying the Purchasing Power partner webpage.
Purchasing Power desktop wireframes showing content hierarchy, interface components, and page structure.
Comparison chart listing features of Purchasing Power versus Buy now, pay later: Purchasing Power allows paying over time, no credit checks, payroll deduction, fixed payments, and no interest or fees; Buy now, pay later allows paying over time and fixed payments but does not offer no credit checks, payroll deduction, or no interest/fees.
Purchasing Power website components combining process steps, benefit panels, comparison content, and video.
Purchasing Power audience research documents with stakeholder profiles and a magenta persona header.
Purchasing Power research documents showing client journey maps and HR audience profiles.
Purchasing Power homepage and expanded audience menu displayed on a laptop.
Purchasing Power webpages and video content displayed across laptop, tablet, and smartphone mockups.
01 - The CHALLENGE

Simplifying Complexity to Drive Conversion Across Personas.

The website needed to explain a complex financial benefit to employees, employers, and partners while supporting sales and conversion goals.

Multiple Audiences

HR decision-makers evaluating benefits and employees seeking financial support needed distinct routes to relevant information.

Complex Product

The offering combines financial wellness, e-commerce, and employer-sponsored benefits. Users needed a straightforward explanation of how it works and who it serves.

Lack of Cohesion

Inconsistent messaging, structure, and visual language disconnected the B2B and B2C experiences.

Unclear Messaging

Buried value propositions made it difficult to understand the program’s benefits and how it differs from alternatives.

02 - The Solution

Rebuilding for Clarity, Scale, and Conversion

We organized the experience around defined audience pathways and brought the B2B and B2C sites into a shared visual framework.

Purchasing Power homepage and expanded audience menu displayed on a laptop.
Before-and-after comparison of the Purchasing Power logo and website homepage.
Hand holding a smartphone displaying the Purchasing Power partner webpage.
Numbered Purchasing Power website process cards demonstrating the page's interaction design.
Purchasing Power mobile menu with expandable navigation groups and a magenta registration button.
Side-by-side Purchasing Power B2B and B2C websites showing coordinated branding across both experiences.
03 - The Approach

Key Design Decisions

Audience needs guided four decisions across navigation, reusable components, mobile layouts, and interaction design.

Streamlined nav bar + user journeys

The hero and navigation introduce audience-specific pathways, connecting visitors with the information relevant to their role.

Component-based design system

Reusable components support consistent layouts and simplify updates as content and business needs change.

Fully responsive, mobile-first build

Research showed that most visitors used mobile devices, so we prioritized mobile layouts before adapting the experience to larger screens.

Addition of animations, hover states, and video

Animations, hover states, and video add movement and reinforce the brand across the browsing experience.

04 - The PROCess

How we built this visual system

Discovery phase

Stakeholder interviews, user insights, and existing site performance helped identify friction across B2B and B2C journeys.

Structure

We translated those findings into a revised site architecture organized by audience and use case.

UX

We refined content hierarchy and key flows, with particular attention to messaging and mobile usability.

Visual System

Typography, color, and component styles were refined into a reusable visual system.

Launch + Support

We worked with developers and stakeholders through launch, then monitored performance and refined the experience through ongoing updates.

05 - Central UX Concept

Audience Funneling

A toggle in the homepage hero lets visitors select the experience relevant to them and see the corresponding value proposition.

06 - The OUTCOME

A Unified Experience Built to Perform

The redesigned platform brings B2B and B2C experiences into closer alignment, with clearer messaging and audience pathways that support sales and conversion goals.

2 Years

of research and development went into the design of this new site.

100%

Custom scalable website built to serve multiple audiences with different needs.

$420M

Acquisition of Purchasing Power by PROG Holdings following the rollout of the new B2B site.

| Key Insight

Planning for updates is part of the design work. Reusable components and ongoing support give the team a practical way to refine the site after launch.

| Final Takeaway

For a multi-audience website, the central UX decision is how people find their starting point. Defining that structure early helped align content, navigation, and visual design.

See More Work

Start Something New

Explore my portfolio or reach out to discuss your next project!