# Open Solutions

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

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

- **Role:** Design, Development
- **Year:** 2025
- **Status:** Live
- **Tags:** Web, Motion
- **Client:** Open Solutions
- **Link:** https://opensolutions.hr/

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

## Structure

Flow: Products → Locations → How it works → Services → Contact

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

## Decisions

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

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

## Credits

- The people and devices in the scroll sequences are AI-generated (Google Flow), cut into separate frames.

Canonical page: https://vitoschuster.com/work/open-solutions