Shaping a dating app

Mango X
2022
Vancouver, Canada
Product Design

Overview

A dating app for people who want to date seriously.

‍

Problem: How to differentiate yourself from the dating app market that is already saturated?

Relationship apps aimed at specific niches; for types of genres, name one and you'll see it already exists, thus making it somewhat challenging to enter the market. Why join the market, then? We believe in love. And in 2022, it is more common to look for someone online than before.

‍

Design Process

Research: I started an interview with the stakeholder to understand his product objectives and needs for the dating app; We ran a survey with an audience of all genders between 25 and 34 years old because we thought of an audience that would be young and at the same time already in the job market. And a selected audience that was heavy dating app users;

‍

We saw three significant problems:

- Too many matches: People who get too many matches also get frustrated and get lost in conversations. Ghostings are frequent, and chatting ends up being superficial or non-existent.


- Scammers, fake profiles or inappropriate users: How to make the app safer, especially for women?


- All dating apps feel the same: After the invention of the swipe, virtually all dating apps feel the same.

‍

Competitive analysis

After that, we did a competitive analysis using our company versus the dating apps that the users mostly use. We documented the value proposition, advantages and disadvantages of each product.

‍

Site map

From the research, we created a User Story to refine resources and made a site map to organize the content.

‍

Wireframe

After the organization content I started doing Wireframe and prototype to understand about the flow; Unfortunately duo to contraints, we weren't able to do user testing, but we ended up validating internally.

‍

UI

‍

Animation example

‍

Once the flow is validated, it's time for the UI, where we start creating the product identity.
As much as, in the end, the dating app had the same purpose as the others, we wanted to gain users' trust and be in the market. We ended up opting for something a little different, like a drag and drop when the user wanted to talk to someone and have a limit of people in their conversations.
Another thing that we ended up putting is that straight Cis women have the power to rate the profile of straight Cis men before they can enter the app. It could be something that could avoid fake profiles or even someone who logs in to send appropriate messages.

‍

Handoff

And finally, I handed the handoff to the engineers, creating design tokens for colours, fonts, shadows, component sizes and borders, etc. You can read about the handoff of the Design System here.

‍

‍

‍

Feedback and Results

The stakeholder was extremely satisfied with the final result, but unfortunately, the product did not go live, and we could not get user feedback.

‍

NEXT

Trading App

Quantick
2020
UX/UI
See Full Project

A mobile application that allows investors to follow the market in real time, manage their investments and operate quickly, easily and securely.