CLARA ZORZOLI
Clara is a freelance digital product designer based in Berlin.
With over a decade of diverse design experience, she has left her mark on a wide range of projects, ranging from crafting comprehensive Design Systems and intuitive interfaces to designing typefaces and immersive experiences.
Her portfolio spans the digital and physical realms, encompassing the design of services, editorial publications, data visualisations, animations, album covers, and product packaging.
With a keen eye for detail and a passion for tackling complexity head-on, Clara is now dedicated to crafting innovative solutions that sit at the core of the product experience.
-
Email /
Resume /
LinkedIn / Instagram INDEX / 01 BABBEL GRAMMAR
Translating a visual language into a foundational Design System
Hands on freelance/consultant designer
Design of all mobile and web components
Bridging between Development and Design team
The coreBabbel is subscription-based language learning software and e-learning platform, available in various languages since January 2008. I had the privilege of joining the core team as a consultant specializing in Design Systems. Tasked with translating a newly developed visual language into a cohesive and comprehensive Design System, I played a pivotal role in laying the groundwork for consistent and scalable design across product teams.
Foundations
At the heart of this endeavor was the creation of foundational elements, including typography, color palettes, and other essential design tokens. Drawing upon my expertise in design systems, I meticulously crafted these components to ensure alignment with Babbel's brand identity while also facilitating ease of use and implementation by development teams.
ComponentsAdditionally, I led the design and development of a vast array of components, ranging from basic UI elements to more complex interactive modules for mobile platforms (iOS and Android) and web. By establishing a robust library of reusable components, I empowered product teams to streamline their workflows and maintain design consistency across Babbel's suite of language-learning products.
For developersA significant portion of my work revolved around documentation. For developers, I produced detailed documentation outlining the usage guidelines, code snippets, and integration instructions for each component. This ensured seamless implementation and reduced development time, fostering greater efficiency and collaboration within the development teams.
For usersSimultaneously, I focused on creating comprehensive documentation tailored to the needs of designers within the product teams. This documentation encompassed detailed design guidelines, usage examples, and best practices to empower designers to leverage the design system effectively. By providing clear and actionable guidance, I facilitated a shared understanding of design principles and promoted collaboration between design and development teams.
ResultsThe Design System was then tested and applied to the existing product, giving the app and website an experience boost, as well as a new and refeshed look.
My time at Babbel was characterized by a collaborative spirit and a shared commitment to excellence. Together with the core team, I contributed to the evolution of Babbel's design ecosystem, ensuring that design remained a cornerstone of the company's mission to make language learning accessible to all.