# Kiosk24

> Ordering app and kiosk map for a 24/7 vending service in Zagreb.

Part of the portfolio of Vito Schuster, designer and developer in Zagreb (https://vitoschuster.com).

- **Role:** UI/UX design, Front-end development, Map, Graphics
- **Year:** 2025
- **Status:** Live
- **Tags:** App, Maps
- **Result:** App Store Top 30 in Food & Drink, November 2025
- **Team:** Backend: Armin
- **Client:** Kiosk24 (Open Solutions d.o.o.)
- **Link:** https://kiosk24.hr/

## Problem

Kiosk24 sells from automated kiosks around the clock. Customers can also order through delivery platforms like Wolt. The brand's own app had to be good enough that people would choose it.

## Structure

Flow: Map → Products → Order → Pickup

The app is organized around three questions: where is the nearest kiosk, what can I get, and is my order ready? That became the home screen architecture: map, products, order, pickup.

## Decisions

1. **Location first.** Kiosks are physical, so finding one is the first job. The map uses the phone's location to sort kiosks by distance, on OpenStreetMap, and every kiosk has a photo of the real spot so people recognise it before they get there.
2. **A pickup screen made for the kiosk.** Designed for the moment you stand in front of one: QR code, order number, status and how to pick up.
3. **A live widget.** Inspired by Wolt's live overlay, one widget holds the delivery time, a shortcut to delivery info and the pickup QR code. Hard to build inside a webview, but it worked well in the end.

## What shipped

A redesigned UI for most screens, the product listing with similar products, a map with geolocation and a photo of every kiosk location, pickup confirmation, the live widget, page transitions with Swup.js, and error screens with error handling. Built with Laravel/Blade, jQuery and Bootstrap, with Playwright tests for the geolocation flows; backend by Armin. The app is on the [App Store](https://apps.apple.com/us/app/kiosk24/id6654929282) and [Google Play](https://play.google.com/store/apps/details?id=com.dwizards.kiosk24).


I also designed the App Store posters and the static Instagram posts (see [Kiosk24 social](/work/kiosk24-social)), and shot and edited the [14-second promo reel](https://www.instagram.com/reel/DQ-DKFECFdL/), which also plays on the [Open Solutions](/work/open-solutions) website.

## Credits

- Brand and products © Kiosk24.

Canonical page: https://vitoschuster.com/work/kiosk24