As part of our preparation for migrating Tier 1 brands to a new design system at scale, I conducted a comprehensive gap analysis comparing two platforms currently used across 28 brands — one running on a legacy design system, and one built on our new atomic design system.

The goal was to provide a clear, visual representation of the current inconsistencies and experience gaps across critical journeys like Wishlist, My Account, Cart, and Checkout on both web and mobile.

I worked on detailed flowcharts showing screen-by-screen comparisons across platforms, including UI states such as error messages, modals, and edge cases.
I also developed a stakeholder-friendly deck highlighting visual and UX differences, with annotated slides for identified gaps between both platforms, paths with friction for users, and actionable improvement opportunities.

This analysis has become a foundational resource across design, product, and development teams to support alignment as we scale the rollout of our new design system across Frasers Group’s key brands.