The microapp framework
In parallel to our work, another team in Payments was defining the microapp framework for our Dining app. It consists of four core components: Storefront, Frame, Security (permission & payment), and Order Cards.
New paths for discovery
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.
Takeout vs delivery
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.
Flexible menu 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 orders, and possible food allergy warnings based on your personal profile.
Customize your order
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.
Manage & track your order
Our cart displayed all items ordered with configurations, allowed them to change delivery options, and proceed to checkout. 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.
Keegan is a rare talent: a strategic thinker who speaks the language of engineers and easily collaborates with them to create products. All this while executing work at an unprecedented pace!