Frito-Lay
Design System, UX Design
Led the creation of a comprehensive design system that supported and streamlined the IBM and Frito-Lay design and development teams’ efforts.
The system includes ready-to-use components, branding elements, and user interface guidelines, all organized in a way that delivers a cohesive and intuitive experience for everyone who uses it.
Role
Associate Design Director/Lead Designer
Client Description
Global leader in iconic snack brands
The Mission
Help Frito-Lay create inclusive, seamless, and insights-driven experiences that result in ease of use and impactful interfaces for their users. The interface’s end-user is Frito-Lay’s Route Sales Representatives, who deliver goods like Lays and Doritos to stores for consumer purchase.
The Vision
The design system will create efficiencies in both the design and development process, therefore improving the final digital product experience through consistency and quality.
Design System Principles
The principles below were established before the creation of the design system. They helped guide its creation and ground the team in who they are and how they craft experiences for our end users.
Simple
Embraces simplicity to provide a logical and intuitive path for our people through a seamless adoption, reducing daily stress.
Empowering
Instills our people with bold confidence they can perform their role with ease, efficiency and focus.
Fun
Brings happiness to our people through valuable and meaningful moments that spark joy.
Empathetic
Establishes empathy for our people and aspires to be personalized and fluid.
Transparent
Builds trust for teams to collaborate more and quickly access the information that matters most.
Design System Features
• Visual language - color, iconography, typography, and logos
• User interface elements - components with nested state functionality
• Rules & documentation - spacing & UX guidelines, example screens
Modular Design
Leveraging a Modular Design Methodology, the design team built experiences with set components to deliver consistency, speed, and quality across work streams and groups. Designers could simply drop in a component from the design system into their working file to create a screen within minutes. This process decreased the average design effort time by 67%.
Design System Impact
The design system decreased the time spent designing hundreds of screens and increased productivity and workflow speed throughout the program. It was an extremely valuable asset to the internal IBM team and helped Pepsi/Frito-Lay reach their business goals.
designers utilized the system
24
decrease in design effort
67%
core design components
50 +
decrease in
system complexity
72%
