The Sony Pro Digital web team suffered from a fragmented design stack—split across Adobe XD and Photoshop—leading to inconsistent UI patterns, visual discrepancies, and operational bottlenecks. The team lacked a single source of truth, causing duplicate work and scaling friction. The goal was to establish design operations maturity by unifying the team under a single tool and scalable visual architecture.
Operational Advocacy: Identified systemic inefficiencies, built the business case for team-wide Figma adoption, and secured software licensing for the design organization.
Atomic Design Architecture: Designed and built a modular atomic design system in Figma—establishing reusable core atoms, dynamic auto-layout components, and flexible page templates.
Production Efficiency: Accelerated page production times by enabling designers to compose layouts using standardized modules rather than building static screens from scratch.
Design Consistency & Quality: Eliminated spacing and layout drift through Auto Layout standards, establishing a single source of truth across the web portfolio.