My Role: Lead Product Designer

Completed: October 2024

Number of users: 50

Team size: 1 Sr UX. Designer

Previous Project:
Credit Report Service
Next Project:
Calculators

Problem
Clients needed an easy wasy to edit their pages without requiring dev work.

Solution
Create a simple platform to complete 100% of the changes clients request.

Mapping the Experience

Working with a BA I started documenting the scope of the problem and understanding what content needed to be included and what the most common update requests that came from clients.




Creating a Simple UI to Contain All Branding Elements

We focused on developing a user-friendly interface that consolidates all branding elements in one place. This approach ensures that clients can easily manage and update their branding without needing extensive technical knowledge.

  • Simple Config Data Points: I created the branding configuration page with a focus on simplicity.
  • Designer Independence: Ensured that it could be set up without requiring a designer.
  • Token-Based Colors: Used tokens like Primary and Secondary instead of hex values to ensure easy color swapping between clients without breaking the system.



Creating Client-Specific Experiences

After setting up the branding configuration page, we were able to create unique, client-branded experiences effortlessly.

  • Simple Config Data Points: The branding configuration page was designed with simplicity in mind.
  • Designer Independence: It was structured so that it could be set up without requiring a designer.
  • Scalability: This approach allowed us to create 40 different experiences using simple design tokens modified on the branding page.
  • Token-Based Colors: Tokens like Primary and Secondary were used instead of hex values to ensure easy color swapping between clients without breaking the system.
Client Branded Experience



  • Simple Page Collection: we needed to create a simple place to show the pages available.

Promote Content

  • Select Content to Promote: Easily select or deselect content.
  • Easy to Change Environments: Support different content approval processes for each client.
  • Track Promotion Status: Monitor the status of content promotions in real-time.
Promote Content

Phase 1

Working with a BA I put together a basic flow so that we could get something started and figure out the structure while getting buy in from leadership.




Phase 2

The next step would be creating flows for the most common task, starting with a Landing Page.




Results Achieved

The Client Configuration Tool significantly streamlined the process of updating client pages. By providing a user-friendly interface, clients were able to make changes independently without the need for developer or designer intervention. This resulted in:

  • Increased Efficiency: Clients could make updates in real-time, reducing the turnaround time for changes.
  • Cost Savings: Eliminated the need for ongoing developer and designer support for routine updates.
  • Scalability: The platform supported multiple clients with unique branding and content requirements effortlessly.
  • Improved Client Satisfaction: Clients appreciated the autonomy and ease of use, leading to higher satisfaction rates.
Results Achieved