Nisbel Autostuudio – bränd, disainisüsteem ja uus veeb
Tallinna autostuudio, mis töötab ühe auto korraga: disainisüsteem tokenitest komponentideni, viis trükist ja uus staatiline nisbel.ee, mille avaleht laeb 148 KB-ga.
| Tõendi liik | Klienditöö. Bränd, disainisüsteem, trükised ja veebilehe ümberehitus. |
|---|---|
| Kelle probleemi näide | Väike autoremonditöökoda, kelle leht ei öelnud, mida tehakse, ja laadis aeglaselt. |
| Mida see ei tõenda | Leht näitab kujundust ja mõõdetud kiirust, mitte päringute arvu – seda pole veel piisavalt kaua mõõdetud. |
| Selle põhjal saab tellida | Väikeettevõtte koduleht · 1190 € |
Probleem
Vana nisbel.ee oli kompileeritud React-koopia, mida lapiti kuue skriptiga. Avaleht laadis 920 KB ja telefonis oli see 14 741 px pikk (allikas: Playwright-mõõtmine 17.10.2026). Peapealkiri „Personaalsed projektid, mitte kiirteenus“ ei öelnud, et tegu on autoremondiga, sisu ilmus alles kerimisel ja lehel oli kinnitamata lubadusi, nagu pikendatud garantii ja reaalajas jälgimine.
Süsteem
Kõigepealt disainisüsteem: 93 tokenit ühes failis, millest tulevad veebi värvid, kiri, ruum, nurgad ja liikumine. Peale selle 25 komponenti, 28 ikooni ühel joonestikul ning logo reeglid koos arvutatud kontrastidega igal taustal (allikas: Nisbeli disainisüsteem). Samast süsteemist tehti arve, saateleht, märkmeplokk ja visiitkaart. Uus leht on käsitsi kirjutatud HTML ja CSS, üks väike skript ning Pythoni build- ja kontrollskript, mis keelab avaldamise, kui lehel on kinnitamata väide või katkine link.
Otsused
Kliendi mure enne enesekiitust: avalehe teine plokk on „Mis sinu autoga toimub?“, mitte teenuste nimekiri. Üks valge tegevusnupp vaate kohta. Vorm ei teeskle broneeringut – see koostab sõnumi ja klient saadab selle ise. Blogi, juhtumiuuringute kohatäited ja hõljuv vestlus eemaldati, sest need ei toonud päringuid. Liikumine järgib Apple’i vedrusid: vajutus vastab kohe, vabastus vetrub ilma üle hüppamata.
Mõõdikud
Avalehe esimene laadimine 920 KB → 148 KB, päringuid 25 → 5, skripte 10 → 1, lehe pikkus telefonis 14 741 px → 9 438 px ehk 36 % lühem (allikas: Playwright-mõõtmine 17.10.2026, sama brauser ja vaateava). Disainisüsteemi saab proovida interaktiivselt: logo taustad, kontrastid, kiri, komponendid, vedru ja trükised.
Stack
Käsitsi kirjutatud HTML ja CSS, vanilla JS, Inter, Pythoni build ja verify, FTPS-avaldus koos serveri varukoopiaga, disainitokenid JSON-is.
Tooteekraanid
Pildid on tehtud avalikust nisbel.ee lehest 18.10.2026, päev pärast uue lehe avaldamist. Vormi pildil on näidisandmed – sõnumit ei saadetud.
Sinu ettevõttele sama selge bränd ja kiire leht
Ettevõte vajab selget ülevaadet oma teenustest, usaldust toetavat sisu ja kontaktivõimalust.