Role

User Research

UI Design

Layout Design

Component Design

Role

User Research

UI Design

Layout Design

Component Design

Tools

Figma

Illustrator

Tools

Figma

Illustrator

The UI Playbook

A complete toolkit for building consistent, scalable user interfaces

Assisted in the development of the Scholastic UI Pattern Library, a system of reusable components and standards that improved design consistency, efficiency, and collaboration across digital products.

Text Links

Guidelines

Text Links

Interactivity

Text Links

Specifications

Process

Researched established design systems and accessibility best practices to inform component structure and behavior.

Designed scalable, versatile components and variants optimized for copy-paste use in design files and clear developer handoff.

Documented guidelines and specifications, including accessibility standards, interactivity, and patterns of use to ensure consistency and reusability.

Process

Researched established design systems and accessibility best practices to inform component structure and behavior.

Designed scalable, versatile components and variants optimized for copy-paste use in design files and clear developer handoff.

Documented guidelines and specifications, including accessibility standards, interactivity, and patterns of use to ensure consistency and reusability.

Process

Researched established design systems and accessibility best practices to inform component structure and behavior.

Designed scalable, versatile components and variants optimized for copy-paste use in design files and clear developer handoff.

Documented guidelines and specifications, including accessibility standards, interactivity, and patterns of use to ensure consistency and reusability.

Toast Notification

Guidelines

Guidelines

Toast Notification

Accessibility

Accessibility

Toast Notification

Interactivity

Interactivity

Toast Notifications

Toast Notifications

Toast Notifications

Icon Buttons

Guidelines

Guidelines

Icon Buttons

Interactivity

Interactivity

Icon Buttons

Variants

Variants

Text Links

Guidelines

Text Links

Interactivity

Text Links

Specifications

Results

Improved design consistency across teams by centralizing reusable components and UI standards.

Increased efficiency for designers and developers through ready-to-use components and clear documentation.

Established a scalable foundation for future products, enabling easier updates, maintenance, and cross-functional collaboration.