The new in-venue ordering app for bars, clubs, cafes, restaurants and events. OnTapp is as easy to use as your favourite food home delivery app, but beautifully engineered for in-venue orders.

  • iOS & Android
  • Hospitality
  • UK

About

Ontapp is an in-venue order management product for hospitality businesses.

Both easy to use for customers and employees and beautifully engineered to work leanly, Ontapp creates smoother workflows in any restaurant, bar or cafe it is implemented in.

Challenge

The product idea started as a solution to reduce drink ordering time and to make the whole process a bit simpler for clients.

Due to the coronavirus pandemic, the focus of the app broadened, leading to more sophisticated objectives:
•     to create a tool for venues that enables customers to order food and drinks quickly and efficiently,
•     at the same time, to help the business staff provide great service and reduce their need to prolonged personal contact with a large number of people.

Solution


Ontapp needed two apps to respond to the two user personas that would be using the product.

Both would be using a dark user interface in order to accommodate the use of the app in clubs and bars, as well as during the night. The dark interface would also suggest a premium service and not distract from the in-venue drinks and menu.

User Experience

A venue’s menu is built with discoverability and findability in mind

Items are grouped in food and drinks categories so they can be easily browsed. At the same time, a customer who has an order in mind can easily search for a drink or something to eat

The user has full control over their order

The order widget at the bottom allows users to always see the order and change the quantity of their items. Moreso, the user can re-order their drinks easily and this reduces the time needed to place an order.

Google Pay and Apple Pay

Users can pay their orders fast in the app due to the integration with Apple Pay and Google Pay. As an alternative, users can store their card details and pay with one of their cards directly through the app.

Brand Book

#ee2355
#00f500
#000000

#1e1e1e
#999999
#ffffff

Gilroy Extrabold

Check your order status and pickup when it’s ready.

Gilroy Light

Check your order status and pickup when it’s ready.

Styleguide

From our first conversations, we knew that the applications would be mostly used in venues with scarce lighting setups. This led us to go with a look that wouldn’t leave an afterimage burned into the users’ retina, and wouldn’t attract unnecessary attention when someone was using the app.

Color coding and highlighting main focus areas were the trump cards that allowed us to design an app that is easy to browse and self explanatory from the first order made.

Customer App

The customer facing app serves any customer that walks into the venue that uses Ontapp and downloads the app.

Through the app, the customer can order for themselves, their friends, repeat their order or add to it.

Due to the integration with Apple Pay and Google Pay, the experience of paying for an order is faster than ever.

Business App

To complement the customer app, all orders are monitored and responded through the business app that is run by the venue.

Through it, the staff can receive each order, prepare it, deliver it, mark it as done, and process payments without actually working with cash or POS devices.

This allows the venue staff to concentrate on what’s in front of them: giving great service to the people they have at their tables.

Venue Admin

For the venue management, we built a web admin that allows the team to add venue staff, see reports and manage locations.

For the inventory management, we used Square to reduce the development time and integrated the menu items in the app using Square API.

Technologies

iOS
  • Swift 5
Android
  • Kotlin
Backend
  • Node.js
  • Mongo DB
  • Angular
  • Redis
Hosting
  • AWS
  • Mongo Atlas
3rd party integrations
  • Stripe
  • Twilio
  • Sendgrid
  • Segment
  • Mixpanel
  • Square

What the client says

Team

Marco B.
Marco B.
Product Strategist
Paul T.
Paul T.
Product Manager
Marius M.
Marius M.
Product Designer
Catalin D.
Catalin D.
Fullstack / Backend
Catalin P.
Catalin P.
Fullstack / Backend
Rares N.
Rares N.
Fullstack / Backend
Ionuț C.
Ionuț C.
iOS
Paul F.
Paul F.
iOS
Alex D.
Alex D.
Android
George F.
George F.
Android
Lorand K.
Lorand K.
QA
Andrei A.
Andrei A.
QA Engineer
Madalin M.
Madalin M.
QA

Available on Stores