Project Overview
The product
Swipe Socials is all about ramping up mental health by reigniting forming healthy and strong friendship bonds. In this digital age where face-to-face hangs are often swapped for screens, I aim to encourage and promote need for meaningful IRL connections.
Motivated by the deep impact of mental health our youth struggles with today, I decided to design an app that encourages users to kickstart fun activities and heart-to-hearts with their existing friends.
Product Duration
This project was part of a university assessment, and was given the whole semester to complete from start to finish. I conducted user research, made user journey maps, prototypes, advertising videos and more.
problem statement
Post-COVID, digital communication has led to fewer in-person interactions, contributing to social isolation and mental health issues. With many teens preferring texting over meeting in person, there’s a clear need for a platform that encourages real-life connections and promotes mental well-being, something current apps don't fully address.
User journey map
The Swipe Socials user journey shows how the app transforms planning meetups. Before using it, users face delays and frustration with back-and-forth communication. With Swipe Socials, users get notifications, swipe through activity ideas, and quickly finalise plans, making connecting with friends easy and stress-free.
Starting The Design
paper wireframes
Sketching paper wireframes for my app was incredibly insightful. It guided me in defining the overall style I envisioned and clarifying the placement of key information. This hands-on approach allowed me to experiment freely and establish a solid foundation for the app’s design.
Digital wireframes
Next, I transitioned to digital wireframes, adding colour and refining the details. I also drew links to map out how buttons navigate between pages, bringing the app's structure to life.
low-fidelity prototype
After completing the wireframes, I advanced to creating low-fidelity prototypes in Figma, turning my sketches into functional designs. I connected basic buttons to simulate navigation, allowing me to explore the app's flow and user interactions. This step was invaluable in identifying areas that needed adjustments and ensuring the layout felt intuitive before moving on to higher-fidelity designs.
Refining The Design
mockups
Creating the mock-ups was the final step where everything came together. After user testing, I fine-tuned all the details, connected every page, and incorporated minor elements that enhanced the overall design. This phase solidified the app's flow and visual coherence, bringing the project to life. I also created some eye-catching photos using screenshots from the app, showcasing its features in a visually appealing way.
high-fidelity prototype
Finally, everything was complete! I finished and published my high-fidelity prototype on Figma, and I couldn’t be more proud of how it turned out. It’s a culmination of all the hard work, feedback, and iterations, and I’m excited to see it come to life.