Fallstudie · 2026 · Web · Individuelle Software · KI
Ein SaaS zur Attentatsprävention, live in einem kurzen Zyklus.Die öffentliche Seite und das Demo-Dashboard für Vilya Protection. Briefing am Montag, live zwei winzige Anpassungen später.
Vilya Protection ist eine Softwareplattform zur Attentatsprävention für Personen des öffentlichen Lebens und Großveranstaltungen. Das Studio hat sowohl die öffentliche Marketingseite als auch das Demo-Dashboard unter demo.vilyaprotection.com geliefert · Next.js und TypeScript an der Oberfläche, Three.js und WebGL für den 3D-Rundgang durch den Veranstaltungsort. Von der LinkedIn-Nachricht bis live, mit zwei kleinen Überarbeitungen dazwischen.
- Next.js
- TypeScript
- Three.js
- WebGL
Im Einsatz
Überblick
- 1 week
- Von der LinkedIn-Nachricht bis live
- 2
- Überarbeitungsrunden
- 3D
- Rundgang durch den Ort (WebGL)
- PSI 95+
- Performance auf dem Telefon
Vilya Protection ist eine SaaS-Plattform zum Schutz von Personen des öffentlichen Lebens und großen Menschenansammlungen. Bedrohungsbewertung in Echtzeit, taktische Dashboards, 3D-Visualisierung der Umgebung, Planung von Fluchtwegen. Das Team hat sich über LinkedIn gemeldet. Eine Woche vom Briefing, zwei winzige Anpassungen, dann gingen die öffentliche Seite und das Demo-Dashboard live.
Was ausgeliefert wurde
Was es tut
- Bedrohungsbewertung in Echtzeit mit Einstufung nach Schwere
- Taktisches Dashboard für Personenschutzteams
- 3D-Visualisierung des Veranstaltungsorts und Planung der Fluchtwege
- Von der LinkedIn-Nachricht bis live in einem kurzen Zyklus
Das Problem
- Personenschutzteams verfolgen Bedrohungen, Orte und Fluchtwege in getrennten Werkzeugen
- 3D-Rundgänge werden meist von Hand in PowerPoint gebaut
- Ein neuer Kunde will schnell eine glaubwürdig aussehende Demo sehen
Warum es zählt
- Eine einzige Einsatzkonsole für jedes Signal des Schutzteams
- 3D-Rundgang in WebGL, ohne eigene Unity- oder Unreal-Pipeline
- Web-Performance auf Produktionsniveau, die live vor Kunden standhält
Wie es entstand
- 01 · BRIEF
Zwei Seiten Briefing, kein Auftaktgespräch.
Michael schickte eine kurze LinkedIn-Nachricht mit einem Notion-Briefing. Das Studio schickte binnen 90 Minuten eine Bestätigung des Umfangs zurück, dann begann der Bau. Keine Präsentationen, keine Workshops, kein Gremium.
- 02 · BUILD
Marketingseite und taktisches Dashboard, parallele Stränge.
Öffentliche Seite auf Next.js, Demo-Dashboard mit Three.js für den 3D-Rundgang. Das Farbsystem für die Bedrohungsschwere (kritisch, hoch, mittel) war von Tag eins an verdrahtet, damit die Demo wie ein echtes Produkt wirkt.
- 03 · SHIP
Zwei kleine Anpassungen, dann live.
Was im Postfach ankam, war bereits das, was Michael sich vorgestellt hatte. Zwei kleine Überarbeitungen deckten die gesamte Feedbackrunde ab. Umgestellt, indexiert, und das Demo-Dashboard lief noch in derselben Woche in Verkaufsgesprächen.
Stack
Marketingseite
Öffentliche Seite, die eine Nischenkategorie erklärt
Der Hero führt mit dem Problem (vorhersehbare Bedrohungsmuster werden übersehen), die Leistungen erklären die operative Antwort, und der Demo-Aufruf leitet kaufbereite Interessenten direkt ins Dashboard.
3D-Demo
Rundgang durch den Ort in WebGL, im Browser
Three.js-Szene mit Bedrohungsmarkern, Fluchtwegen und Sichtlinien. Kein Unity, kein Unreal, keine Installation · der Interessent kann von derselben Seite aus damit arbeiten, auf der er den Pitch liest.
Bedrohungstafel
Laufende Bedrohungsliste mit Einstufung nach Schwere
Farbsystem kritisch, hoch, mittel, niedrig, Quellenkennzeichen, Ortsmarken, Reaktionsstatus. Liest sich wie eine SOC-Konsole, die eine Analystin bereits bedienen kann.
i18n
Englisch zuerst, Routing für Spanisch vorbereitet
Der Gründer sitzt in Alicante · der Sprachbaum ist so verdrahtet, dass eine spanische Oberfläche ohne Umbau eingehängt werden kann.
Fallstudie
“Ich habe Dezső auf LinkedIn gefunden, ein kurzes Briefing geschickt, und was in meinem Postfach landete, war auf Anhieb genau die Seite, die ich mir vorgestellt hatte. Wir haben zwei sehr kleine Änderungen gemacht und sind live gegangen. Keine langen Gespräche, keine Präsentationen, kein Warten auf Überarbeitungen. Ehrlich die sauberste Übergabe, die ich je mit einem Entwickler hatte.”
