Intel® IREP Developer-Ready UI Design System (Figma)

A detailed UI design system in Figma for the Intel Retail Edge Program website redesign, created to keep the product consistent across pages, breakpoints, and future updates.

The system documented typography, color palettes, buttons, navigation, modals, forms, progress bars, profile cards, page-specific elements, spacing, and reusable interface patterns. It was built as both a visual reference for designers and a practical handoff tool for the development team.

A large part of the work involved adding clear design specs and code-related callouts based on how the developers were building the site. I worked with the development team to understand their structure and naming conventions so components, spacing, colors, states, and layout rules could be labeled in a way that made implementation easier and reduced ambiguity.

The goal was to create a system that maintained consistency while staying useful in production: something designers could reuse, developers could build from, and the broader team could rely on as the platform continued to grow.

RESPONSIBILITIES

Creative Direction, UI Design, Interaction Design, Navigation, Design System Documentation, Developer Handoff, Regular Maintenance and Stewardship of the System