DESIGN SYSTEM
Duration
6 weeks Oct 2023 - Nov 2023
My Role
Deconstructing the site, Creating components, Testing, Documenting
Team
Sakshi S (me), Jimin, Kiyo, Nidhi
Hertz is a platform for booking rentals, managing reservations, and accessing services like car sales and loyalty programs
Hertz offers a range of services including vehicle reservations for cars, vans, trucks, as well as specialised collections like electric vehicles (EVs) and luxury cars. Beyond rentals, Hertz.com provides access to additional services like car sales, loyalty programs (e.g., Hertz Gold Plus Rewards), and business solutions for corporate and government clients
Hertz is scaling fast: multiple sites, multiple design directions; and so are its digital inconsistencies.
Before we started building, we needed to really understand what we were fixing. So my team and I ran a design audit.
It was like every team brought their own toolbox and none of them matched.
How might we build a unified design system for Hertz’s digital platforms that enables consistency, structure, and scalability across all platforms?
Figma UI Kit
Access the full UI Kit on Figma to explore and duplicate design components for your project.
Design System Documentation
View the comprehensive Ignition Design System Zeroheight documentation for guidelines.
Figma Toolkit and ZeroHeight Documentation
1. Foundations (The Nuts & Bolts)
We started small. Setting standards for:
→ Typography Scales
→ Spacing Systems
→ Color Tokens
→ Grid + Layout Rules
2. Components (The Gears & Levers)
From buttons to banners, inputs to dropdowns , each piece was built to be:
→ Reusable
→ Scalable
→ Consistent across breakpoints
3. Templates (The Engine & Dashboards)
We stitched components into flexible templates:
→ Filter Panel
→ Cards
→ Forms
We documented comprehensive and streamlined guidelines to use our system
ZeroHeight Documentation Snip-its
The redesign elevated the interface, creating a seamless and intuitive experience that strengthens the Hertz brand identity.
We created and presented a pitch deck to showcase the need for the design system and secure buy-in for adoption across Hertz’s digital platforms.
How this project helped me grow as a designer?
01
Token structure evolves
Defining a token structure upfront didn’t fully work for us. We discovered that the ideal hierarchy and structure developed naturally as we worked through the process.
02
Overcommunicate
