OkCupid design examples

Explore OkCupid UI design examples. The best dating site on earth

Product screens

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

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

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

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

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

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

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

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

Search results page where the user browses a grid of profile cards based on a natural language filter query.

Search results page where the user browses potential matches filtered by gender, age, and location, with an open inbox popover showing a new message.

App home screen where the user views a feed of recent activity and filters featured matches, with the account dropdown menu open.

Settings modal where the user chooses between temporarily disabling their account or permanently deleting it.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.