top of page
HEART2HEART APP

Design a Unique Online Dating Experience That Prioritizes Personality Over Profile Pics

Overview

I partnered with a startup to create the design system, wireframes, and high-fidelity mockups for a new dating platform that centers around voice-based connections. The product aims to shift the online dating experience away from image-first interactions and toward more authentic, personality-driven connections.

Goals

  • Develop a modern, flexible design system to support web and mobile platforms

  • Design an intuitive UX that guides users through a new voice-first dating experience

  • Create polished, scalable high-fidelity mocks to prepare for development and fundraising

  • Support developer handoff with documentation and collaborative reviews

Collaborators

  • Founders / Product Stakeholders

  • Lead Developer

  • Marketing Strategist (for Kickstarter prep)

My Role

As the sole product designer, I led the creation of the design system, UX wireframing, high-fidelity UI, and developer handoff process, shaping the product vision from early concepts to clickable prototypes.

Timeline

  • Initial design phase: 8 weeks

  • Kickstarter campaign and beta build currently in progress

  • Launch of a lead generation site at end of 2024

H2h mocks-min.png

The Challenge

Business Need

  • Introduce a fresh take on dating that builds real connection through voice and personality, not just visuals

  • Prepare a professional, investor-ready design system and prototype to support Kickstarter funding efforts

​

User Need

  • Users want an alternative to swipe-heavy, image-first dating apps

  • They need an experience that feels trustworthy, low-pressure, and personality-forward

Problem to Solve

How might we design a dating experience that feels inviting, intuitive, and emotionally resonant—without relying on traditional photo-based profiles?

Design & Execution

  • Worked closely with stakeholders to define the brand’s visual identity, including color palette, typography, imagery, and reusable UI patterns

  • Built a scalable Figma design system to support both mobile and web app views

  • Ensured accessibility, warmth, and emotional tone were reflected in the visual direction

UX Wireframes

  • Translated product requirements into wireframes for both the mobile app and responsive website (covering viewports from 1920px to 320px)

  • Prioritized usability and clarity for onboarding, profile setup, and voice messaging features

  • Conducted multiple rounds of iteration and received full stakeholder approval

UI Design

  • Skinned wireframes using the design system, refining UI for real-world scenarios and user flows

  • Added interaction cues, voice activity visuals, and personalized touches to create a rich, human experience

Development Handoff & Collaboration

  • Met with the lead developer to walk through the Figma files, component documentation, and design intent

  • Clarified animation behavior, component states, and responsive layouts

  • Ensured the handoff was structured and actionable for an efficient build phase

Dark & Light Mode

Colors 3.jpg
Ligh Dark Mode.jpg

Homepage

H2H mocks (1).png

Final Design Highlights

Visual Design & Branding

  • A soft, approachable visual identity that supports meaningful voice-based connections

  • Consistent design system built for rapid iteration and growth

  • Clean, intuitive flows for profile creation, browsing, and voice messaging

Results

  • All UX and UI work has been approved and implemented into the current prototype

  • The product team is currently running a Kickstarter campaign to secure funding and community support

  • The startup aims to launch the beta by late 2024, with planned membership tiers and live events to build momentum

  • While I am no longer involved day-to-day, my design system continues to guide the product’s visual and functional development

bottom of page