Ordering Experience and Flow Analysis
Home screen. First point of contact
Starting with the first screen, the primary intention of the product is immediately clear. The app wants the user to place an order. While this clarity is positive, the way the intention is communicated creates friction.
The bottom navigation includes a strong call to action to start an order. At the same time, the main content of the screen also encourages the user to order. Both elements carry the same intention and similar visual weight, which results in duplication rather than guidance. Instead of reinforcing the action, this weakens the visual hierarchy and creates unnecessary noise.
This lack of prioritization makes it harder for the user to instinctively understand where to begin. A single, clearly dominant entry point would feel more confident and easier to follow.
Current experience
Overweight bottom navigation
The bottom bar draws too much attention and adds visual noise to the screen.
Overweight bottom navigation
The bottom bar draws too much attention and adds visual noise to the screen.
Passive content over utility
The video communicates brand but does not support task completion.
Passive content over utility
The video communicates brand but does not support task completion.
Duplicated call to action
Two order CTAs with the same intent weaken guidance instead of reinforcing it.
No decision support content
The home screen does not help users decide what to order or explore options.
No decision support content
The home screen does not help users decide what to order or explore options.
Overweight bottom navigation
The bottom bar draws too much attention and adds visual noise to the screen.
Passive content over utility
The video communicates brand but does not support task completion.
Duplicated call to action
Two order CTAs with the same intent weaken guidance instead of reinforcing it.
No decision support content
The home screen does not help users decide what to order or explore options.
Opportunity to rethink the home screen content
Rather than showing a video on the first screen, this space could be used much more effectively to support quick decision making. The home screen has the potential to function as a launchpad, not just a branding surface.
Surfacing menu options early would allow users to move faster into the ordering mindset. Highlighting promotions, special events, seasonal items, or featured products would give immediate context and direction. This reduces one full step in the flow and increases the likelihood of interaction.
A call to action to order can still exist in the main content area, but the bottom navigation CTA should be visually quieter. Reducing its prominence would help avoid competition between elements and improve overall balance.
The home screen focuses on inspiration first, deferring pickup or delivery decisions to the right moment.
The home screen focuses on inspiration first, deferring pickup or delivery decisions to the right moment.
Accelerates decision making
By showing variety and promotions upfront, users decide what to order faster before entering the flow.
Accelerates decision making
By showing variety and promotions upfront, users decide what to order faster before entering the flow.
Creates multiple entry points
Categories, new offers, and featured items support different user intents without forcing a single path.
Creates multiple entry points
Categories, new offers, and featured items support different user intents without forcing a single path.
Supports conversion without pressure
The home screen focuses on inspiration first, deferring pickup or delivery decisions to the right moment.
Supports conversion without pressure
The home screen focuses on inspiration first, deferring pickup or delivery decisions to the right moment.
The home screen focuses on inspiration first, deferring pickup or delivery decisions to the right moment.
Accelerates decision making
By showing variety and promotions upfront, users decide what to order faster before entering the flow.
Creates multiple entry points
Categories, new offers, and featured items support different user intents without forcing a single path.
Supports conversion without pressure
The home screen focuses on inspiration first, deferring pickup or delivery decisions to the right moment.
Loyalty as a revenue driver, not a feature
In the Canadian market, brands like Tim Hortons, McDonald’s, and Starbucks consistently rank at the top in wallet share and transaction volume. This is not only the result of brand recognition, but of deeply integrated loyalty ecosystems that influence repeat behavior.
Their apps are not just ordering tools. They function as habit-forming products where rewards, points, and promotions are continuously visible and easy to understand. The result is higher visit frequency and stronger user retention.
How users behave in loyalty-driven ecosystems
Users visiting these brands rarely start with a neutral decision.
They often open the app with specific questions in mind:
How close am I to my next reward?
How many points do I have?
Is there a promotion today?
Can I redeem something now?
Why this needs to be visible on the Home Screen
If users open the app with these questions in mind, hiding reward progress behind a secondary tab creates friction. The system already knows what the user is looking for, but the interface delays access to that information.
By surfacing points, progress to the next reward, and available incentives directly on the home screen, the app aligns with real user behavior. This reduces effort, reinforces motivation, and increases the likelihood of repeat orders without interrupting the primary flow.
Showing reward progress early turns loyalty from a passive feature into an active driver of return visits and conversion.
Proposed experience
Progress made visible at a glance
Users can immediately see their current points and how close they are to the next reward.
Progress made visible at a glance
Users can immediately see their current points and how close they are to the next reward.
Encourages repeat behavior, not pressure
The section motivates return visits and additional orders without interrupting or blocking the ordering experience.
Encourages repeat behavior, not pressure
The section motivates return visits and additional orders without interrupting or blocking the ordering experience.
Goal framed as attainable
Highlighting “X points away” reduces perceived effort and increases motivation to complete the goal.
Goal framed as attainable
Highlighting “X points away” reduces perceived effort and increases motivation to complete the goal.
Clear value reinforcement
The next reward is explicitly stated, making the benefit concrete and desirable.
Clear value reinforcement
The next reward is explicitly stated, making the benefit concrete and desirable.
Progress made visible at a glance
Users can immediately see their current points and how close they are to the next reward.
Encourages repeat behavior, not pressure
The section motivates return visits and additional orders without interrupting or blocking the ordering experience.
Goal framed as attainable
Highlighting “X points away” reduces perceived effort and increases motivation to complete the goal.
Clear value reinforcement
The next reward is explicitly stated, making the benefit concrete and desirable.
Start order. Address input and location selection
Start order. Address input and location selection
Current experience
The experience does not help users understand how close they are to a Shelby’s location.
The experience does not help users understand how close they are to a Shelby’s location.
No sense of direction or path
Unlike map-based or game-like experiences, users cannot see where they are in relation to stores.
No sense of direction or path
Unlike map-based or game-like experiences, users cannot see where they are in relation to stores.
The experience does not help users understand how close they are to a Shelby’s location.
No sense of direction or path
Unlike map-based or game-like experiences, users cannot see where they are in relation to stores.
The current flow starts with an address input screen shown immediately after tapping “Start order.” The experience relies on text input and a dropdown list to determine nearby locations.
Using the user’s current location helps reduce typing and works well as an accelerator. Distances are also shown, which supports basic decision making.
However, the experience is entirely list-based. There is no spatial or visual context to help users understand where they are in relation to nearby Shelby’s locations, making the process more abstract and cognitively demanding.
How users behave in loyalty-driven ecosystems
Identified friction
List-based selection feels abstract
Addresses and distances require mental effort instead of visual recognition.
List-based selection feels abstract
Addresses and distances require mental effort instead of visual recognition.
Distance is numeric, not visual
Km values alone do not communicate proximity intuitively.
Distance is numeric, not visual
Km values alone do not communicate proximity intuitively.
List-based selection feels abstract
Addresses and distances require mental effort instead of visual recognition.
Distance is numeric, not visual
Km values alone do not communicate proximity intuitively.
Start order. Address input and location selection
Ordering starts from the Home screen
Users make one decision at a time instead of choosing product, location, and delivery method all at once.
Users make one decision at a time instead of choosing product, location, and delivery method all at once.
Decision split at the right moment
Pickup or delivery is introduced after intent is established, not before. Users already want the food.
Decision split at the right moment
Pickup or delivery is introduced after intent is established, not before. Users already want the food.
Estimated prep and delivery times set expectations early and reduce uncertainty.
Estimated prep and delivery times set expectations early and reduce uncertainty.
Users make one decision at a time instead of choosing product, location, and delivery method all at once.
Decision split at the right moment
Pickup or delivery is introduced after intent is established, not before. Users already want the food.
Estimated prep and delivery times set expectations early and reduce uncertainty.
Instead of sending users directly to an address input screen, the flow now begins from the Home experience. Users first engage with products and promotions, building intent naturally.
A lightweight modal allows users to choose between pickup or delivery, including clear time estimates. This introduces logistics step by step, at the right moment.
Map-based location selection
Spatial awareness is restored
Pin markers show where stores are relative to the user’s current location.
Spatial awareness is restored
Pin markers show where stores are relative to the user’s current location.
Proximity is understood visually, not numerically
Distance becomes intuitive through map positioning instead of km comparison.
Proximity is understood visually, not numerically
Distance becomes intuitive through map positioning instead of km comparison.
Closest location is visually highlighted
Users immediately recognize the best option without reading a long list.
Closest location is visually highlighted
Users immediately recognize the best option without reading a long list.
Spatial awareness is restored
Pin markers show where stores are relative to the user’s current location.
Proximity is understood visually, not numerically
Distance becomes intuitive through map positioning instead of km comparison.
Closest location is visually highlighted
Users immediately recognize the best option without reading a long list.
The list-only location screen is replaced with a map view showing nearby Shelby’s locations using pin markers.
Each location includes:
Distance
City
Open or closed status
A small visual reference
The closest location is visually highlighted, helping users recognize the best option instantly.
Why this flow works better
By preserving useful elements from the original experience, such as distance visibility and location detection, while adding spatial context and better sequencing, the flow becomes easier to understand and faster to complete.
Users no longer need to compare addresses mentally. They can see where they are, what is closest, and what is available, reducing cognitive load and increasing confidence. The result is a smoother, more intuitive ordering experience that supports quicker decisions and higher completion rates.
Order screen. Improving menu structure and decision flow
Before. Current experience
Screen feels visually dense
Product customization options, imagery, and actions are tightly grouped, making the experience feel heavy and harder to scan.
Screen feels visually dense
Product customization options, imagery, and actions are tightly grouped, making the experience feel heavy and harder to scan.
Primary action lacks breathing room
The “Add to cart” CTA is visually compressed by surrounding elements, reducing confidence at a critical decision moment.
Primary action lacks breathing room
The “Add to cart” CTA is visually compressed by surrounding elements, reducing confidence at a critical decision moment.
Bottom navigation competes with the task
The persistent “Start Order” button remains visible even when the user is already deep in the ordering flow, increasing distraction.
Bottom navigation competes with the task
The persistent “Start Order” button remains visible even when the user is already deep in the ordering flow, increasing distraction.
Screen feels visually dense
Product customization options, imagery, and actions are tightly grouped, making the experience feel heavy and harder to scan.
Primary action lacks breathing room
The “Add to cart” CTA is visually compressed by surrounding elements, reducing confidence at a critical decision moment.
Bottom navigation competes with the task
The persistent “Start Order” button remains visible even when the user is already deep in the ordering flow, increasing distraction.
The current product detail screen presents too much information at once. Customization options are tightly grouped, required and optional selections are not clearly separated, and the primary action is visually compressed. This makes the moment of commitment feel heavy and uncertain.
Menu content is pushed down by non-essential information
Store imagery and branding occupy prime space, reducing visibility of actual menu items and slowing decision making.
Menu content is pushed down by non-essential information
Store imagery and branding occupy prime space, reducing visibility of actual menu items and slowing decision making.
Visual hierarchy is unclear
Menu items, navigation, and actions carry similar visual weight, making it hard for users to quickly understand what to focus on.
Visual hierarchy is unclear
Menu items, navigation, and actions carry similar visual weight, making it hard for users to quickly understand what to focus on.
Menu content is pushed down by non-essential information
Store imagery and branding occupy prime space, reducing visibility of actual menu items and slowing decision making.
Visual hierarchy is unclear
Menu items, navigation, and actions carry similar visual weight, making it hard for users to quickly understand what to focus on.
When browsing the menu, a large portion of the screen is occupied by store information and branding. All menu items carry similar visual weight, with no prioritization based on popularity or recommendations. As a result, users must scan and evaluate everything manually.
Category behavior is inconsistent, breaking the user’s mental model and making navigation feel unpredictable.
After. Proposed experience
Menu items are immediately visible
The menu now leads the screen, allowing users to scan food options without scrolling past secondary content.
Menu items are immediately visible
The menu now leads the screen, allowing users to scan food options without scrolling past secondary content.
Visual hierarchy guides decision making
Food imagery, pricing, and item names are clearly structured, reducing cognitive load.
Visual hierarchy guides decision making
Food imagery, pricing, and item names are clearly structured, reducing cognitive load.
Category navigation feels controlled and predictable
Horizontal categories provide context and let users switch sections without losing their place.
Category navigation feels controlled and predictable
Horizontal categories provide context and let users switch sections without losing their place.
Primary action is contextual and clear
The “Review order” CTA reflects the user’s current state and reinforces progress instead of restarting the flow.
Primary action is contextual and clear
The “Review order” CTA reflects the user’s current state and reinforces progress instead of restarting the flow.
Menu items are immediately visible
The menu now leads the screen, allowing users to scan food options without scrolling past secondary content.
Visual hierarchy guides decision making
Food imagery, pricing, and item names are clearly structured, reducing cognitive load.
Category navigation feels controlled and predictable
Horizontal categories provide context and let users switch sections without losing their place.
Primary action is contextual and clear
The “Review order” CTA reflects the user’s current state and reinforces progress instead of restarting the flow.
The redesigned product screen reduces visual density and introduces clear hierarchy. Required choices are easy to identify, optional add-ons are grouped separately, and spacing improves readability. The primary action stands out, giving users confidence before adding an item to the cart.
Customization feels controlled, not overwhelming
The layout supports clarity and trust, making the ordering experience smoother and faster.
Customization feels controlled, not overwhelming
The layout supports clarity and trust, making the ordering experience smoother and faster.
Clear separation between required and optional choices
Mandatory selections are clearly labeled, reducing uncertainty and preventing errors.
Clear separation between required and optional choices
Mandatory selections are clearly labeled, reducing uncertainty and preventing errors.
Reduced cognitive load during customization
Users can focus on one decision at a time instead of processing everything at once.
Reduced cognitive load during customization
Users can focus on one decision at a time instead of processing everything at once.
Primary action is visually isolated
The “Add to cart” button stands out, reinforcing confidence at the moment of commitment.
Primary action is visually isolated
The “Add to cart” button stands out, reinforcing confidence at the moment of commitment.
Customization feels controlled, not overwhelming
The layout supports clarity and trust, making the ordering experience smoother and faster.
Clear separation between required and optional choices
Mandatory selections are clearly labeled, reducing uncertainty and preventing errors.
Reduced cognitive load during customization
Users can focus on one decision at a time instead of processing everything at once.
Primary action is visually isolated
The “Add to cart” button stands out, reinforcing confidence at the moment of commitment.
The impact of better decision flows
This redesigned flow shifts the ordering experience from a reactive interface to a decision-support system. Instead of forcing users to interpret information, compare options, and correct mistakes, the flow guides them through clear, sequential choices.
By introducing progressive steps, spatial context, and better visual hierarchy, users can understand their options faster and with less effort. Decisions feel informed rather than rushed, which increases confidence at every stage of the journey.
As a result, users move through the experience with fewer interruptions, fewer errors, and greater intent. This not only improves usability, but also supports higher completion rates and stronger conversion, turning the ordering flow into a smoother and more reliable path to purchase.
Have an app idea but not sure how to build it?
With experience scaling app to millions of users, we'll help you capture the opportunity
