User segmentation selector with portraits

User segmentation selector with portraits, flat, illustrated, light

Preview image. Unlock full-res

Three-option audience selector using diverse portrait circles and flat illustration style on a vibrant green background with instructional copy and pagination dots.

Industryb2b, marketing, saas
Palette
#34A353
#FFFFFF
#E0CBB6
#CDCFCA
#B7937D

Summary

A three-way audience segmentation interface featuring diverse portrait illustrations in white circles, flat styling, and inclusive representation against a bright emerald background.

Visual description

A horizontal layout on a solid bright green background. At the top sits instructional text reading "Please choose one" in small sans-serif. Three equal-width panels each contain a white circle holding a portrait illustration: a silver-haired white woman in profile on the left, a dark-skinned woman cradling an infant in the center, and a man wearing a white cap and grinning on the right. Each portrait is flatly rendered with minimal detail. Small labels or icons appear above or within each circle. Below the three portraits sits a pagination row of small white dots (three total), indicating this is one screen in a multi-step flow. The overall tone is warm, optimistic, and inclusive.

Key takeaway

The portrait-as-option pattern for audience segmentation or survey flows; the use of diverse representation in UI choices; the tight circular framing keeping focus on faces while maintaining visual hierarchy; the simple dot pagination showing progress without cognitive load.

Reuse notes

Perfect for surveys, market research, audience qualification forms, and onboarding flows in B2B and marketing software. The flat illustration style and bright green background convey approachability and optimism. Works well for consumer research, HR applications, and preference-setting interfaces. Pairs cleanly with simple sans-serif type and white space. Ensure portrait diversity reflects actual audience demographics.

More like this