Design Output
The Microapp framework
In parallel to our work, another team in Payments was defining the microapp framework for our Food Ordering app. It consists of four core components: Storefront, Frame, Security (permission & payment), and Order Cards.
Building new paths for discovery
Breaking food ordering trends
Through our research, we discovered a majority of users who order food online tend to repeat orders from a few restaurants. While we provide simple paths for reorder, the team looked at ways to explore new options either by your local area or by exploring individual dishes.
Ordering options
Takeout versus delivery ... and order with friends
Through the storefront & order cards, users can easily reorder or start a new takeout or delivery order. The user can also update their order options while inside the menu or in checkout if they change their minds. We designed a few flows for shared ordering with friends.
Creating hierarchy
We provided flexible systems in which restaurants could build their ideal menus. Besides the standard item name, description, and price ... we designed for image support, item tags (vegetarian, gluten-free, etc), ratings for past order, and possible food allergy warnings based on your personal profile.
Items & configurations
To combo or not to combo
Menu items have varying levels of complexity from a simple side of fries to a build-your-own burrito. We track what ingredients are in each item so that you can update to build it the way you like it, save, and reorder easily.
Just the way merchants like it
Some dishes require next to no configurations, while other items are nothing but configurations. The consensus from merchant interviews was the importance of tracking price changes in item modifications so we developed several patterns to configure. Many providers use a catch-all special request option to track configurations.
Checkout & order management
Review and pay
Our cart displayed all items ordered with configurations, allowed them to change delivery options, and proceed to checkout. Checkout is handled by the microapp platform where users can switch payment methods and verify purchase.
Track your order
Post payment the user can track their order from the microapp Order Cards. We provide their transaction details, QR for pickup, delivery status, promotions, and the ability to split payments on shared orders.
