top of page

Key Features

Team Input

Working closely with teams across the organization, I ensured that every design decision aligned with the needs of various stakeholders. Collaborated with Developers to add components to the codebase.

Components and Variables

I developed flexible components and variables that brought consistency across the site, making it easier to manage and update while ensuring a cohesive user experience.

Added Delight

I made a cohesive illustration and motion system that brought warmth and delight back to the Idealist platform. These playful yet professional visuals made the site more inviting and enjoyable.

Digital
Design System

Problem
Idealist's website lacked a cohesive brand system, resulting in inconsistent components across the site, which diluted the brand’s impact and made it challenging for developers to be efficient. 

Solution
I developed a comprehensive brand system, including color schemes, typography, and layout templates, to unify the brand’s visual language. This system was applied across site and print assets, ensuring consistency and ease of use for both the internal team and external partners.

Idealist.org | Lead UI and Brand Designer 

Group 239883.png

Code implementation

To streamline design-to-development workflows, I collaborated with developers to integrate Figma variables into Storybook. This allowed us to seamlessly bridge the gap between design components and code, ensuring consistency across the entire platform. By incorporating Figma variables, we enhanced our design system's flexibility and made it easier for developers to access, implement, and maintain UI components directly from Storybook.

Storybook (2).png
bottom of page