To ensure consistency and scalability across the New York State Fair Mobile App, I developed a comprehensive design system that unified visual language and interaction patterns across the product. This included a structured color palette blending brand and agriculture-inspired tones, a mobile-optimized type scale for clarity and hierarchy, and a standardized spacing system to maintain alignment and visual rhythm across screens.

I built a library of reusable components—such as navigation patterns, cards, buttons, and form elements—paired with clear CSS references and usage guidelines to streamline developer handoff and implementation. This system reduced design inconsistencies and enabled faster iteration across features.

Using Figma Make, I incorporated AI-generated outputs to rapidly translate design foundations into a scalable system and interactive prototype. This approach allowed for quick validation of component behavior and user flows, improving collaboration across design and development.

Impact: The design system improved team efficiency, reduced redundancy, and accelerated the design-to-development process, while delivering a cohesive and intuitive mobile experience for fairgoers.

To support the evolving digital presence of Los Angeles Kings, I developed a scalable design system for the LA Kings Insider platform, the team’s official digital hub for news, analysis, and fan engagement. The goal was to create a cohesive visual framework that aligned with the Kings’ brand identity while improving consistency, readability, and usability across editorial content and interactive features.

The system defined core brand color tokens, typography scales optimized for sports journalism, and a structured spacing and layout framework that improved content hierarchy and scannability for articles, game updates, and multimedia content. I also designed reusable UI components—including article cards, video modules, navigation elements, and call-to-action blocks—to streamline production and ensure visual consistency across the site.

To accelerate the process, I leveraged Figma Make, using AI to translate foundational design elements into a structured system with reusable components, CSS reference variables, and a responsive prototype. This approach enabled faster iteration, clearer developer handoff, and a flexible design framework capable of supporting the high-frequency content updates typical of a sports media platform.

The result was a modern, scalable design system that strengthened the LA Kings’ digital brand presence while improving efficiency for both designers and developers maintaining the platform.

I created a scalable design system to unify and streamline The Sherri Show website experience. The system defined brand color tokens, a structured typography scale, spacing guidelines, and reusable UI components to ensure visual consistency and efficient production across pages.

Using Figma Make, I leveraged AI to translate my core design elements into a structured system, generating standardized components, CSS reference guidelines, and a responsive prototype. This process accelerated development, strengthened design-to-engineering alignment, and established a flexible framework that supports ongoing iteration and growth.

To ensure consistency and scalability across the Lead From Behind experience, I developed a comprehensive design system that unified the visual and functional language of the site. This system established a clear foundation across color, typography, spacing, grids, and reusable components, enabling a cohesive and efficient design process.

The color palette was intentionally bold and high-contrast to reflect the campaign’s energetic tone, while a structured type scale ensured clarity and hierarchy across all screen sizes. I defined a flexible spacing system and grid framework to support a modular, mobile-first layout, allowing content to adapt seamlessly across devices.

On the component level, I created a library of reusable UI elements—including buttons, cards, and content modules—designed for both consistency and rapid iteration. To accelerate development and prototyping, I leveraged Figma Make, using AI-generated outputs to help translate design decisions into a scalable system and interactive prototypes. This approach streamlined collaboration with developers and allowed for faster validation of user flows.

The result was a flexible, future-proof design system that balanced expressive visual design with practical usability, supporting both the campaign’s bold identity and its performance goals.

I developed a cohesive design system for the Paramount VX project, establishing clear foundations for color, type scales, spacing, and reusable components to ensure consistency and scalability. Designed in Figma and extended using Figma Make, leveraging ai-generated outputs to rapidly prototype, iterate, and validate the components in a functional environment.

I developed a comprehensive design system to ensure consistency, scalability, and efficiency across the Big Blue Bus microsite. This system included a thoughtfully defined color palette, accessible type scale, and a flexible spacing framework that established clear visual hierarchy and rhythm. I created a modular set of UI components—including buttons, cards, alerts, and navigation patterns—paired with a responsive grid system to support seamless layouts across devices.

Using Figma Make, I translated these elements into an ai-generated system, rapidly iterating and refining components while building an interactive prototype. This approach accelerated production, ensured alignment between design and development, and created a cohesive, scalable foundation for future enhancements.