Lumina de la mijlocul zilei intră prin luminatoarele lungi și cade pe lespezi de sticlă mată prinse în rame de alamă. Fiecare lespede e un proiect. Apropierea o aprinde din spate, iar pe sticlă se desenează portretul lui: structura paginii, ritmul tipografic, benzile de culoare — desenate în pagină, niciodată fotografiate.
Focus9 Lab e un laborator tânăr, iar galeria spune asta pe față. Lespezile de acum sunt demonstrații de capacitate: construcții reale, funcționale, făcute ca să arate ce se poate livra și cum e făcut lucrul pe dinăuntru. Nu sunt proiecte de client, nu poartă nume de client și nu li se atribuie rezultate pe care nu le-a măsurat nimeni. Când primele livrări vor exista, vor intra aici cu numele lor și cu cifre măsurate.
Clinică dentară — site cu programare online
Demonstrație: site de prezentare pentru un cabinet cu trei scaune, cu programare în trei pași — fără cont, fără parolă, fără telefon.
Problema. Tipul de problemă pentru care e construit: programările intră doar telefonic, iar cererile din afara programului se pierd pentru că nu are cine să răspundă.
- Programare în trei pași — serviciu, medic, interval — fără cont și fără parolă.
- Site static pre-generat la build; formularul merge printr-un Worker, nu printr-un server care trebuie întreținut.
- Orarul și lista de servicii stau într-un fișier de conținut, ca recepția să le poată schimba fără să atingă codul.
- Confirmare pe email către pacient și către cabinet, cu fișier de calendar atașat.
astro · cloudflare-pages · cloudflare-workers · turso · resend
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client, nu conține date reale și nu apare sub numele nimănui. Cifrele sunt fie proprietăți tehnice ale construcției, fie ținte declarate ca atare; termenul este o estimare. Ce vedeți este ce putem livra unui cabinet, nu ce am livrat deja.
Restaurant — meniu viu și comandă online
Demonstrație: meniu care se editează într-un singur loc, comandă pentru livrare sau ridicare, plată online și bon care ajunge direct în bucătărie.
Problema. Tipul de problemă: meniul e un PDF vechi de un an, comenzile vin pe WhatsApp și se pierd exact în orele de vârf.
- Meniul e conținut structurat, nu PDF: se editează într-un loc și se vede peste tot, inclusiv în datele pentru motoarele de căutare.
- Coșul trăiește în browser; comanda pleacă într-o singură cerere, validată și pe client, și pe server.
- Plata prin Stripe — restaurantul nu atinge și nu stochează date de card.
- Bonul ajunge pe un ecran de bucătărie și pe email, cu ora de ridicare calculată din timpul de preparare.
astro · vite · cloudflare-pages · cloudflare-workers · cloudflare-d1 · stripe
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client și nu conține meniuri, prețuri sau comenzi reale. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Portal imobiliar — listări cu filtre și hartă
Demonstrație: portal de listări cu filtre pe preț, zonă și suprafață, hartă sincronizată cu rezultatele și o pagină proprie, indexabilă, pentru fiecare anunț.
Problema. Tipul de problemă: anunțurile stau într-un CMS lent, filtrarea reîncarcă toată pagina, iar motoarele de căutare nu văd decât prima pagină de rezultate.
- Filtrele scriu în URL: orice combinație de căutare poate fi trimisă pe WhatsApp și se deschide identic la celălalt capăt.
- Fiecare anunț are pagina lui, pre-generată la build, cu date structurate pentru motoarele de căutare.
- Harta și lista citesc același set de rezultate — nu există două surse de adevăr.
- Importul din feed-ul agenției rulează ca job programat, nu prin copiere manuală.
astro · vite · cloudflare-pages · cloudflare-workers · postgres · maplibre
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; anunțurile, prețurile și pozițiile de pe hartă sunt fictive. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Cabinet de avocatură — site de prezentare
Demonstrație: site sobru de prezentare — arii de practică, echipă, publicații — și un formular de contact care nu cere mai mult decât e nevoie.
Problema. Tipul de problemă: clientul potențial caută competență și discreție, nu animații. Site-ul trebuie să răspundă la „ce faceți” și „cum vă găsesc” în primele două ecrane.
- Ierarhie de publicație: o singură idee pe ecran, coloană de text de 62 de caractere, nimic care clipește.
- Formularul cere doar nume, contact și subiect — niciun câmp care ar putea atrage informație privilegiată într-un canal nesecurizat.
- Fără urmăritori terți și fără fonturi de la Google: tot ce se încarcă vine de pe domeniul propriu.
- RO și EN din același conținut, cu hreflang corect și aceeași structură de pagini.
astro · cloudflare-pages · cloudflare-workers · resend
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client, nu reproduce niciun cabinet real și nu conține nume de avocați sau de dosare. Cifrele sunt proprietăți tehnice verificate la build sau ținte declarate ca atare; termenul este o estimare.
Sală de fitness — aplicație de abonamente
Demonstrație: aplicație web pentru abonați — rezervare la clase, starea abonamentului, istoric de prezențe — instalabilă pe telefon, fără magazin de aplicații.
Problema. Tipul de problemă: rezervările la clase se fac pe grupuri de WhatsApp, iar recepția ține evidența abonamentelor într-un tabel pe care îl deschide o singură persoană.
- Aplicație web instalabilă (PWA): merge pe iOS și pe Android din același cod, fără taxă de magazin și fără proces de aprobare.
- Rezervarea funcționează și cu semnal prost — acțiunea se pune la coadă local și se trimite când revine rețeaua.
- Autentificare cu link pe email: fără parole de reținut și fără parole de spart.
- Recepția vede exact aceleași date ca membrul, într-un ecran separat de administrare.
vite · typescript · cloudflare-pages · cloudflare-workers · cloudflare-d1 · workbox
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client și nu conține membri, abonamente sau prezențe reale. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Producător — catalog tehnic B2B
Demonstrație: catalog de produse cu specificații tehnice, filtrare pe parametri, fișe descărcabile și coș de cerere de ofertă în locul prețului la vedere.
Problema. Tipul de problemă: catalogul e un PDF de 200 de pagini trimis pe email, iar cumpărătorul industrial caută după cotă, material și toleranță, nu după poză.
- Filtrare pe parametri tehnici — material, dimensiune, toleranță — nu pe categorii de marketing.
- Fiecare produs are cod, fișă tehnică descărcabilă și pagină proprie, indexabilă.
- Coș de cerere de ofertă în loc de preț public — modelul real de vânzare B2B, nu un magazin deghizat.
- Catalogul se importă din ERP printr-un fișier versionat; site-ul nu ghicește niciodată stocul.
astro · vite · cloudflare-pages · cloudflare-workers · postgres · typesense
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; codurile de produs, specificațiile și fișele tehnice sunt fictive. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Pensiune — site cu rezervări directe
Demonstrație: site de cazare cu calendar de disponibilitate, rezervare directă și avans online, ca proprietarul să nu depindă doar de platformele de intermediere.
Problema. Tipul de problemă: toate rezervările vin prin platforme care iau comision, iar site-ul propriu nu poate încasa nimic și nu știe ce e liber.
- Calendar de disponibilitate sincronizat prin iCal cu platformele existente, în ambele sensuri, ca să nu existe suprarezervare.
- Rezervare directă cu avans prin Stripe; restul se plătește la fața locului.
- Galeria se pregătește la build în trei dimensiuni și format modern, ca să se încarce și pe semnal slab de munte.
- Pagină separată pentru fiecare cameră, cu preț sezonier și reguli de anulare scrise în limbaj clar.
astro · cloudflare-pages · cloudflare-workers · cloudflare-d1 · stripe · ical
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; pensiunea, camerele, pozele și disponibilitățile sunt fictive. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Magazin online — vitrină și checkout
Demonstrație: magazin cu vitrină rapidă, filtre pe fațete, pagină de produs care se indexează și checkout scurt, fără cont obligatoriu.
Problema. Tipul de problemă: magazinul stă pe o platformă închiriată, se încarcă greu de pe telefon și pierde clientul exact între coș și plată.
- Vitrina și paginile de produs sunt statice, pre-generate; doar coșul și plata vorbesc cu serverul.
- Checkout fără cont obligatoriu — contul e o opțiune după plată, nu o barieră înainte.
- Imaginile se pregătesc la build în trei dimensiuni și în AVIF/WebP, cu dimensiuni rezervate ca pagina să nu sară sub deget.
- Stocul rămâne în sistemul existent; site-ul nu devine a doua sursă de adevăr pentru stoc.
astro · vite · cloudflare-pages · cloudflare-workers · postgres · stripe
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; produsele, prețurile și stocurile sunt fictive și nu se poate cumpăra nimic. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Școală de meserii — platformă de cursuri
Demonstrație: platformă de cursuri cu lecții video, progres salvat pe lecție, teste scurte corectate pe server și adeverință verificabilă la final.
Problema. Tipul de problemă: materialele stau în foldere partajate, nimeni nu știe cine unde a rămas, iar cursantul nu are nicio dovadă că a terminat.
- Videoul e servit de un furnizor specializat; noi ținem structura cursului și progresul, nu fișierele.
- Progresul se salvează pe lecție, nu pe curs — cursantul reia exact de unde a rămas, de pe orice dispozitiv.
- Testele se corectează pe server: răspunsurile corecte nu ajung niciodată în browser.
- Adeverința se generează ca PDF la cerere, cu un cod care poate fi verificat public de un angajator.
astro · vite · cloudflare-pages · cloudflare-workers · postgres · mux
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; cursurile, cursanții și adeverințele sunt fictive și nu au nicio valoare. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Firmă de transport — panou de urmărire
Demonstrație: panou intern care arată unde sunt mașinile, ce cursă e întârziată și ce documente lipsesc — plus o pagină publică de urmărire pentru client.
Problema. Tipul de problemă: dispecerul are patru ecrane, două fișiere Excel și telefonul, iar clientul sună ca să afle unde e marfa.
- Un singur tabel operațional, cu filtre salvabile — dispecerul nu mai lucrează din patru surse.
- Datele se actualizează prin flux continuu, nu prin reîncărcarea paginii la fiecare minut.
- Pagina publică de urmărire arată doar starea și ora estimată — nimic despre șofer, traseu sau ceilalți clienți.
- Toate orele se stochează în UTC și se afișează în ora locală a celui care se uită.
vite · typescript · cloudflare-pages · cloudflare-workers · cloudflare-durable-objects · postgres
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; mașinile, cursele, pozițiile și documentele sunt generate, nu reale. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Service auto — programări și deviz
Demonstrație: aplicație de programare la service — alegi operațiunea, sistemul calculează durata din normele de timp, iar devizul pleacă la client înainte să vină.
Problema. Tipul de problemă: programările se fac la telefon, toată lumea vine la aceeași oră, iar clientul află prețul abia la ghișeu.
- Programarea cere numărul de înmatriculare și operațiunea; durata se calculează din normele de timp ale service-ului.
- Sloturile se limitează pe elevator, nu pe oră — capacitatea reală, nu una teoretică.
- Devizul pleacă pe email și SMS înainte de programare, cu acceptare printr-un singur clic.
- Istoricul mașinii e legat de numărul de înmatriculare, nu de un cont, ca să funcționeze și pentru clienții ocazionali.
astro · vite · cloudflare-pages · cloudflare-workers · cloudflare-d1 · twilio
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unui client; service-ul, operațiunile, tarifele și numerele de înmatriculare sunt fictive. Cifrele sunt proprietăți tehnice ale construcției sau ținte declarate ca atare; termenul este o estimare.
Primărie — portal de informare publică
Demonstrație: portal municipal cu anunțuri, hotărâri de consiliu, formulare descărcabile și o căutare care găsește documentele, nu doar titlurile.
Problema. Tipul de problemă: informația publică există, dar e împrăștiată în PDF-uri fără nume, nu se poate căuta în text și nu se poate citi de pe telefon.
- Fiecare hotărâre are pagina ei, cu text căutabil, nu doar un PDF atașat.
- Contrast, dimensiuni de atingere și navigare la tastatură verificate automat la fiecare build (WCAG 2.1 AA).
- Site static: la o știre care se propagă rapid, nici costul, nici timpul de răspuns nu se schimbă.
- Arhiva rămâne la aceleași adrese — nimic din ce a fost public nu dispare la o reorganizare de meniu.
astro · cloudflare-pages · cloudflare-workers · pagefind · postgres
Demonstrație de capacitate, construită de Focus9 Lab. Nu este un proiect livrat unei instituții, nu reprezintă nicio primărie reală și nu conține documente oficiale. Cifrele sunt proprietăți tehnice verificate la build sau ținte declarate ca atare; termenul este o estimare.