Vilya Protection

Merénylet-megelőzési SaaS, élesedés egyetlen rövid kör után. Megépítettük a Vilya Protection publikus honlapját és demo-vezérlő-felületét. Hétfőn brief, két apró módosítás után élesben.

• 01Felhasználói felület

  Az egész élmény amit a felhasználó lát

  Ez a frame az élesben futó terméket mutatja: vilya protection · merénylet-megelőzési szoftver platform közéleti személyek és nagy események védelmére. a demo a teljes védelmi-irányító felületet mutatja. Minden komponens mi vagyunk · scope, design, kód, deploy.

• 02Stack a háttérben

  Mi hajtja: Next.js, TypeScript, Three.js

  A frame mögötti technológia 4 elemű · Next.js, TypeScript, Three.js a látható felületet hajtja, a többi az adatrétegben fut. Minden a stúdió kezében.

• 03Mit szállítottunk

  Valós idejű fenyegetés-értékelés és súlyossági besorolás

  Egyetlen vezérlő-felület minden védelmi-művelet adatra

• 04Státusz

  Élesben · demo.vilyaprotection.com.

  Ez nem egy demó · valós forgalom megy rajta, mérünk, monitorozunk, javítunk hetente.

• 01 · BRIEF

  Két oldalas brief, kickoff-hívás nélkül.

  Michael egy rövid LinkedIn-üzenettel és egy Notion-briffel keresett meg. A stúdió 90 perces feladatkör-megerősítést küldött vissza, és kezdődött a fejlesztés. Nincsenek prezentációk, workshopok, bizottságok.

• 02 · ARCHITECTURE

  Stack-döntések minden kód előtt.

  A döntési dokumentum lefogta az adatfolyamot, a Next.js, TypeScript, Three.js, WebGL szerep-felosztást, és a v1-ben kezelt vs halasztott hibamódokat. A szolgáltatás-határokat (hol végződik az AI és hol kezdődik a webapp) itt húztuk meg, így a két oldal nem szivárgott egymásba később.

• 02 · BUILD

  Marketing-oldal + taktikai vezérlő-felület, párhuzamosan.

  Publikus oldal Next.js-en, demo-vezérlő-felület Three.js-szel a 3D-s helyszín-átnézéshez. Fenyegetés-súlyossági szín-rendszer (Kritikus, Magas, Közepes) az első naptól bekötve, hogy a demó valódi terméknek hasson.

• 04 · POLISH

  Teljesítmény, akadálymentesség, megfigyelhetőség.

  PSI / a11y / coverage budgetek launch-feltételként kikényszerítve. Logging + metrika bekötve még a cut-over előtt · a csapat egy dashboardról válaszol arra, hogy „működik-e?”, nem Slack-szálból. A fenyegetésmodell-checklist aláírva, mielőtt forgalom érkezne a gépre.

• 03 · SHIP

  Két apró módosítás, és élesben.

  A bemutatott első verzió már az volt, amit Michael elképzelt. Két apró módosítás fedte le az egész javítási kört. Élesedés, indexelés, és a demo-vezérlő-felület még ugyanabban a hétben futott értékesítési hívásokon.

• 01Marketing-oldal

  Publikus oldal, ami egy szűk kategóriát vezet be

  Hero a problémával nyit (a kiszámítható fenyegetés-mintázatokat elnézik), a szolgáltatások az operatív választ magyarázzák, a demo-CTA közvetlenül a vezérlő-felületre küldi a magas-intenzitású érdeklődőket.

• 023D demó

  Böngészőben futó WebGL helyszín-átnézés

  Three.js-jelenet fenyegetés-jelölőkkel, menekítési útvonalakkal, látótávolságokkal. Nincs Unity, nincs Unreal, nincs telepítés · az érdeklődő ugyanazon az oldalon kattinthat bele, ahol a pitch-et olvassa.

• 03Fenyegetés-tábla

  Élő fenyegetés-lista súlyossági besorolással

  Kritikus / Magas / Közepes / Alacsony szín-rendszer, forrás-jelzők, helyszín-pinek, válasz-állapot. Úgy olvasható, mint egy SOC-konzol, amit egy elemző már ismer.

• 04i18n

  Angol-első, spanyol nyelvre felkészített útvonalakkal

  Az alapító Alicantéban dolgozik · a nyelvi-fa úgy van bekötve, hogy a spanyol felület átépítés nélkül beilleszthető legyen.