work

Eliminating 90 production defect overrides—and rebuilding the system behind Bose.com

Bose teams were patching visible defects downstream because canonical components were no longer dependable. As Product Design Lead and design-system owner, I led remediation that removed 90 defect overrides in three months, then restructured the 2,000+ component system for clearer ownership, reuse, and continued evolution.

A visual overview of Bose design-system foundations, components, patterns, and governance.
Role
  • Product Design Lead
  • Design Systems Owner
Result
90 → 0 defect overrides in three months · 2,000+ component system restructured
Year
2024–2025

Platforms
Bose.com · Figma design system · Responsive web
Selected work shown. Internal names, implementation details, and unpublished concepts have been omitted or generalized.
THE FAILURE CONDITION

Canonical components had become unreliable enough that production required 90 defect patches

Bose.com was shipping from a monolithic design library containing more than 2,000 components. When shared components created visible issues, production overrides corrected individual pages without repairing the source. The site kept moving, but design and implementation drifted further apart—and each patch increased the cost of future change.

90Defect-related production overrides
2,000+Components in one overloaded library
1 sourceMixed current, legacy, and exploratory assets
4 teamsDesign, engineering, content, and creative
1Visible defect

A customer-facing inconsistency surfaced on Bose.com.

2Downstream patch

A production override corrected the individual instance.

3Canonical repair

We traced the failure back to shared component logic.

4Override removed

The repaired source could support future use without the patch.

THE FIRST MOVE

I repaired the sources causing visible defects before expanding the system

As Product Design Lead and design-system owner, I worked with design, engineering, and content partners to trace recurring defects back to their canonical components. I prioritized customer-facing failures, clarified intended responsive behavior, and aligned component specifications with production implementation.

Within three months, the team had eliminated all 90 defect-related overrides. The sequencing mattered: restoring production integrity created the stability and credibility needed to address the deeper system architecture.

Early proposal for shared component spacing and layout behavior at Bose.
Early system work aligning global component spacing and layout behavior.
THE SYSTEM BEHIND THE FIX

The defects exposed a monolithic system that was difficult to trust or maintain

The immediate failures were only one symptom. The overloaded Figma library mixed current components, legacy assets, explorations, and unmerged work. Memory warnings, local component detachment, inconsistent naming, and unclear contribution paths made the dependable source difficult to identify.

A Figma memory warning made the operational cost of the monolithic library visible.
A Figma memory warning made the operational cost of the monolithic library visible.
ONE SMALL EXAMPLE · CLEARER COMPONENT INTENT
Legacy nameNo-image card

Defined by what it lacked.

Clarified nameText card

Named for its actual purpose.

Clarifying names, anatomy, and supported behavior made components easier to find and understand without publishing Bose's internal component structure.

BEFORE · ONE MONOLITHIC SOURCE
2,000+ componentsShared logic, legacy assets, experiments, and team-specific needs combined in one file
AFTER · CLEARER INHERITANCE
Governance
Foundations
Components
Patterns
Templates
THE OPERATING MODEL

I turned remediation into a more durable way to evolve the system

Separate shared layersI restructured the library around clearer inheritance, publishing boundaries, and ownership instead of asking every team to depend on one unstable file.

Modernize component logicI rebuilt priority legacy components with clearer properties, variables, responsive behavior, and supported configuration paths.

Make safe use explicitI introduced clearer patterns and governance so teams could adapt the system without detaching components or recreating shared behavior.

The goal was not a perfectly tidy Figma file. It was a dependable product foundation that different teams could use, implement, and extend without reopening the same production failures.

One example: reducing repeated navigation variants

I designed and handed off a lighter navigation model that consolidated six category-specific variants into one component, with content switched through variables while interaction behavior remained centralized.

BEFORE · 6 REPEATED VARIANTS Six category-specific navigation variants.
AFTER · 1 VARIABLE-CONTROLLED COMPONENT One shared component model.
Centralized interaction behavior, flexible content

One shared structure changed category content through variables instead of duplicating the same interaction model across six variants.

AN INITIATIVE IN MOTION

I prototyped a reusable alternative to repeated campaign-layout correction

Campaign assets combined background, product imagery, and copy into fixed compositions that required manual repositioning across responsive containers. I separated those layers in a coded prototype, tested responsive behavior, and documented authoring controls for implementation.

The same flattened campaign composition cropped across wide, tall, square, and variable responsive containers.
A single flattened campaign composition could not adapt reliably across the full range of responsive containers.
Prototype separating campaign background, product imagery, and content into independent layers.
Separate the layersBackground, product imagery, and copy became independently controllable.
Prototype testing responsive product-image behavior inside a variable container.
Test responsive behaviorThe model could be evaluated across changing container proportions and placements.
Prototype controls for content-author scale and position adjustments.
Validate author controlsScale and position controls gave authors flexibility within defined system rules.
This initiative was prototyped and handed off before my departure; implementation after handoff is unverified.
THE OUTCOME

The immediate defects were removed, and the system became safer to evolve

90 → 0Defect overrides
3 monthsProduction remediation
2,000+Component system addressed
5 layersGovernance through templates

The verified result was the elimination of the 90 defect-related production overrides. Beyond that immediate recovery, the system had clearer inheritance, more maintainable component logic, and more explicit paths for teams to use and evolve shared assets.

Continuity after handoff: At the end of my tenure, I documented the major initiatives still in motion and assigned a point person to each workstream so the system could continue evolving rather than becoming a loose backlog.

Takeaway: Restoring a design system is an exercise in sequencing. Fix the customer-facing failure first, then change the architecture and operating model that allowed it to recur.