Industry
health tech
Client
PDHI
Modernizing PDHI’s Wellness Platform for Scalable UX Design
As the first UX/UI Designer at PDHI, I built the foundations of a design practice in a 20+ year-old wellness SaaS company. I introduced design strategy, analytics, and a scalable UI system to modernize member-facing products, improve branding configuration for clients, and align development and design workflows.
Project overview
Type of work
UX/UI Design Design System Foundations Data Analytics Competitive Benchmarking UX Strategy
Tools
Figma Google Analytics Bootstrap Excel
Date
January 2023 to January 2024
Challenges
Outdated design frameworks limited scalability and modernization across multiple web applications. No prior UX research, analytics, or structured design practice within the organization. Strict contractual and regulatory constraints prevented direct access to end users. A small development team (<20 developers) required solutions that were efficient and resource-conscious.
Solutions
Conducted a rapid design audit and competitive benchmark to highlight gaps and opportunities in the member-facing platform.
Defined a UX vision for the company: “Make a positive impact in business growth through user experience design.”
Established work branches: Data Analytics, UI Design Standards, KPIs, and Design System foundations.
Introduced Figma as the design tool, trained the team, and connected design-to-development workflows through Bootstrap.
Partnered with developers to migrate from an outdated Bootstrap version, co-designing and testing the first redesigned modules.
Implemented Google Analytics in the member app to collect behavioral data and inform future prioritization.
Achievements
Laid the first design system foundations: standardized tokens for colors, typography, and components, improving consistency and accelerating developer handoff.
Simplified client branding configuration by 85%: reduced options from 48 to 7, aligning with real client brand guidelines and drastically reducing implementation time.
Enabled design-development alignment: allowed developers to extract CSS directly from Figma, reducing friction and improving delivery speed.
Introduced data-driven prioritization: established a strategy to redesign modules based on revenue impact, ensuring resources focused on high-value features.
