Zillow Marketing Web Design System

Zillow is the most-visited real estate and rental market place in the US. This project details the design of a robust design system for Zillow’s marketing sites. This initiative resulted in the creation of over 400 components for web.

Duration

4 months

Role

Brand designer

Impact at a glance

  • Increased campaign launch speeds

  • Established marketing design system

  • Created guidelines for content writers

Z_Marketing_Web_Hero

THE PROBLEM

Without a shared system, teams struggled to move fast and stay consistent

Zillow’s marketing ecosystem lacked a shared design and development system, leading to inconsistent brand execution, inefficient workflows, and excessive custom code. Marketing, design, and content teams operated without clear guidelines, while development teams were strained by fragmented patterns and ad-hoc requests. Without centralized documentation and reusable components, teams struggled to move quickly and deliver cohesive, scalable campaigns.

THE GOAL

Create a comprehensive sister design system for marketing 

Zillow’s marketing ecosystem lacked a shared design and development system, leading to inconsistent brand execution, inefficient workflows, and excessive custom code. Marketing, design, and content teams operated without clear guidelines, while development teams were strained by fragmented patterns and ad-hoc requests. Without centralized documentation and reusable components, teams struggled to move quickly and deliver cohesive, scalable campaigns.

Process

Discover_ico

Discover

Stakeholder interviews, program owners, audit of marketing sites 

Design

Design

Design components, assets, multiple responsive sizes

Deliver

Development & QA

Redlines, bug-bashes, QA reporting

Define

Documentation

Detailed documentation, design system workshops

Stakeholder landscape

Stakeholder_Map-2

Grids

Grids_XXL-L_3
Grids_M-XS_3
Primary-Colors_3
Typography
Spacing_3
Elevation_3
Buttons
Button-States-2
Tertiary-Buttons
Cards
Forms
Heroes

Outcomes

The successful creation of the marketing design system addressed key challenges and achieved the following outcomes:

Consistency and Flexibility

Provided a flexible framework that allowed the marketing team to achieve their specific goals while maintaining brand consistency.

Efficient Campaign Execution

Enabled a faster and more effective approach to web-based marketing campaigns.

Empowered Content Writers

Supplied clear guidelines and performance metrics for optimized content creation.

Centralized Resources

Established a comprehensive library of design and code documentation, improving accessibility for all team members.

Proud member of Queer Design Club Techqueria.

©2026 MIKE PATRUNO DESIGN