The Product
Dat'n is a dating application designed around a single conviction: people should not have to wonder whether the person they are talking to is real. The platform allows users to create detailed profiles, browse nearby and popular matches, communicate through in-app messaging, and arrange to meet, all within an environment where every account has been verified against a real identity.
The Problem
Dating apps have a trust problem. Most platforms take one of two approaches to account security: they either leave access wide open, or they layer on surface-level safeguards like IP tracking and phone number verification that are easy to bypass. The result is an ecosystem where fake profiles, catfishing, and spam accounts are accepted as an unavoidable cost of the experience.
The primary challenge for this project was designing a system capable of identifying and filtering out fraudulent accounts during setup, before they ever reach another user's feed.
The Goal
The product needed to achieve five things: make sign-up effortless, catch fake accounts at the point of creation, remove the burden of filtering spam from the user's experience, keep every interaction intuitive and flexible, and give users full transparency about the person they are engaging with. The aim was not to add friction for the sake of security, but to build verification into the experience so naturally that it became a feature rather than a barrier.
The Solution
Most dating platforms treat verification as an afterthought, something bolted on after account creation. Dat'n inverts that logic. The onboarding flow was designed to collect all required profile information upfront, including identity verification, so that once a user reaches the main experience, every feature is available to them without interruption.
The verification system itself goes beyond the usual methods. Each user is required to submit a government-issued identity document: a passport, driver's licence, or national ID card. For cases where document verification cannot be completed immediately, a live selfie or video verification serves as an alternative pathway.
This front-loaded approach also serves a design purpose. By gathering detailed personal information, interests, lifestyle preferences, and photos during onboarding rather than piecemeal over time, the app can surface richer, more complete profiles from the moment a user enters the platform. Better profiles lead to better matches, which lead to better conversations.
User Flow
A user flow was mapped to define every path through the application: from launch and onboarding, through sign-up and login, to the dashboard where users can browse nearby and popular profiles, view individual profiles, exchange messages, block users, edit their own profile, manage settings, and log out.
Low-Fidelity Exploration
Exploration started on paper, with rough sketches establishing the structure and hierarchy for splash screens, sign-up flows, verification screens, the main dashboard, and profile views. These were then translated into digital wireframes that tested layout, spacing, and interaction patterns before any visual design was applied.
Colour & Typography
Ochre yellow (#F7AA1C) leads the identity as the primary colour, bringing warmth, energy, and a sense of optimism. A dark shade of red (#941A0B) and deep green (#153807) serve as secondary accents. Ragasta was selected as the display typeface, bringing a refined, editorial quality to headlines. Open Sans handles body text and form labels, providing clarity and neutrality.
Splash & Onboarding
The onboarding was kept deliberately minimal. The splash screen presents the Dat'n wordmark cleanly, then transitions to a sign-up screen that offers four entry points: email, Facebook, Google, and Apple ID. The design acknowledges that most users want to get into the app as quickly as possible.
Registration & Profile Setup
The sign-up flow captures essentials first: name, email, and password. From there, users move into profile setup, where they provide details about themselves: gender, date of birth, body type, sexual preference, education, occupation, interests, height, ethnicity, and lifestyle preferences. This information is gathered across a series of focused screens, each with a clear progress indicator.
Identity Verification
After profile setup, users are prompted to verify their identity. The screen is straightforward: upload a recent photo and a recognised means of identification. The language is direct and reassuring: "Verify you are real." Users who complete verification receive a badge on their profile, visible to everyone they interact with.
Dashboard & Discovery
The main dashboard is split into two tabs: Nearby Users and Popular. A "Recently Online" row at the top surfaces active profiles, while the grid below displays matches based on location. Tapping a profile opens a full-view card showing the user's photo, age, location, occupation, education, bio, and interests as tag chips. A verification badge confirms their identity at a glance.
Messaging
The messaging interface is clean and familiar. A featured list highlights profiles that have expressed interest, while the main message list shows active conversations with preview text and timestamps. Individual chat screens support text, emoji, and media sharing. The design avoids clutter, letting the conversation itself take centre stage.
Settings
The settings screen provides access to block lists, language preferences, distance settings, and notification controls. A log out option and account deletion link are positioned clearly, giving users full control over their presence on the platform.
The Outcome
Dat'n is a dating app that treats trust as a design problem, not a moderation problem. By building identity verification into the core onboarding flow rather than treating it as optional or retroactive, the platform ensures that every profile a user encounters belongs to a real person. The front-loaded profile setup means richer matches from the start. The warm, editorial visual language sets a tone that feels elevated without being exclusive. And the simple, focused navigation keeps the experience about what it should be about: meeting someone real.
View Prototype →