Mobile App • UI/UX
NoTab
Independent
Ecosystem
System of apps that simplifies interaction between guests of a nightclub and its staff
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.
The main challenge:
there are 5 roles
in the app
-
2 admins
Super adminSees all venues, authorizes new venue owners
AdminAdds new staff, food and cocktails to the
-
Kitchen
KitchenTake up orders and make food — all actions are done via web app
-
Guests
GuestsBuy food and cocktails at a club, order lap dances
-
Staff
ServerChooses a venue, manage orders
DancerCan 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.
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.
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
-
#050D1D
-
#0266FE
-
#FFFFFF
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
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 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.
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.
Thanks for your inquiry. We usually take up to 24 hours to get back with reply.
Wanna schedule an online meeting?