Social-distanced table booking

UX UI Design / Prototyping

Neat Restaurant App

A Tokio entrepreneur and a project management professional came up with an idea for a restaurant booking app. He wanted to help decrease the contact between staff and guests during the pandemic and reduce labor costs. He listed technical requirements and approached us to help him design and prototype it.

Duration

4 weeks

Team

Project Manager

Business Analyst

Design Lead

UI/UX Designer

Solution

Design and prototyping

Scope of work

15 user stories and 54 acceptance criteria to meet in a single prototype.

The app

The project includes a mobile app prototype for visitors and a web app for restaurant administrators.

Visitors can select restaurants and book one or more tables in them, as well as order and pay for meals. Administrators can update the information about their restaurants and operate with the booking data.

Extra app features

  • Restaurant search by type, date, closest subway station, and even current congestion

  • Multiple table and extra seat booking for bigger companies or social distancing from other guests

  • Payment splitting with friends (check sharing via QR codes)

What we’ve been able to do is to compare success rates before using our app and after. And we have seen that 90%+ actually passed the test with our app.
Tim Waldenback for CW39 Houston on Nov 12, 2020
What we’ve been able to do is to compare success rates before using our app and after. And we have seen that 90%+ actually passed the test with our app.
Tim Waldenback for CW39 Houston on Nov 12, 2020

Backend

Language

PHP

JavaScript

Python

Terraform

Framework

Slim (PHP)

ExpressJS (JavaScript)

Django (Python)

Libraries

Stripe

Google SDK

Django Rest Framework

Facebook SDK

Firebase

Propel

Unit tests

Django tests

Coverage

Services

Google Cloud + Kubernetes

Sentry

Graylog

Technologies

RabbitMQ

Docker

Databases

Redis

MySQL (Read + write replicas)

Frontend

Language

JavaScript

Framework

ReactJS + TypeScript

NextJS

Libraries

Redux

WebPack

i18n

Sentry

Stripe

Unit tests

Jest

Mobile

Language

Typescript

Dart

Framework

React Native

Flutter

Libraries

Mobx

Redux

Error monitoring

Sentry

Sentry

Language

PHP

JavaScript

Python

Terraform

Framework

Slim (PHP)

ExpressJS (JavaScript)

Django (Python)

Libraries

Stripe

Google SDK

Django Rest Framework

Facebook SDK

Firebase

Propel

Unit tests

Django tests

Coverage

Services

Google Cloud + Kubernetes

Sentry

Graylog

Technologies

RabbitMQ

Docker

Databases

Redis

MySQL (Read + write replicas)

Frontend

Language

JavaScript

Framework

ReactJS + TypeScript

NextJS

Libraries

Redux

WebPack

i18n

Sentry

Stripe

Unit tests

Jest

Mobile

Language

Typescript

Dart

Framework

React Native

Flutter

Libraries

Mobx

Redux

Error monitoring

Sentry

Sentry

The Outcome

At this stage, our mobile app agency was asked to design the mobile app prototype only. Technical requirements included 15 user stories and 54 acceptance criteria.

Within two weeks we've come with 32 app screens combined together in a clickable Figma prototype that was approved by the excited client.

What we’ve been able to do is to compare success rates before using our app and after. And we have seen that 90%+ actually passed the test with our app.
Tim Waldenback for CW39 Houston on Nov 12, 2020
Language

PHP

JavaScript

Python

Terraform

Framework

Slim (PHP)

ExpressJS (JavaScript)

Django (Python)

Libraries

Stripe

Google SDK

Django Rest Framework

Facebook SDK

Firebase

Propel

Unit tests

Django tests

Coverage

Services

Google Cloud + Kubernetes

Sentry

Graylog

Technologies

RabbitMQ

Docker

Databases

Redis

MySQL (Read + write replicas)

Frontend

Language

JavaScript

Framework

ReactJS + TypeScript

NextJS

Libraries

Redux

WebPack

i18n

Sentry

Stripe

Unit tests

Jest

Mobile

Language

Typescript

Dart

Framework

React Native

Flutter

Libraries

Mobx

Redux

Error monitoring

Sentry

Sentry

What we’ve been able to do is to compare success rates before using our app and after. And we have seen that 90%+ actually passed the test with our app.
Tim Waldenback for CW39 Houston on Nov 12, 2020
What we used:

Figma

Backend

Language

PHP

JavaScript

Python

Terraform

Framework

Slim (PHP)

ExpressJS (JavaScript)

Django (Python)

Libraries

Stripe

Google SDK

Django Rest Framework

Facebook SDK

Firebase

Propel

Unit tests

Django tests

Coverage

Services

Google Cloud + Kubernetes

Sentry

Graylog

Technologies

RabbitMQ

Docker

Databases

Redis

MySQL (Read + write replicas)

Frontend

Language

JavaScript

Framework

ReactJS + TypeScript

NextJS

Libraries

Redux

WebPack

i18n

Sentry

Stripe

Unit tests

Jest

Mobile

Language

Typescript

Dart

Framework

React Native

Flutter

Libraries

Mobx

Redux

Error monitoring

Sentry

Sentry