Vito Schuster
All work

Kiosk24

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

Three Kiosk24 app screens side by side: a map of Zagreb with yellow kiosk pins, a route to one kiosk with its details sheet, and the home screen of a single kiosk with product categories.
Fig. 1The kiosk map, a route to one kiosk, and a kiosk's home screen. Captured 9 Oct 2026. Brand and products © Kiosk24.
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
Link
Open site (opens in a new tab)
01

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.

02

Structure

  1. 01Map
  2. 02Products
  3. 03Order
  4. 04Pickup

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.

03

Decisions

  1. 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.

    Two screens of the Kiosk24 map: all kiosks as yellow pins around Zagreb with a list of nearby kiosks below, and a route to Kiosk24 Maksimirska Cesta 88 with its details and popular products.
    Fig. 2The map lists kiosks by distance; picking one shows the route and what it stocks. Captured 9 Oct 2026. Brand and products © Kiosk24.

  2. 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.

    A hand holding a phone that shows a QR code, in front of a yellow and black Kiosk24 kiosk.
    Fig. 3Photo of the pickup QR screen on a phone at a kiosk. Captured 9 Oct 2026. Brand © Kiosk24.

  3. 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.

    The live order widget in the Kiosk24 app: a lime card reading Order 25, 11 minutes, Pickup, with a QR icon and a progress bar, floating over a product list.
    Fig. 4The live order widget: order number, time left, pickup and QR code in one card. Captured 9 Oct 2026. Brand and products © Kiosk24.
04

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 (opens in a new tab) and Google Play (opens in a new tab).

I also designed the App Store posters and the static Instagram posts (see Kiosk24 social), and shot and edited the 14-second promo reel (opens in a new tab), which also plays on the Open Solutions website.

Open the live site (opens in a new tab)

The Kiosk24 home screen before and after the redesign: on the left a plain welcome text and a list of kiosks, on the right a kiosk header with photo, category chips and a popular-products row.
Fig. 5Home screen before (left) and after (right). Captured 9 Oct 2026. Brand and products © Kiosk24.
Three Kiosk24 app screens: a product page for a beer, a product page for a wine, and the profile menu with lime action rows.
Fig. 6Product pages with similar products, and the profile menu. Captured 9 Oct 2026. Brand and products © Kiosk24.
Four earlier Kiosk24 app screens in phone frames with Croatian captions: a sign-in form, a dark map with a kiosk pop-up, a cart, and a home screen listing kiosks.
Fig. 7The app screens before the redesign. Captured 9 Oct 2026. Brand and products © Kiosk24.
Three App Store posters in lime and black: 'Kupuj kad drugi ne rade' beside a kiosk, 'Vino dostupno 0-24' with a phone showing a wine page, and 'Rezerviraj željene artikle do 24h unaprijed' with a phone showing a beer page.
Fig. 8App Store posters. Captured 9 Oct 2026. Brand and products © Kiosk24.
A hand holding a phone at a Kiosk24 kiosk, with the on-screen words 'Izaberi artikle' (choose items).
Fig. 9Frame from the 14-second promo reel, shot and edited by Vito. Captured 9 Oct 2026. Brand © Kiosk24.

Hiring, or have a project?

[email protected]