While working with Sony Pro Digital, web pages were designed in a mix of Adobe XD and Adobe Photoshop and exported for client review. This fragmented workflow led to minor but frequent inconsistencies, as designs were manually adjusted but different designers across tools. It also slowed delivery and increased rework.
The team lacked a single source of truth for design. Inconsistent spacing, layout variations, and duplicated effort made it difficult to scale web design efficiently or maintain quality across projects.
I identified the need for a unified design tool and system and advocated internally for adopting Figma across the team. Once licenses were approved, I led the creation of a reusable design system for the Sony Pro website.
I took an atomic design approach, building a robust set of atoms and components that could flex to support a wide range of page layouts and content needs. This ensured the system was structured, scalable and adaptable rather than rigid.
Designers could build pages by assembling pre-defined modules instead of starting from scratch.
Auto layout significantly reduced spacing and alignment inconsistencies.
Design speed improved, allowing for faster iteration and updates.
The system created a shared foundation for consistent, scalable web design.
This project reinforced the importance of designing systems, not just screens. By investing upfront in structure and tooling, I was able to improve both design quality and team efficiency–demonstrating how thoughtful design enablement can have lasting impact beyond individual projects.