Product Design

Brightspot Dashboard and Design System

Delivered a scalable and intuitive design system while accelerating product improvements, reducing design debt, and enhancing user experience.

Role:
Lead Product Designer
Duration:
Dec 2022 – Mar 2024
Support:
Leah Segawah, Luke Cúre, and Gloria Rafield
Brightspot CMS Case Study Hero
Overview

Brightspot, an enterprise CMS platform, set out to modernize and scale its design system. The outdated system made progress slow but had limited buy-in. I helped shape a strategy that delivered quick design wins and built the foundation for a platform-wide evolution.

Several challenges included stakeholder skepticism, robust customization, responsive and accessibility needs, and an overwhelming old dashboard.

Old Dashboard Interface
"We usually just improve the whole look every 5 or 10 years." – Dylan, Brightspot

With stakeholder goals unclear, I stepped back to uncover deeper issues and craft a design strategy that addressed immediate pain points while planning for broader system improvements. This groundwork gave both Dylan's team and mine the clarity we needed to secure stakeholder approval for the larger design system initiative.

Strategy Timeline
Research

I started by benchmarking competitor dashboards and interviewing Brightspot stakeholders, engineers, and platform users. Research showed dashboards needed to be responsive, consistent, and focused on quick actions. Interviews revealed how admins use dashboards, widgets, and workspaces daily, providing insights to guide design improvements.

65% of admins struggle with navigation complexity.

78% of users found the interface overwhelming.

Benchmarking
Personas and Audits

Using research, I created personas and audited the platform's current structure. This helped us understand user pain points, uncover inefficiencies, and identify opportunities for improvement across workflows and content management.

Personas and Audits
Ideation & Design

I collaborated with the team to turn insights into purposeful iterations. We inventoried the navigation and refined the information architecture, sketching flows based on benchmarking, user input, and admin workflows.

Low-fidelity wireframes visualized hierarchy, layout, and flow, helping engineers plan functionality changes. Multiple design iterations tested ideas with accessibility improvements embedded throughout.

Dashboard IA
Data Flows
Iterative Design
Failed & Successful Iterations
Accessibility Improvements
Prototype, Test, and Iterate

Once initial designs were aligned, I consolidated key pages and linked prototypes for users, admins, and stakeholders to interact with.

Testing revealed that the fixed left rail limited flexibility, widget sorting and viewing needed more clarity, and while content creation was intuitive, users often customized widgets during setup. This feedback guided refinements that made the dashboard more usable, flexible, and aligned with real workflows.

Prototype Linking
Design Solutions

The final designs delivered a modern, scalable dashboard for both desktop and mobile, consolidating UX and UI improvements across the platform. Stakeholders were impressed by the process and results, green-lighting the upgrade to the full design system.

Final Design Direction - Desktop
Final Design Direction - Mobile
Design System & Role Expansion

Over time, I built the design system library using audit insights as a blueprint, creating components, sheets, and templates to support ongoing UX and UI improvements. I also embedded myself within Brightspot's internal team, taking a lead design role and expanding the project into platform-wide design enhancements powered by the new system.

Role Expansion
Library Component List
Library Sheets
Library Components
Library Templates
Impact
Consistency
Strengthened Brightspot's brand and crafted predictable interactions to boost user trust.
Speed & Efficiency
Streamlined design and development by fixing foundational issues.
Collaboration
A single source of truth kept teams aligned and boosted cross-functional collaboration.
Scalability
Simplified support for new features and updates while easing designer and engineer onboarding.
Experience Quality
Designed elements for accessibility, reusability, and responsiveness, reducing errors during updates.
Business Savings
Saved time and resources by streamlining UI and fixing inconsistencies.

Credits

Embedded team via Vincit USA
Justin Beaulieu
Lead Product Designer.
Stakeholder, engineer, and platform user interviews.
Dashboard, page builder, search, and content IA.
Admin and user personas.
Toolbar and workflow user flows.
Creative direction iterations.
Accessibility audits and improvements.
Prototype building, linking and testing.
Mobile breakpoints and responsive design.
Leah Segawa
Supporting Product Designer.
Interviews and competitor benchmarking workshop.
Platform audits and component backlog prioritization.
Dashboard and widget user flows.
Creative direction iterations.
Luke Cúre and Gloria Rafield
Supporting Product Designers.
Interviews and competitor benchmarking workshop.
Dashboard and widget wireframes.
Creative direction iterations.
Chart and graph design.

Let's Connect