OkCupid product screens examples

OkCupid

Authentication User authentication Form

OkCupid

Password recovery modal where the user enters their email or username to receive a reset link.

• Forgot Password

OkCupid

Signup screen where the user provides their birthdate, location, and email, or chooses to connect via Facebook to create an account.

• Sign Up

OkCupid

Authentication User authentication Form

OkCupid

Onboarding step where the user adds an 'About me' description to their profile card.

• Onboarding Checklist
• Profile

OkCupid

Onboarding step where the user chooses to upload a profile photo from Facebook, their computer, or Instagram.

• Onboarding Checklist
• Upload & Download

OkCupid

Detail page showing a newly created user profile with an avatar, basic demographic details, and a short bio section.

• Onboarding Checklist
• Profile

OkCupid

Onboarding Progress indicator Modal screen

OkCupid

Onboarding step where the user selects three profiles they like to teach the app their preferences.

• Onboarding Checklist
• Select

OkCupid

Detail page where the user views and edits their own dating profile, including self-summary, personal details, and what they are looking for.

• Profile
• Edit

OkCupid

Activity feed where the user views recent profile updates, photo uploads, and public answers from other members.

• Social Feed
• Home

OkCupid

E-commerce