Mobile app for self-service smoothie bar
The concept is simple: Create individual smoothies and mix them yourself. The self-service stations are located at several locations and must be regularly maintained. Ingredients must be refilled and the bar cleaned. The Tankbar team reached out to us to digitize this process and offer smoothie lovers a great experience. We have taken on this exciting project and developed both a first version of the mobile app and the admin portal.
Mobile app
Smoothie lovers should be able to put together a personalized smoothie quickly and easily and pay in the app. A smooth user experience was the goal. With this requirement and a rough wireframe provided by the Tankbar team, we started the design process.
When designing the app, we paid particular attention to keeping the number of clicks low and creating a smoothie as “smooth” as the created smoothie. The process is as follows:
- Scan the QR code to select the location of the bar
- Select one of the fruit and vegetable blends.
- Add the desired add-ons (e.g. protein powder)
- Add smoothies to shopping cart or create more smoothies.
- Pay for the smoothie and save your personal data for the next purchase if wished.
- Remove ingredients from the fridge and blend the smoothie.
- Enjoy the smoothie
Feature overview
- Authentication: Users can register using an email address and save their data.
- Location recognition: The location of the tank bar can be selected using QR. This means that the Tankbar team knows in real time at which location which items are popular and need to be refilled.
- Shopping cart and checkout: Several smoothies can be created at once and paid for together. Personalized discount codes can also be added.
- Payment processing: The smoothies can be paid for by credit card, Twint and other popular payment methods. Various means of payment can be saved for the next purchase using tokenization.
- Stewardship: The Tankbar team can use the app to adjust the inventory per item and record the date of the last cleaning.
Technology
The mobile app was created with Flutter developed as a cross-platform app. This has the advantage that apps for Android and iOS (and other platforms) can be developed with just one basic code. This saves time and money both during development and operation.
Users are authenticated via”Firebase” from Google. Firebase makes it easy and secure to implement various authentication options such as email, social media or two-factor authentication.
Admin portal
We have developed an admin portal for the administration of various locations, articles, sales and customers.
Range of functions
- Dashboard: A clear dashboard provides insights into the company's performance. Sales, and customer statistics can be viewed and exported.
- Managing articles: Items such as fruit and vegetable mixes can be added and edited. The purchase and selling price can be set and the inventory and location inventory can be tracked in real time. In addition, important key figures such as turnover, number of sales or inventory are shown for each item.
- Sales overview: A list of all sales and the associated data, such as customer, location and composition of the smoothie.
- Managing locations: Locations can be added and edited in the admin portal. For example, the available items or the address can be stored. There is also a visual presentation of the most important key figures for each location. These should help to understand the attractiveness of the location.
- Customer overview: Last but not least, all important customer data and sales statistics per customer are available.
Technology
The admin portal was built with Firebase and Angular. It is hosted in the Google Cloud with data location in Switzerland.