Vito Schuster
All work

Open Solutions

A scroll story that explains smart kiosks and lockers before anyone has to ask.

The Locker24 section of the Open Solutions site in dark mode: a yellow and white smart locker with a woman taking out a parcel, and the product name and feature chips in white on near-black.
Fig. 1Locker24 section, dark theme, in the scroll story. Captured 9 Oct 2026. The people and devices in the scroll sequences are AI-generated (Google Flow), cut into separate frames.
Role
Design, Development
Year
2025
Status
Live
Tags
Web · Motion
Link
Open site (opens in a new tab)
01

Problem

Smart kiosks and lockers are products most people have never used. The site had to show what they are, how they work and where they stand, before any sales call.

02

Structure

  1. 01Products
  2. 02Locations
  3. 03How it works
  4. 04Services
  5. 05Contact

One page, in this order: the products, where they stand, how to use them, services, contact.

03

Decisions

  1. 1 One scroll, in a fixed order.

    Products first, then real locations, then the four usage steps, then services and contact. No sub-pages to hunt through.

    Fig. 2The locations step: scrolling moves the row of real locker and kiosk spots sideways. Recorded 24 Oct 2026.

  2. 2 Dark and premium, with an electric-blue accent.

    Near-black with a blue accent for anyone whose system is in dark mode, light for everyone else, and a theme toggle and a Croatian / English switch in the header.

    Fig. 3Dark theme, light theme, then the Croatian / English switch. Recorded 24 Oct 2026.

  3. 3 Motion that shows the product being used.

    Scrolling plays a frame-by-frame sequence of someone using a locker, and later a kiosk, so the product explains itself. The people and devices in the sequences are AI-generated with Google Flow and cut into separate frames.

    Fig. 4Scrolling plays the frame sequence of someone using a Locker24 locker. Recorded 24 Oct 2026. The people and devices in the scroll sequences are AI-generated (Google Flow), cut into separate frames.
04

What shipped

A one-page site in Croatian and English with Kiosk24 and Locker24 sections, locations, usage steps, a cashless-payment section, services and a contact form. Built from Croatian specs and deployed through GitHub and cPanel.

Open the live site (opens in a new tab)

The how-it-works section of the Open Solutions site: a locker with a woman holding a bag on the left and four numbered steps in outlined blue cards on the right.
Fig. 5The four-step usage section. Captured 9 Oct 2026. The people and devices in the scroll sequences are AI-generated (Google Flow), cut into separate frames.
The Locker24 section on a phone: the product name, a row of feature chips and the yellow and white locker with a woman using it.
Fig. 6Locker24 section at 390 px. Captured 9 Oct 2026. The people and devices in the scroll sequences are AI-generated (Google Flow), cut into separate frames.

Hiring, or have a project?

[email protected]