GPay Microapps (Dining)

Google Payments built microapp support inside GPay to compete with WeChat & Alipay. Our team created several apps, working with outside business partners, for the platform launch. The first few services created enabled the purchase of Movie Tickets, Transportation Services, and Dining which I built.

Freelance · Design Lead on team of three

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.

Dietary & allergy filtering

Bottom-up visual exploration

Proximity personalization

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.

Built-in promotion & group ordering

Two-click reorder & quickest delivery options

Flexible menu heirarchy

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.

Dietary tags & item review history

Visual support & fast dining promotions

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.

Modify items or rebuilt combos

Auto apply deals & ensure upsell

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.

Integrated delivery + group ordering

Order tracking & notifications

Promotion & splitting the bill

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!

Natalie Phillips-Hamblett
Product Design Manager at Google

Previous
Previous

Trampt

Next
Next

Hulu