Autocomplete

Autocomplete

Zillow

Overview

Constellation Web is one of the four design libraries that make up Zillow's comprehensive Design System. As a designer on the Systems team, I contributed to quite a few components and patterns. In this Autocomplete case study, I will go over my standard process when contributing components to the Constellation Design System.

Problem Area

I conducted a site-wide autocomplete internal audit and identified that every web page handles this component differently. Zillow is a heavy input driven platform, so the vast amount of autocomplete inconsistencies creates a jarring and incohesive experience.

How might we create a multi-purpose autocomplete component that can serve different use cases & functionality in Zillow’s many lines of business while standardizing visual design, micro-interactions, and interaction states?

Project Details

Duration: 3 months
Team: Brian Stone (Developer)
Role: Competitive analysis, internal audits, hypothesis framing, best practices research & synthesis, UI design, Figma component construction, documentation

Many creators lack quick, visible signals that show how their content is performing on SoundCloud. Without easily accessible feedback on plays, likes, and engagement, artists may feel disconnected from their progress on the platform and are less motivated to return regularly or continue building momentum with their audience.

How might we highlight real examples of artist growth on SoundCloud to build trust in the platform and motivate creators to stay active?