Supper
A mobile app that aims to bring people together through the joy of eating.
Mobile Application Concept
Supper aims to increase a user’s social network through dining experiences. The application creates a framework for how their users are to take their connection from the digital realm to the physical one. Supper cultivates friendships through individual and group connection, while providing users with suggestions on nearby restaurants to connect in person.
TIMELINE: 10 weeks
SOFTWARE: Figma
-
Social apps such as Tinder, Hinge, and Bumble are designed for connection, though they largely revolve around cultivating romantic relationships while ignoring platonic ones. Additionally, there is a lack of framework for users on social apps are to bridge physical & digital realms.
-
Personalized Recommendations
Single & Group Connection
Chat/Messaging
Social Integration
In-App Reservation
-
Recent Grads
Young Professionals
Process
2. Determine Aesthetic & Functional Components
Mission: To bring people together through the joy of eating.
Tone: Fun, inviting, laid-back
Features:
User Profiles
Discovery
Personalized Recommendations
Single & Group Connection
Chat/Messaging
Social Integration
Along with this I developed personas for my target audience.
4. Mid-Fi Wireframes
I continued with the design process by creating mid-fi wireframes. My goal with creating these was to bridge my abstract ideas into a more refined, and functional design within Figma.
Research
To understand what users love and hate about Supper’s closest competitors, I analyzed Meetup and Bumble BFF.
Pain Points
Paywall
Limited Groups
No In-App Event Booking
Citations:
Meetup App Review [2023]: A legit event meetup app? FlightDeck. (2022, July 7). Retrieved April 10, 2023, from https://www.pilotplans.com/blog/meet-up-review#:~:text=courtesy%20of%20Meetup-,Is%20Meetup%20worth%20it%3F,safe%20and%20fun%20to%20use.
Garrett, T. (2021, January 8). Bumble BFF: A case study in building friend-ships. Medium. Retrieved April 10, 2023, from https://tcgdesign.medium.com/bumble-bff-a-case-study-in-building-friendships-b98b6e1c8328
3. Low Fidelity Wireframes
I began the design process by creating hand drawn wireframes to determine flow of the application.
5. High Fidelity Wireframes
The final component was to combine all of my previous steps to a polished, functional mockup.
