What is Hinge?
HINGE, DESIGNED TO BE DELETED
Hinge is a dating application that is designed to be deleted. Hinge is designed to focus on connecting and building a relationship. It is an application designed for people who want to get off dating apps, too.
Why redesign Hinge?
My goal was to redesign Hinge to correlate their mission statement, “Designed to be deleted” with their application design.Three main problems that I was able to identify with the current Hinge application: Lack of information hierarchy, lack of consistency, and lack of branded experience. As a visual designer, I saw an opportunity to redesign the Hinge application to expand and improve the user’s experience when dating online.The new design will provide liability, efficiency, personal, expressive, and branded experience for people to meet, chat, and date safely. It is a modernized online dating app that is “designed to be deleted.”
Keyword #1
Liability
Liability is one of the most important quality for a dating application. Without liability there is no way for a user to feel safe and trusted to find their mate.
To provide liability, I've provided an editorial layout for the users as it is referred to designing like newspapers, or magazines. The goal of this editorial design was to make it visually interesting and easy to read. It is cohesive and clear which will help the user feel secure while using the application. I've also provided not just the user’s first name but their full first and last name as well as a quick description of what they do and their location.
Keyword #2
Efficient
On the discovery page if you swipe right you’ll be able to quickly discover their age, height, ethnicity, and education background. Which are some of the most important factors when finding your mate. It is designed to be efficient for our power users as it can get quite time consuming to go through each and every profile to find their information.
Keyword #3
Personal
Game is an added feature to the chat and call functions. There are different types of games like jenga on this feature. This is where the user can build stronger personal connections with their mate. On every jenga block there are personal questions that allow each user to ask and answer to get to know each other better. Through game function the user can build a stronger connection.
There are other added features throughout the application that makes it more personal to the users. Like the MBTI component on their profile page. Users have the ability to customize their profile page to make it unique and different. There are many ways to express themselves through the application which can be something personal to the user.
Keyword #4
Expressive
When creating your profile the user has the ability to design their own page from our curated templates. The users are provided an editorial layout to start and design in accordance with the application. Users are given flexibility and variation to allow themselves to be expressive.
Keyword #5
Branded
Throughout the application there are broad range of designs that establish a deeper emotional connection with the brand affinity. This notification card is a celebratory interaction between the user and the brand. These moments are what will give the users an exciting experience with the brand through these small interactions. As a result, the users will feel emotionally attached to the brand which then can build a better emotional connection with the brand and the user.
The pattern design that is used on the card is what is used throughout the application for a more branded experience. The organic line comes from the Hinge logo design: the squiggly H line. Which is where all of the organic shapes and forms were inspired by.The color is chosen by the users choice to allow the user to express themselves freely that are unique to each user. There are also more brand assets given to the users for each user's preferences to style their card however they want.
Highlight #1
Editorial Layout
Users are provided an editorial layout to create their profile. It is a modular system where users are to drag- and drop components to create and modify their page. User can customize the design that best fits their personal style.
Highlight #2
Branded Moment
When designing each component the users are given brand assets and colors to create and modify each component on their page. The use of the organic shapes and lines are what is used through the application for more branded moments. Users can customize each component with the brand assets to express themselves freely.
Highlight #3
Expressive Brand
The Likes you notification component is designed by each user. Brand assets and colors are given to the user to be expressive on a more personal level.
The Redesigned App:
Meet the new Hinge
Meet the new Hinge
On-Boarding
First impressions are very important. Using the brand color: purple as the background and the lines that are created by the squiggly H line, I've created an ambient animation on- boarding experience. It is designed to welcome everybody in a more exciting and branded way. I've provided a smooth and seamless onboarding experience that will guide the user throughout the process.
During onboarding, a user sets up their profile and gets acquainted with the app’s key features.
Home Screen
Discovery Page
In the discovery page the user has the option to either upload a video or a photo that best describes themselves. It’s like the cover of a book. It’s a place for first impressions with a quick introduction that briefly talks about who they are.
You can easily explore people at one scroll at a time.
Chat & Video Call
Start Connecting
Instead of just doing a phone call or getting yourself into this awkward video call with someone that you’ve just met online, you can now call with Meet. Meet is an added feature to the chat and call functions. It can get pretty uncomfortable talking to someone that you just met online. Especially a video call. Through meet function you can start a voice call with your customized avatar to help set a more comfortable setting.
There are other added features like the game function: where the users can play games together online through this dating application and get to know each other better.
Likes Page
Find your match
Did you notice that these cards are the same notification cards that pop up on your screen when someone has liked you? This is a page where it collects all of your notifications of people that have liked your profile. The cards are in the same design format for consistency. Because with consistency it will lead to less confusion in interaction.
The card provides a very brief description of who they are. You can either tap on their name to explore their page or simply click X if you are not interested. The colors for each card are chosen by the user’s choice so that each user can freely express themselves in colors.
User Profile
Create Profile
The user has the ability to preview their profiles and design their own page from our curated pages to start building their profile. First you will be asked to fill out a few of the important components which includes your name, email address, and other basic information.
Then each user has the ability to customize their profile page for each user to be unique and different on their own. Users are provided an editorial layout and the user can design in accordance with the application.
