Preview image. Unlock full-res
iOS onboarding screen for connecting Spotify with step indicator and artist recommendation cards.
Summary
An iOS onboarding screen guiding users to connect their Spotify account for music-based concert recommendations. The step counter shows "2 of 3" with a clean progression flow.
Visual description
White and light-gray background with left-aligned headline "Connect Your" followed by a green Spotify logo on the next line. Supporting copy explains the benefit. Below sits a vertical stack of three colorful artist cards: a peach-toned placeholder card, a blue card with white text and artist photo (Tame Impala), and a burgundy card with artist name and image (Sampha). At the bottom, a full-width primary button in black with the green Spotify logo and white text reads "Connect Spotify."
Key takeaway
The artist preview cards make the value proposition concrete—users see immediately what artists they'll connect to. Stacking cards vertically creates visual hierarchy without overwhelming the narrow mobile viewport, and the social proof via recognizable artist names increases confidence to proceed.
Reuse notes
Effective for music/media onboarding flows. The color variety in the preview cards keeps the interface feeling friendly despite a dark CTA. Adapts well to other identity-verification steps where previewing connected content matters.
