UI UX Case Study Template Free Presentation For Behance by Amr Abd Elhady

BOWLVANA
Mobile App UI UX Design

Design Process 01 Discover Phase 02 Define Phase 03 Ideat Phase 04 Design Phase 05 Test Phase Design System Persona User Flow Wireframe Usability Testing User Interviews Empathy Map Card Sorting Visual Design User Research Journey Map Information Architecture Competitive Analysis

The Bowlvana mobile app is a UX/UI design project that reimagines the healthy eating experience, offering users an intuitive way to customize, order, and track their perfect bowls. Designed with a user-centric approach, the app combines functionality, aesthetics, and accessibility to deliver a seamless digital journey.

Health-conscious individuals and busy professionals often struggle to find a convenient, customizable, and transparent way to order meals that align with their dietary preferences and busy schedules. Existing food delivery apps frequently lack streamlined customization options, clear nutritional information, and engaging user experiences, leaving users feeling frustrated and underserved.

Users want simple customization with real-time previews.
Clear nutrition details build trust.
Quick ordering options save time for busy users.
Real-time delivery tracking reduces anxiety.
Loyalty rewards and personalization boost engagement.
Clean, modern design enhances usability and trust.

The usability test highlighted several areas where Bowlvana excels, such as its appealing design and intuitive customization features. However, improvements in navigation, information overload, and checkout speed are necessary to enhance the user experience. 1. Define Stage: Simplify Discovery
Make it easier for users to find relevant options quickly.
Suggestions:

Smart Filters: Place dietary preferences, price range, and meal types (e.g., breakfast, lunch) directly on the home screen for quick access.
Personalized Recommendations: Use AI to recommend dishes based on the user's previous orders or browsing history.
Interactive Onboarding: Include a one-time guided walkthrough for new users to teach them how to filter options.
Search Auto-Complete: Add predictive text and suggest popular dishes or categories as users type in the search bar.

2. Compare Stage: Reduce Information Overload
Help users focus on what matters when evaluating options.
Suggestions:

Simplified Comparison Metrics: Show key metrics like price, calories, and reviews upfront. Use collapsible sections for additional details.
Highlight Best Choices: Add labels like “Best Seller,” “Chef’s Favorite,” or “Highest Rated” to guide decision-making.
Side-by-Side Comparison: Allow users to compare 2–3 items visually in a dedicated screen.
Visual Cues: Use icons or color-coded tags for specific features (e.g., gluten-free, spicy, vegan).

3. Negotiate Stage: Streamline Customization
Ensure that users can easily tailor their orders without confusion.
Suggestions:

Dynamic Pricing Feedback: Show price adjustments instantly as users add or remove ingredients.
Customization Defaults: Pre-select the most common or recommended options to save time.
Intuitive Interface: Use sliders or dropdown menus for customization (e.g., spice level, portion size).
Upselling Features: Suggest relevant extras like drinks or desserts, but do so subtly to avoid being intrusive.

4. Select Stage: Enhance Checkout Experience
Make the final step seamless and reassuring.
Suggestions:

Quick Checkout for Returning Users: Offer one-tap checkout with saved payment and address details.
Payment Method Diversity: Include more options, like digital wallets (Apple Pay, Google Pay) and BNPL (Buy Now, Pay Later).
Progress Indicator: Add a progress bar to show how many steps remain in the checkout process.
Clear Confirmation Screen: Provide an order summary, delivery time estimate, and tracking options immediately after payment.

5. General Improvements
Enhance the overall user experience by addressing common frustrations.
Suggestions:

Performance Optimization:
Reduce loading times for the menu and payment screens.
Preload frequently accessed assets, such as images of popular dishes.
Dark Mode Support: Add a dark mode option for better usability in low-light environments.
Accessibility Features: Ensure screen reader compatibility, adjustable font sizes, and high-contrast color options for visually impaired users.
Gamified Loyalty Program: Introduce points or rewards for frequent orders, referrals, or milestones (e.g., “Order 5 meals and get 1 free!”).
Contextual Help: Add tooltips or microcopy to clarify less obvious features (e.g., “Tap here to compare dishes”).

6. Post-Order Experience
Keep users engaged even after they’ve placed an order.
Suggestions:

Real-Time Tracking: Provide live order updates with delivery stages (e.g., preparing, out for delivery).
Feedback Prompt: Ask for reviews or ratings post-delivery with a simple thumbs-up/thumbs-down interface.
Save for Reorder: Allow users to save customized meals for quick reordering in the future.
Engaging Notifications: Send push notifications for personalized offers, loyalty rewards, or seasonal dishes.

Prioritization of Suggestions

High Priority: Smart filters, simplified comparisons, dynamic pricing updates, quick checkout.
Medium Priority: Gamified loyalty program, dark mode, post-order engagement.
Low Priority: Accessibility features (if app usage metrics suggest low adoption by users requiring them).

Speed and Convenience: Users want a quick, efficient ordering process with minimal steps.
Nutritional Transparency: 65% prioritize clear nutritional info, including calories and ingredients.
Customization: 40% are frustrated by limited customization options in current apps.
Pre-Made Options: Busy users prefer ready-made bowls for convenience.
Real-Time Tracking: 75% value tracking their order in real-time.
Loyalty Programs: 80% are interested in rewards or discounts for repeat use.
Aesthetic Design: Clean, modern design builds trust and improves experience.

Bowlvana aims to solve this by providing an intuitive mobile platform that empowers users to effortlessly create and order their ideal bowls, access detailed nutritional insights, and track their delivery in real time. Through thoughtful design and user-centric features, Bowlvana seeks to bridge the gap between convenience and health-focused dining.

About Project Overview Problem Statement Competitive Analysis Personas Empathy Map Journey Map User Flow Card Sorting Information Architecture High Fidelity Wireframes TYPOGRAPHY COLORS Illustrations Key Insights Derived From The Servey

Key Insights Derived From The Interviews

Solution

01 Discover

02 Define

03 Ideate

04 Design

05 Test

Timeline Tools Screens Project 10+ Android/IOS 4 Weeks

Can you describe your ideal food ordering experience? Speed and Convenience Customization and Transparency 23% 77%

What features do you wish existed in a meal customization app? Real-time Preview Dietary Filters and Quick Reorder 27% 73%

Incentive MOTIVATIONS Growth Judging Perceiving Thinking Feeling sensing intuition Introvert Extrovert PERSONALITY PAIN POINTS

Maintain a healthy diet

Lack of Nutritional Transparency

Track calorie intake

Complex Customization Processes

Eat clean

Nutrient-dense meal diet

Unclear Ingredient Sourcing Limited Healthy Options

GOALS ABOUT

Helen is a 28-year-old nutritionist who is passionate about maintaining a balanced and healthy lifestyle. She’s always on the lookout for ways to incorporate clean, nutrient-dense foods into her diet without compromising on taste or convenience. Helen values transparency when it comes to food, so she insists on knowing exactly what’s in her meals. She prefers to customize her bowls to meet her specific nutritional goals, including tracking calories, macros, and vitamins. For her, food isn't just about taste—it's about fueling her body with the right nutrients to feel her best.

Helen Preferred Channels Whatsapp Youtube Instagram Faceebook Age Status Location Work 28 Nutritionist Married , 2 Kids London, UK Fear Power Self-Control Hard-Working Leadership Positive

Sweetgreen Customization Nutritional Transparency Speed and Convenience Loyalty and Rewards Aesthetic Design Chipotle Uber Eats

I need to know exactly what's in my food.

I want to be able to track my nutrition with ease.

Meal customization should be simple, not a hassle.

Tracks calories and macros using other apps or websites.

Uses food delivery apps regularly to order meals that fit her health goals.

Confident when using apps that offer easy-to-read nutritional labels and healthy choices.

Overwhelmed by complicated or lengthy meal customization processes.

Relieved when she finds an app that fits her dietary needs and is easy to use.

It's hard to trust apps that don’t show where the ingredients come from.

I wish there was an app that gave me full control over my food and nutritional details.

Gather Contextual Input Use simple prompts like “What are you in the mood for?” or “Do you have any dietary restrictions?”

Transparency Ensure users can easily access details like portion sizes, nutrition, and additional costs.

Showcase Key Differentiators Highlight price, reviews, delivery time, or unique features (e.g., organic ingredients).

SELECT

NEGOTIATE

COMPARE

DEFINE

Interactive Customization Allow users to change meal components (e.g., replace fries with a salad).

Leverage History For returning users, use past data (e.g., previous orders, browsing history) to suggest personalized options.

Offer Trade-Offs Suggest upgrades or alternatives when a preference cannot be met.

Order Confirmation Screen Provide a detailed confirmation with a receipt and tracking information.

Top Bowls

Bowl 2

Bowl 1

Bowl 3

Popular

Bowl 8

Bowl 7

Bowl 9

Recommended

Bowl 5

Bowl 4

Bowl 6

New Bowls

Bowl 11

Bowl 10

Bowl 12

Aa Quicksand A B C D E F G H I J K L M N OP Q R T U V W X Y Z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

#622FEB #8CB693 #263238

Getting Started

Bold Medium Italic Semibold Medium Regular Light Thin Usability Testing Suggestions To Make The Experience Better Cem Bayraktar

Thanks for Watching!

Delivery Time Estimate Show real-time updates for delivery or pickup.

NEW USERS

USER - ACTIVATION

LANDING

STEP 1 - PREFERENCES

STEP 2 - HOME

STEP 3 - ORDER

ORDER TRACK

Landing Page

About Us

Customer service

Authentication

Home Screen

Add to cart Check out Complete details Payment details Continue shopping Track order

At all steps user has the ability to stop

Welcome screen

Start Page Sign up Login Home Hottest Quinoa Bowl Tropical Bowl User profile Shrimp Bowl Privacy policy China Bowl Terms &
conditions Budget Bowl Saved
Bowls Notification
Preferences Help/
Support About/FAQ Meatball Bowl Acai Bowl Hawaiian
Bowl Carrot Bowl Ultra Vegan Mom’s Bowl Hottest Bowl Chicken Bowl Beef Bowl Popular New combo

Have an
account? No Yes