Betterfly
Betterfly is a platform designed to enhance employee wellbeing and protection through flexible benefits, and promote social causes. To support its diverse product range and user base and create a unified experience across its offerings, Betterfly developed Bubble DS.
Bubble DS is a comprehensive set of components, guidelines, and assets designed to assist product teams in developing consistent, engaging user experiences. It enables Betterfly to deliver a seamless brand and product identity while making a meaningful impact.
Challenges
Mindset Shifting
The introduction of a design system to product teams that are committed to releasing features at a fast pace can initially be met with reluctance, as it may be perceived as an additional workload that could potentially generate dependencies and slow down their work. By facilitating workshops and regular meetings, we helped teams recognize the efficiencies gained from a unified system.
Adoption as the go
To facilitate rapid adoption, production-quality releases were required at a fast cadence. We implemented an iterative release process to align with product timelines and used feedback to refine releases without compromising quality.
Process refinement
Involving end users at an early stage enabled us to collaborate effectively. By maintaining open communication channels, we fostered a culture of continuous improvement and alignment, ensuring that all parties were kept informed and up to date.
My Role
Design System Designer
As the lead designer for the Bubble design system, I worked closely with a lead developer and three engineers.
- Defining product operations, including architecture approach, libraries structure, ways of work processes, release phases
- Designing and documenting foundational styles, core components, and interaction and UX patterns guidelines.
- Leading audits to ensure consistency and best practices.
- Conducting training sessions to align the design team on system and design principles.
- Maintaining a cohesive library of styles, patterns, and component standards.
Outputs &
Key deliverables
Design
- Foundations Library
- Components Library
- Illustrations Library
- Motion System
- Documentation and Handoff Toolkit
Documentation
- Foundations
- Components
- Patterns
- Contributions
- Changelog
- Brand Assets
- Trainings and Tutorials
