#

Swipex

The challenge to tailor a solution for the very emotional experience -
a dating app design that helps people connect

Wireframes

We conducted detailed market research and analyzed the UX problems which appeared in similar mobile applications.

Style guide

Here you can find the conception and stylistic decisions for a user interface design (UI) of this application. We tried to create an efficient and bright design of the interface which would have high aesthetic representation but at the same time would not confuse any user

Font

Aa

Helvetica Neue by Google Fonts

Colors

Purple #4E50B8

Orange #F0916E

Gray #414464

Icon Set

We created a minimalist and strict icon design that corresponds with the general style and intends to accomplish informative and navigational functions.

Screens

UI Design

This screen is the starting point of the mobile application. It showcases the user’s photo and information. At the top of the mobile app, you can see suggested user’s profiles you can connect with in the future.

User page

This screen provides more information about the user. Here you can find out where you met the last time, access 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.

Position with scrolling

People nearby

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

What are your interests?

Search filters

You will be able to see lots of profiles based on the selected interests, age, gender, and other custom filters. When you switch to a map mode the app starts searching only for people who are nearby.

Indicate the age period

Messages

We created a messenger that allows chatting, calls, making gifts and assigning the meetings. You can message a user only after he or she accepted your request.

pic

Other Screens

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

Dashboard

We tried to make a desktop design as close to a mobile app version as possible.

Main page

Chat page

Case Studies
Let’s make something amazing together
0%