Index

QR ordering and bill splittingfor restaurant guests.

Mealio home screen and bill split screen on two phones in a restaurant
Role
Product design lead
Platform
Mobile
Team
Ilia Gromov (art director), Alexander Avakian (UX/UI designer)

Overview

Mealio is a mobile app for ordering and paying in restaurants. I led product design from scratch: branding, research and UX/UI.

Problem

Picking dishes from a long menu is slow, and a waiter standing by leads to mistakes. Splitting the bill by hand ends in confusion and wrong sums.

Research

We interviewed diners and mapped their journey. Six segments came out of it, from tech enthusiasts to senior diners.

  • Tech enthusiasts

    Young individuals who are quick to adopt new technologies and prefer digital solutions for everyday tasks.

  • Business professionals

    Individuals who frequently dine out for work meetings or business trips, valuing speed and convenience in payment.

  • Families

    Parents with children looking for convenient ways to split the bill or expedite payment to avoid keeping kids waiting.

  • Senior diners

    An older generation that might be less tech-savvy but seeks simple and intuitive payment solutions in restaurants.

  • Tourists and travelers

    People visiting a city or country for the first time, looking for convenient payment methods without resorting to cash or local currency.

  • Students

    Young individuals on a limited budget seeking transparent and convenient ways to pay and split bills with friends.

User segments.

QR ordering

Guests scan the QR code on the bill and enter the table number, and the order moves into the app. The cart shows every dish and price before paying.

Home screen with categories and a QR scanner with a table number field
Home screen and QR scan.
Cart and checkout screens with tips and Apple Pay
Cart and checkout.

Bill splitting

Guests add friends from their contacts, then split the bill evenly or by dish. Each person sees their own share.

Add person screen and split the bill screen with avatars assigned to each dish
Adding people and assigning dishes.

Design system

We built the brand and documented every component and token in Storybook.

Button documentation page in the Mealio Storybook
Component docs in Storybook.