Coffee Ordering Mobile Application

    • Product: A coffee ordering app designed to connect users with locally sourced cafes while supporting small businesses. It aims to streamline ordering by providing detailed shop information, estimated pick-up times, and features tailored to user needs.

    • Timeline: September 2023 - February 2024

    • Goal: To address user frustrations commonly experienced with coffee apps and create a seamless, efficient ordering experience for users, including features like rewards integration, Apple Pay, and nutritional transparency.

    • User Research:

      • Conducted surveys and moderated usability studies to understand pain points.

      • Key insights revealed frustrations with unclear rewards systems, missing payment options like Apple Pay, and the absence of nutritional information for items.

      • Studied user journeys to identify barriers, such as difficulty finding coffee shops or navigating app features.

    • Design Process:

      • Wireframes & Prototyping: Created digital wireframes and low-fidelity prototypes to address identified pain points, focusing on navigation, clarity of features, and user flow efficiency.

      • Testing: Conducted usability tests to evaluate wireframes, leading to iterative improvements. For example, simplified the homepage layout, added a dedicated search tab, and clarified the rewards system with visual aids.

      • High-Fidelity Prototype: Enhanced the design with visual refinements, including a clean layout, high-contrast colors, and streamlined navigation. Introduced customizations, calorie calculators, and special instructions to address user-specific needs.

    • Accessibility Considerations:

      • Implemented language settings for multilingual users.

      • Added an audio search feature for users with typing challenges.

      • Designed with high-contrast colors and simple layouts to improve content visibility.

    • User Experience Enhancements:

      • Simplified navigation by relocating the search feature to its own tab and improving visibility for rewards and nutritional information.

      • Introduced user-friendly notifications, like an “Added to Cart” pop-up, to guide users through their journey seamlessly.

      • Integrated new features, including Apple Pay, to streamline the checkout process.

    • Outcomes:

      • Improved usability through iterative testing and design refinements.

      • Addressed user frustrations, ensuring an efficient and enjoyable coffee-ordering experience.

      • Elevated user satisfaction by aligning features with user needs and expectations.

  • 1. User research is critical to uncover pain points and guide design decisions.

    2. Iterative testing and redesign are essential to address usability challenges effectively.

    3. Prioritizing accessibility ensures inclusivity and broadens the app’s appeal.

Interact with the final prototype yourself!

  1. Locate Monet’s Cafe: Use the search or browse feature or check featured options in the home page to find Monet’s Cafe.

  2. Customize the Order: Select a Hot Vanilla Latte with whole milk and add 3 shots of vanilla syrup.

  3. Apply Rewards: Use the $1 off reward during checkout.

  4. Use Apple Pay: Select Apple Pay as the payment method and confirm.

Test each step for usability, clarity, and ease of navigation!