Redfin Illustration System 2023
Moments of magic throughout the home-search journey are brought to life through delicate scene building, hand-drawn line work, and considered focal points of red
Illustrations were designated into four size categories: Duotone, Medium, Spot and Scene.
Duotone
Simple icons | 48x48px
Medium
One piece of the story | 128x128px
Spot
Broader concepts, summarizing a story | >128px
Scene
The full story | Composition and scale are fluid
People
The approach to representing people was simple and true—drawing inspiration from people of all races, ethnicities, and body types
Race or ethnicity do not dictate the characters skin tones. By letting our character’s humanity and the context of the scene tell the story. Focusing on creating relatable, thoughtful compositions rather than relying on stereotypes or visual generalizations to signal identity.
Race or ethnicity do not dictate the characters skin tones. By letting our character’s humanity and the context of the scene tell the story. Focusing on creating relatable, thoughtful compositions rather than relying on stereotypes or visual generalizations to signal identity.
Motion
Many of our icons suggest motion in their composition, but its not until you actually apply motion that these illustrations truly come to life. About 80% of the illustrations that we added motion to were lottie-JSON exports and the remaining were GIFs. With the launch of Redfin's new illustration system also came a series of digital ads that I animated [you can check out that project here].
Spot
Medium
Duotone
