Redesigning Benefit Express: A Scalable, Branded SaaS Experience for Every User
Transforming fragmented internal tools into a unified, scalable system that boosted agent efficiency, streamlined development, and laid the groundwork for future innovation.
Summary
Designing for Scale: Building an Accessible, Modular Design System at Credit One Bank
Challenge
Benefit Express' existing platforms focused heavily on functionality but lacked visual polish and scalability. Clients found the tools outdated and difficult to use, leading to dissatisfaction and a risk of churn. The challenge was to redesign these tools with a clean, modern aesthetic while preserving their robust capabilities and ensuring accessibility compliance (WCAG 2.1, Section 508).
Solution
Through user research and persona development, I created wireframes and high-fidelity mockups that addressed pain points for different user types—HR professionals, employees, and super administrators. Collaborating closely with marketing and product teams, I established a cohesive style guide and applied it across the redesigned interfaces. I built functional, responsive prototypes using HTML, CSS, and Bootstrap 5 to allow for realistic stakeholder testing and seamless developer handoff.
Responsibilities
Conducted user research, created personas, and mapped user journeys
Designed wireframes and high-fidelity mockups in Figma and Photoshop
Collaborated with marketing to align visual design with brand standards
Developed interactive prototypes in HTML, CSS, and Bootstrap 5
Participated in Agile ceremonies and worked across three development teams
Led stakeholder demos and implemented feedback iteratively
Ensured compliance with WCAG 2.1 and Section 508 accessibility standards
Outcome
The redesigned platform received overwhelmingly positive feedback from clients and internal stakeholders. Enhanced UX led to improved satisfaction among HR teams and employees, reduced support inquiries, and helped attract new business. The successful launch of branded microsites expanded the company’s service offerings and brought in new clients. Projects were consistently delivered on time or ahead of schedule, reinforcing Benefit Express’ reputation for innovation and reliability.
Key Skills Demonstrated
User-Centered Redesign of SaaS Interfaces
Conducted deep user research and created detailed personas (HR admins, super admins, employees) to guide the design of intuitive, role-based interfaces tailored to distinct user needs.
Clean, Scalable Design System Implementation
Developed a modern, branded UI using Figma wireframes and Photoshop mockups, aligning visuals with corporate identity through close collaboration with the marketing team.Accessibility and Responsive Prototyping
Built responsive, browser-based prototypes using HTML, CSS, and Bootstrap 5 to test real-world usability, accessibility, and performance across devices and user scenarios.Agile Collaboration Across Multi-Disciplinary Teams
Worked in Agile sprints with three development teams, participating in daily standups, backlog grooming, and stakeholder demos to ensure design alignment and delivery.Improved Information Architecture & Workflow Efficiency
Simplified navigation and restructured user flows for benefit management tools, enhancing usability and enabling HR staff to complete tasks faster with fewer errors.Stakeholder & Developer Alignment Through Iterative Feedback
Facilitated regular feedback loops with product owners, business analysts, and QA teams to ensure designs translated accurately into development, improving time-to-delivery and reducing rework.Microsite Innovation to Expand Product Offerings
Designed and launched customizable Microsites, adding value for brokers and attracting new clients, while supporting seamless integration with existing systems.
