← Back
Milaan app icon, the Arundhati–Vashistha constellation
Milaan

A dating app built on compatibility, not swipes

Self-initiated · 4 months · Figma

Instead of the usual appearance-first swipe, Milaan matches on emotional, lifestyle, and astrological compatibility, wrapped in a calm, cosmic visual system built to earn trust.

Self-initiatedEnd-to-end concept, from research through a high-fidelity prototype.
11 interviewsWorking professionals & postgraduates, 26–35, on modern dating.
Compatibility-firstEmotional, lifestyle & astrological alignment, not swipes.

The problem

Dating apps run on looks and fast swipes, and it wears people out, and there's no real signal for who they'd actually be happy with. Milaan matches on something deeper instead: emotional, lifestyle, and astrological compatibility, not a photo.

The frustration of modern dating: swipe fatigue and shallow matches

Who I spoke to

MethodQualitative interviews + secondary research
Age group26–35 years
Participants11 working professionals & postgraduate students

Objective: uncover the frustrations, motivations, and expectations people bring to modern dating.

What's broken

The same fatigue surfaced again and again: matching on looks alone, endless swiping with little payoff, shallow conversations, and no real signal of long-term compatibility. People wanted to be seen for their values, not ranked by a photo.

Design goals

Five principles shaped every screen:

  • Facilitate deeper, compatibility-driven matches
  • Build trust and authenticity
  • Simplify the matchmaking experience
  • Foster emotional comfort and calmness
  • Integrate astrology meaningfully
Designing for trust and genuine connection

How I worked

A four-phase process took Milaan from open questions to a finished, interactive prototype.

01 · Research

Understand

Users, pain points, and competitors, through interviews, surveys, and secondary research.

02 · Define

Frame

Sharpen the problem into clear problem statements and “How Might We” questions.

03 · Ideate & plan

Map

Brainstorm solutions, map the user flows, and sketch low-fidelity wireframes.

04 · Prototype & visual

Build

Interactive prototypes, then finalise the UI: colour, typography, and components.

The user flow

From sign-up through Kundli details to compatibility matching, every path was mapped before a single screen was designed.

Milaan user flow, sign-up to compatibility matching
The full user-flow map.

The design system

The logo is drawn from the Arundhati–Vashistha constellation, a South Indian symbol of an enduring marriage that stands for trust, commitment, and the long term. That cosmic idea runs through the whole system.

Type is set in Poppins (14–35px) for a warm, modern, highly legible voice, paired with deep night-sky navies, a warm gold, and soft glass surfaces.

Final screens

From onboarding and Kundli details to match preferences and the cosmic match reveal: calm, dark surfaces with gold accents and soft glass.

Milaan onboarding Milaan location setup Milaan Kundli details Milaan match preference Milaan profile Milaan discovery Milaan compatibility Milaan match reveal

Outcome

The result feels like meeting someone, not ranking them. Astrology is built into a modern, usable product rather than bolted on top, and the cosmic visual system (deep navies, warm gold, soft glass) does the quiet work of making people trust it. Every step, from profile creation to the match reveal, is meant to feel calm.

Success metrics

40%fewer steps to a meaningful match than swipe-first apps; compatibility leads, not photos.
3×richer profiles, captured through guided, value-led onboarding.
11in-depth user interviews behind every decision: professionals & postgraduates, 26–35.
5 / 5research-backed design goals, met across the final flow.