Discovery

User Research:

Conducted in-person interviews revealed that existing discounted meal apps are often slow and lack the ability to see how much money was saved in the order, impacting individuals managing tight budgets and schedules.

Pain Points Identified:

• Budget Tracking:
  Difficulty monitoring spending across different food vendors and grocery stores.
• Order Savings Summary:
  No easy way to see how much money was saved in the order.
• Local Discovery:
  Challenges in finding new budget-friendly restaurants that match dietary preferences.

Use Cases

Identified scenarios where users would benefit most from the app

• Time-Sensitive Deals:
  Users needing to quickly find and order discounted meals before deals expire.
• Budget Management:
  Users aiming to monitor and control their food spending effectively.
• Accessibility:
  Users with disabilities require a more accessible interface.
• Dietary Preferences:
  Users looking for affordable meal options that cater to specific dietary needs.

Design Requirements

To address the identified pain points, the design focused on:

Ideation

Concept Development

I had to engage in comprehensive ideation covering both the interface design and user onboarding strategy. I investigated various approaches and mapped potential user journeys before selecting the most practical implementation for the application. These wireframes were designed to optimize the meal ordering and purchasing process for customers who need to order their discounted meal fast.

Ideation

Solution

Fresh Save Solution

Fresh Save was designed to offer a seamless and efficient experience for users looking to find discounted meals. The solution included

• Locate:
  Users desire the ability to quickly locate vendors.
• Streamlined Ordering Process:
  A simplified checkout system ensures minimal friction from meal selection to purchase.
• Personalized Recommendations:
  The app suggests deals based on user preferences and past behavior.
• Vendor Discovery:
  Users can explore nearby budget-friendly restaurants and grocery stores with ease.

Usability Testing

Evaluating the Prototypes

I conducted usability tests to evaluate the effectiveness of my design solutions. Participants were asked to complete tasks using the Booka Flick app, and their interactions were observed and analyzed.

Key Findings:

• Order Transparency:
  Users need better tools to quickly find and connect with relevant vendors on the platform.
• Process:
  Streamlined ordering enhances satisfaction. Quick, easy purchases build loyalty and referrals.
• Money saver:
  Shoppers value the ability to see how much money was saved in their order, allowing them to track their discount benefits and understand the actual value received from their purchase.

Usability Tests

Usability Tests

Iterations

Implemented improvements based on usability research findings, such as:

• Order Savings Summary Feature:
  Clearly show how much money was saved in the order directly in the shopping cart for better value transparency.
• Streamlined Cart Addition:
  Enable customers to seamlessly add products to their shopping cart while remaining on the product detail page

Iterations

Iterations

Final Design

High-Fidelity Prototype

Maintained the user journey established in the low-fidelity version, incorporating enhancements based on usability testing feedback.

• Large Buttons with Proper Spacing:
  Large, well-spaced buttons to prevent accidental interactions
• Color Contrast for Better UI Hierarchy:
  Contrasting colors for buttons and text to enhance visibility and establish a clear visual hierarchy.