Wix's Mobile Design System faced challenges with outdated documentation, prompting a comprehensive overhaul.
We focused on enhancing clarity and precision to improve usability, resulting in a dynamic resource for UX/UI designers and developers.
This project was a joint effort with Alexey Pavo, as part of our role at Wix's Mobile Design System team.
<aside> <img src="/icons/groups_gray.svg" alt="/icons/groups_gray.svg" width="40px" />
UX UI - Diana Agronov, Alexey Pavo
Leads - Yulia Leder (UX&UI), Ethan Sharabi (Dev Lead)
</aside>
Wix’s Mobile Design System was established nearly a decade ago, and has since proven its value in building numerous products both internally at Wix and externally as a public design system on GitHub.
Over time, we noticed that our guidelines and documentation became outdated, causing inefficiencies for our designers and developers. We faced challenges in keeping up with the evolving design system, leading us to realize the need for a comprehensive overhaul. While the system was self-sufficient, it lacked proper documentation.
To address this, we started the journey of rewriting and improving the guidelines. Our focus was on clarity, relevance, and precision to improve usability, collaboration, and efficiency within cross-functional teams.
<aside>
This case study explores the transformation of legacy documentation into a dynamic resource, meeting the needs of UX/UI designers and developers while laying the groundwork for ongoing growth and innovation.
</aside>