Skip to content
VD©
← All workCase study 03 / 04

AI Selfie Kiosk

Touchscreen photo booth with AI stylisation

Role
Full Stack Developer
Year
2023 — Now
Context
Lebax Technologies · kiosk system
Stack
React, TypeScript, Webcam API, HTML5 / CSS, Express
Summary
A touch-friendly kiosk app that captures selfies and sends them to an AI backend for stylisation — built for tourist attractions and entertainment venues.
Illustration — interface recreated

01 — problem

Seconds of attention, in a crowd

At a venue, visitors walk up, take a photo and leave. The experience has to be obvious with no instructions, fast under a queue, and impossible to break from a public touchscreen.

02 — concept

Look, tap, transform

A single-page flow: live camera preview, one-tap capture, upload to the AI backend, stylised result.

  • Real-time webcam preview with snapshot
  • One-click capture and upload
  • AI stylisation on the backend

03 — design

Designed for large touchscreens

Large targets, responsive layouts for big displays and tablets, and a public mode with restricted access so visitors can only do what the kiosk is for.

Illustration — interface recreated

04 — engineering

Fast in high traffic

React + TypeScript with the Webcam API for live preview and capture, optimised for quick interactions when there is a queue behind every user.

05 — result

A commercial kiosk product

Built under contract at Lebax Technologies as a kiosk system for tourist attractions and entertainment venues — a flow simple enough that visitors use it without a single instruction.

Next case →Task Platform