Přeskočit na obsah
← Všechny projekty

Case study

OX Technologies — web pro operační systém fyzického světa.

Web pro software, který se nedá vyfotit: vrstvu mezi boxy, turnikety a kiosky a systémy, které řídí byznys. Postavený jako statický web s jednou 3D scénou, která platformu vysvětlí dřív než text.

FIRMA
OX Technologies
ROLE
Vojtěch Bezpalec — Návrh a vývoj (v interním týmu OX Technologies)
ROZSAH
2026
STACK
Astro · TypeScript · Three.js · WebGL · GitHub Actions
Web oxtechgroup.com na MacBooku a v mobilu — hero s 3D vrstvami platformy LOX

Zadání*

OX Technologies dodává LOX OS — softwarovou vrstvu mezi fyzickými zařízeními (výdejními boxy, turnikety, kiosky) a systémy, které řídí provoz firmy. Hardware nevyrábí, dělá ho chytrým. Web měl tenhle posun vysvětlit enterprise operátorům z logistiky, poštovních služeb a veřejné správy.

Výzva je v tom, že produkt je neviditelný. Nemá obrazovku, kterou by šlo ukázat jako screenshot, a zároveň ho kupuje nákupní komise, která čte pozorně a neodpustí přehnané tvrzení.

Hero OX Technologies v tmavém režimu — claim „The operating system for the physical world“
Sekce platformy — diagram vrstev LOX OS a pěti modulů

Řešení*

Hlavní roli hraje hero: 3D scéna ve WebGL, ve které se vrstvy — fyzická zařízení, LOX OS a systémy klienta — při scrollu složí do jedné platformy. Stejný motiv vrstev pak nese sekce o platformě, kde se z pěti modulů skládá diagram.

Technicky je to statický web v Astru: čisté HTML a CSS, do prohlížeče jde jediný malý JavaScriptový modul a Three.js pro hero. Světlý i tmavý režim se přepíná včetně 3D scény a veškerý pohyb respektuje prefers-reduced-motion.

Kolem homepage vznikly stránky jednotlivých modulů, právní stránky a SEO základ. Texty drží schválený copy deck — co nešlo doložit, na web nepatří. Build a nasazení běží přes GitHub Actions jako Docker image s nginx.

  • WebGL hero, ve kterém se vrstvy platformy složí do jedné
  • Statický web v Astru s jedním malým JS modulem
  • Světlý i tmavý režim včetně 3D scény
  • Stránky modulů, právní stránky a SEO základ
  • CI/CD v GitHub Actions, nasazení jako Docker image
Sekce „Built for operators who think at scale“ — segmenty zákazníků s fotografiemi boxů
oxtechgroup.com ↗

DALŠÍ PROJEKT

Campiri →

Marketplace pronájmu karavanů a obytných vozů ve střední a východní Evropě. Cesta zákazníka od detailu vozu po objednávku a administrace, ve které majitelé spravují vozy a rezervace.