Modern Matrimony SaaS Platform Design
Budget: $750 – $1,500 USD
We want the data density and comprehensive filtering of legacy platforms like Shaadi or Bharat Matrimony, but with a clean, modern, uncluttered SaaS-like aesthetic.
Key Screens to Design (Desktop & Mobile Breakpoints):
Progressive Onboarding: A multi-step profile creation flow with a clean progress indicator.
Faceted Search Dashboard (Critical): A complex desktop sidebar with multi-checkbox filters (Age, Height, Religion, etc.) that collapses smoothly into a mobile view.
Profile Card Grid: High-density search result cards displaying key metrics clearly without looking cramped.
Detailed Profile View: A full-page layout for an individual user, with sticky action buttons (Send Interest, Chat).
Required Deliverables (The Developer Handoff Package):
A Master UI Kit: A single page containing all Design Tokens (colors, typography scales, spacing grids) and Component States (buttons, inputs, hover/active states).
Figma Source Files: 100% Auto Layout, logically named layers, and a strict 12-column grid.
Interactive Prototype: Basic click-through mapping of the core user journey.
Export-Ready Assets: All custom icons and graphics prepared as clean SVGs.
Note: The final designs will be handed off to the developers to be built in React and Tailwind CSS. Therefore, your Figma files must be mathematically perfect, component-based, and utilize Tailwind's standard spacing and color semantics.
Key Screens to Design (Desktop & Mobile Breakpoints):
Progressive Onboarding: A multi-step profile creation flow with a clean progress indicator.
Faceted Search Dashboard (Critical): A complex desktop sidebar with multi-checkbox filters (Age, Height, Religion, etc.) that collapses smoothly into a mobile view.
Profile Card Grid: High-density search result cards displaying key metrics clearly without looking cramped.
Detailed Profile View: A full-page layout for an individual user, with sticky action buttons (Send Interest, Chat).
Required Deliverables (The Developer Handoff Package):
A Master UI Kit: A single page containing all Design Tokens (colors, typography scales, spacing grids) and Component States (buttons, inputs, hover/active states).
Figma Source Files: 100% Auto Layout, logically named layers, and a strict 12-column grid.
Interactive Prototype: Basic click-through mapping of the core user journey.
Export-Ready Assets: All custom icons and graphics prepared as clean SVGs.
Note: The final designs will be handed off to the developers to be built in React and Tailwind CSS. Therefore, your Figma files must be mathematically perfect, component-based, and utilize Tailwind's standard spacing and color semantics.
Related categories:
Website Design
UX / User Experience
UI / User Interface
Figma
Web Design
AI Mobile App Development