Compass 3-Phased Marketing: Enterprise Design System at scale
Background
Compass introduced 3-Phase Marketing to help agents bring listings to market more strategically—preparing properties, building early demand, and maximizing visibility at launch.
Working within Compass’s established brand—clean typography, a restrained monochrome palette, and full-bleed photography—the system centers on the familiar listing card, translating the strategy into a clear, scalable visual framework.
Challenge
Translate this new brand system into a scalable web system for Compass.com—one that could live within the broader platform while preserving the clarity of the Three-Phase Marketing strategy.
The experience needed to support Compass’s marketing goals—driving agent leads and brand awareness—while serving as a foundational system for future Compass.com marketing pages.
Client
Compass
Role
Senior Web Designer
Team
Jahnna Silberberg
Impact
120% Increase in site traffic
within 4 months of launch
120% Increase in site traffic
within 4 months of launch
120% Increase in site traffic
within 4 months of launch
As the Senior Designer responsible for translating Compass’s 3-Phased Marketing identity into the digital product experience, I began by auditing the existing brand system—isolating the visual primitives that defined the language, including listing card treatments, color palette, and spatial relationships. In bringing the system to the web, I also identified opportunities to elevate key brand elements—refining scale, hierarchy, and composition to take advantage of the flexibility and expressive potential of the digital medium.
These elements were stress-tested across responsive environments through hero explorations and early iterations of our flagship lead-generation experience, Compass Sell. As the system evolved, I worked within Compass’s Web OS design system, organizing components, type scales, patterns, and color treatments to ensure accessibility, usability, and scalability—while maintaining a familiar structure developers could implement and extend with ease.
System Applied
As Senior Designer responsible for translating Compass’s 3-Phased Marketing identity into the digital product experience, I began by auditing the existing brand system—isolating the visual primitives that defined the language, including listing card treatments, color palette, and spatial relationships. In bringing the system to the web, I also identified opportunities to elevate key brand elements—refining scale, hierarchy, and composition to take advantage of the flexibility and expressive potential of the digital medium.
These elements were stress-tested across responsive environments through hero explorations and early iterations of our flagship lead-generation experience, Compass Sell. As the system evolved, I worked within Compass’s Web OS design system, organizing components, type scales, patterns, and color treatments to ensure accessibility, usability, and scalability—while maintaining a familiar structure developers could implement and extend with ease.
System Applied
