Out-Dated
safe dating made easy
UI/UX design, Animation, HTML/CSS, JavaScript
Timeline: One Month
Deliverables:
Strategy, User Research, Persona, Competitor Analysis, Style Guide, Priority matrix, Information Architecture, User flows, wireframes, Design System, Lo-Fi and High fidelity UI, Prototypes, Final specs
Art Direction and My Roll
Out-Dated is a contemporary project, to design an app with Special Safe Dating features for people who are looking for ideal matchmaking. It enables people to find their best match through trustworthy path and premium safety dating features.
I primarily worked as the UX/UI designer and front-end coder for this project. I helped create a culture that fosters fun, learning, creativity, and relentless focus on building a great product and concept collectively.
This enhanced my viable path of working on eyecatching UI design and Coding together.
Logo Design
Problem
People have had wonderful success stories and met their life partners through dating apps. But that also comes with the understanding that there are also bad actors who are going to use these apps in various ways to perpetrate crimes. Amount of users using these apps have often very few safety measures. So how might we overcome the goal of Out-Dated to make it safer by implementing features for our users not to feel unsafe on a date..?
Research
When reflecting on our survey data, we realized we needed an app that would provide users with a creative way to make their dates safe, while also giving them a simple yet visually engaging system, that would allow them to communicate with friends or family throughout the process.
Ideation
I LIKE
I LOVE
-
When apps have precautions/safety tips
-
Sharing my location in case of emergencies
-
There was an easier way to alert our safety networks when something happens
-
-
There was a feature to use voice memos to pretend someone was calling you to get out of a situation
WHAT IF
-
There was a button to that could help you easily get out of a situation
-
You could share your date’s info with your trusted circle easier
User Persona
Prioritizing Features
Once wireframes were created, discussed, and tested, We created high-fidelity mocks and built a Figma prototype. We conducted 5-7 user tests to test this prototype and get an idea about the iterations we need to do.
-
Buttons to get out of an unsafe situation and uncomfortable ones
-
Ability to share date’s information with trusted safety network
-
Use voice memos to get out of a sticky situation
-
Tips and resources for safe dating
User Flow
Experience Planning
Lo-Fi wireframe testing. We conducted 5-7 user tests to test this prototype and get an idea about the iterations we need to do.
UI Style Guide
According to our research on color psychology to provide security and safety to our users we selected subtle color palette of Green Gradient, Pink, and grey color tones.
Iterations and Final Hi-Fi Wireframes
We went through two phases of guerilla testing. During guerilla testing, users loved the ''Get Me Out'' (GMO) feature, but were confused about why the GMO feature doesn't work properly with sounds. We then revised and made the GMO recordings easily understandable to the users.
Link to Figma File:
How It Works
Next Steps
In further developments, we are planning to add a few more steps of " Sync Out-Dated to most popular dating apps, Allow customization voice memos and automated GMO texts, Offering premium features for a price such as background checks, and also Partner with businesses that strive to create safe and fun spaces for potential dates (e.g. bars that honor the “angel shot” ), to make Out Dated more outstanding among our competitors and most favorite app among our users.
Thank you for taking the time to view my work.