Sorry, some content is not available. We are working on it.🙃

NoTab

Independent
Ecosystem

System of apps that simplifies interaction between guests of a nightclub and its staff

Project

About the project

The client

A professional football player — a former RB of the US National Football League. He has already received investments and a number of clients who want to use the apps.

The idea

The main idea of the app is to minimize personal contact. It eliminates lines at a bar counter — guests of a night club don’t have to waste time waiting for their order to be prepared and delivered.

Challenge

The main challenge:
there are 5 roles
in the app

2 admins

Super admin

Sees all venues, authorizes new venue owners

Admin

Adds new staff, food and cocktails to the
Kitchen

Kitchen

Take up orders and make food — all actions are done via web app
Guests

Guests

Buy food and cocktails at a club, order lap dances
Staff

Server

Chooses a venue, manage orders

Dancer

Can accept a request and get payment online

The project was really huge. We couldn’t test anything efficiently before the particular feature is implemented in all 5 apps. We had to wait for it to be ready in each of them to start the integration tests.
Igor Andreev, QA engineer

Guest verification

Fills in his/her name and surname

1
Uploads a scan or photo of ID

2
Uploads a selfie

3

At this stage, I offered to add the feature that would allow us to verify the age of guests — to make it easier for users. If a person is under 21, nightclubs cannot sell alcohol to them. In the end, we decided to put the feature off for the next version. To ease the future implementation, I designed the feature in advance — all figures are saved in the JSON-base.
Alexander Purtov, teamlead

QR code
generation

Initially, we planned to link a QR code to a particular order. It wouldn’t have been convenient for users, so we decided to change this flow of generation. Now the QR code is linked to the guest and all his/her orders are transmitted by it. This way we saved time for both the guest and the server.

Club

Lap dance
ordering

There are two scenarios
of ordering a private dance

Guests order the service. The idea is simple: a guest chooses a dancer and orders the service; the dancer comes and the client gets a QR-code. The dance starts.

Dancers walk up to guests. The guest gets a QR-code, the dancer scans it and provides the service. The payment is processed afterwards, because you never know how many dances the guest wants.

Worth noticing that

Dancers are not employees of NoTab, so each dancer sets a price for the service by herself. Any dancer can say ‘No’ if she is not willing to dance for a guest.

Design

The app is designed to work in a dark mode. Not unintentionally, of course. By choosing dark tones we minimized the eye strain effect, because it’s always dark at night clubs. We added accents on the most important things for guests — prices and pictures.

Fonts

Typography
and colors

San Francisco
Pro Text

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

AaBbCc

#050D1D
#0266FE
#FFFFFF

Logo

Logotype

The Logotype of NoTab is based on the ice. Just like great ice makes great cocktails, NoTab makes a great user experience.

Payment

Money goes to 4 roles — NoTab, venue owners, paymentrs and servers.

We had to calculate the actual amount of money that will be paid by guests, figure out how much interest will be taken by Stripe, and make it work flawlessly, so money always went to the right account.

The payment system was the hardest part of the development. We got the details when the project entered final straight. To put it simply, we had agreed on one thing but had to tack on many other tasks to the scope.
Maria Volkova, project manager

Stripe

Integration
with Stripe

Looking for a tool

It’s easy to integrate Stripe with a web app: they have the Stripe Elements for it. However, when we’re talking about React Native mobile apps, there is nothing that can help. To solve the problem, we began searching for a solution and found an open-source library called ‘tipsi-stripe’. With it, we managed to make a wrapper for native SDK.

App

App Center

Creating one build manually takes about half of an hour — take into account that we had more than one app, and all of them require regular updates — it would be time-consuming.

To speed up the process, we used App Center, a system that allows to manage the lifecycle of iOS and Android apps.

Release

The result

NoTab is available on the App Store and Google Play Market. If you are in the US, download the app to experience better festivities.

NoTab

Independent
Ecosystem