Snackpass Redesign

Overview:

My redesigned app's innovative features include quick group orders for school communities, a Food Mood option for speedy decisions, and a camera function to check real-time order status at your favorite spots. Redefining snack time for busy students. Welcome to the future of SnackPass!

Timeline: 2023.6 - 2023.9

Tool: Miro, Procreate, Figma

Skill: Stakeholder mapping, Interviews, Competitive analysis, Ideation, Information architecture, Low & High-fidelity prototyping

Personal project



How might we help busy college students
[increase their community-level engagement]
[onboard with fast and convenient discount accession process ( both existing users and new sign-ups) ]

so that they can save money & effort for decision making.

Design Question


Research

Stakeholder Map

Contextual Inquiry

Observation of user’s behavior

  • Unclear categorization hinders app navigation, complicating restaurant selection.

  • Inconvenient discount sharing requires users to switch to external chat apps.

  • 'Friend Need' page lacks helpful local advice due to stranger interactions.

  • Absence of recommendations, rankings, or comments poses challenges for users.

Competitor Analysis

Current User flow Diagram

I conducted interviews with 14 busy college students from various universities, tailoring 18 questions to extract specific insights into their preferences and challenges when using food apps. Each interview lasted one hour, and the findings were organized through affinity grouping to summarize the key insights.

User Interview

Key insights

  • Discounts, particularly user-friendly ones, are crucial (group orders, return incentives, events). Substantial 20-30% discounts influence restaurant choices.

  • During exams and finals, students prefer nearby restaurants with fast delivery, prioritizing convenience.

  • To enhance user engagement, implement flexible, location-independent social features and rewards.

  • College students often choose food delivery based on factors like anxiety, weather (e.g., heavy rain), academic schedules (e.g., final weeks, weekdays), and social occasions with friends.


Concept Development

User Journey Map

By employing affinity grouping and delving into the insights gleaned from prior research and meticulously crafted personas, I have discerned product opportunities and conclude design question:

Product Requirements

  • Transparent Discounts: Clearly display how discounts and redeemable vouchers can be used and accumulated, ensuring users fully understand and utilize the platform's promotional policies.

  • Efficient Pickup Experience: Improve order tracking and pickup notifications, providing accurate pickup times to reduce waiting time and enhance user satisfaction.

  • Personalized Recommendations: Foster an engaging social feed where users can share experiences, recommend restaurants, and connect with others in the community.

  • Social Interaction and Engagement: Utilize user data to offer personalized restaurant and menu recommendations based on personal information and taking into consideration busy college students and suggesting options near their school or along their route home for easy pickup.

I generated 20 creative ideas, conducted affinity grouping based on shared core values, aligned them with the main super pog and product requirements to assess importance, and then prioritized them accordingly.

Ideation

Finally, I identified three main features, created corresponding sketches, and organized design logic. My envisioned features can concluded as these three.


Mobile Prototype

Initiated with sketches to outline new design logic based on three features.

Subsequently, I created a new user journey map.

Information Architecture

Then, I developed a refined information architecture for upcoming low-fidelity wireframes.

Utilized information architecture and user flow diagrams to experiment with diverse design layouts.

Low-Fidelity Wireframes

  • Paper Sketching

  • Balsamiq Wireframes

  • Figma Sketching

  • Final Low-Fidelity Design

  • New Brand Color Palette

I redesigned the color palette, opting for yellow to create a warmer and more appetizing feel, aligning with psychological principles. Blue, the former color, is known for its calming effect, potentially suppressing appetite.


Final Design Solution

Feature 1: Group Order Via School Community

Feature 2: Food Mood

Feature 3: Food Scan