Scaling Elo7's Design System

Year

2024

Tools

Figma

Role

Product Designer

After structuring the Design System for Enjoei, I was responsible for expanding and adapting it to Elo7, another brand within the group. Elo7 had a distinct visual identity, tone, and audience, focused on handmade products and creative sellers, but shared similar product structure and UX needs. The goal was to reuse the system architecture from Enjoei while tailoring it to Elo7’s brand, accelerating delivery and ensuring consistency across both platforms.

Approach

I began by auditing Elo7’s existing interfaces to identify reusable patterns and system gaps. Because the Enjoei system was modular and token-based, scaling it was efficient. I created a new token set, including colors, typography, and spacing, tailored to Elo7’s brand, allowing us to customize the visuals without altering the component logic. I also adjusted visual aspects like icons, corner radius and shadows to align with the brand’s tone while keeping behavior and accessibility standards consistent.

Elo7 color palette with labeled swatches showing primary, secondary, and tertiary colors including bright orange, pink, lime green, and deep burgundy.

Visual table mapping design tokens for surfaces and text styles in a design system, using colored tags and variable names linked by arrows on an orange background.

Grid of brown line icons for interface use, including home, cart, heart, user, and lock symbols, displayed on a bright lime green background.

Library & Documentation

In Figma, I built a new library using components from Enjoei, adapted with brand-specific variations for Elo7. I extended the documentation to include guidance and examples relevant to the new brand, ensuring clarity and accessibility for both designers and developers. I worked closely with the engineering team to guarantee that all design decisions translated into scalable and maintainable code, sharing foundations between brands while supporting visual differentiation.

Impact

This initiative significantly reduced time for both design and development by leveraging an already validated system base. It also streamlined onboarding, thanks to clear and familiar documentation. Beyond visual adaptation, the system ensured consistency in usability, accessibility, and interaction standards across both products.

Learnings

Extending a design system across brands taught me the value of designing for scalability, flexibility, and sustainability. A strong foundation of tokens and components makes it possible to serve different products while maintaining coherence. It also reinforced that a system is only successful when it adapts to real needs: visually, technically, and collaboratively.

Works

About

Resume