Swipex

We have faced a challenge to tailor a solution for a very emotional digital experience – a dating app design that helps people connect with each other.

Hero background

Wireframes

A detailed analysis of the market and core UX problems arising in similar mobile applications has allowed us to create a digital product with a perfect market-fit.
Swipex 2 Swipex 3

Style guide

Here we present a concept and stylistic solutions for an app user interface. Our goal has been to create a prominent digital experience with a particular aesthetic appeal for users.

Font

Aa

Helvetica Neue by Google Fonts

Colors

Purple #4E50B8
Orange #F0916E
Gray #414464

Icon Set

We've designed a minimalist icon design that corresponds to a general style and intends to accomplish informative and navigational functions.

Swipex 4 Swipex 5 Swipex 6 Swipex 7 Swipex 8 Swipex 9
Swipex 10 Swipex 11
Swipex 12 Swipex 13 Swipex 14
Swipex 15

Screens

UI Design

This screen is a starting point for an immersive mobile app user experience. It displays the user's photo and personal information. You can also see photos of other recommended contacts at the top of a user interface.

User page

This screen provides more information about the user. Find here a place where you have met the last time, connect on social networks, and much more.

You can contact a user only after he or she accepts your request. If your request is rejected you will get a notification.

Swipex 16 Position with scrolling
Swipex 17
Swipex 18

People nearby

Swipex is a location-based mobile app that enables users to connect with people who are nearby on the go.

What are your interests?

Swipex 19 Swipex 20 Swipex 21 Swipex 22 Swipex 23 Swipex 24

Search filters

Swipex allows you to apply custom filters, such as interests, age, or gender, and access only the most relevant user profiles. You can also search only for people who are nearby by switching to the map mode.

Indicate the age period Swipex 25 Swipex 26
Swipex 27
Swipex 28
Swipex 29
Swipex 30 Swipex 31
Swipex 32

Messages

You can connect, chat, make calls, assign meetings, and even make gifts - all in one convenient messenger provided in Swipex. Keep in mind that you can message a user only after he or she accepted your request.

Swipex 33
pic
Swipex 34
Swipex 35 Swipex 36 Swipex 37

Other Screens

At each stage of the UI design process, we have fine-tuned and tweaked out all inconsistencies and created nearly 50 screens for a mobile app and 20 screens for a desktop version.

Swipex 38

Dashboard

We've created a web design that corresponds to the overall style of a mobile version.

Main page

Swipex 39

Chat page

Swipex 40