Pyramid Security — Identitate vizuală și site corporate full-stack cu CMS

Despre proiect

Pyramid Security este o firmă de securitate și instalații tehnice din sudul Olteniei, cu acoperire în județele Olt, Dolj, Vâlcea și Teleorman. Oferă supraveghere video, sisteme antiincendiu, alarmă și antiefracție, instalații electrice și sisteme fotovoltaice, fiind autorizată ANRE, ISU și IGPR. Aveau nevoie de o identitate vizuală și o prezență online la nivelul unei firme serioase de inginerie și securitate.

Provocarea

Într-un domeniu unde încrederea și seriozitatea sunt totul, un site „de-a gata" din șabloane nu era o opțiune. Trebuia construit un brand distinct și o platformă rapidă, sigură, ușor de administrat de client și optimizată pentru a fi găsită în căutări locale, pe fiecare serviciu și fiecare județ.

Ce am livrat

Identitate vizuală — Logo și cărți de vizită, plus un sistem de design complet derivat din acestea: paletă de culori și tipografie definite ca tokeni, aplicate unitar pe tot brandul. Sistem de design „Monolit" — Un registru vizual inginer-premium: grafit și calcar mineral cu accent albastru de brand, geometrie fațetată desenată integral în SVG (fără stock photos) și o tipografie monumentală (Archivo pentru titluri, IBM Plex Sans/Mono pentru text). Rezultatul: un site care arată solid, tehnic și inconfundabil. Site corporate — Dezvoltare full-stack, de la zero: front-end, back-end și un design 100% responsive, mobile-first, cu meniu drawer pe mobil. Accesibilitate reală: contrast WCAG AA, focus vizibil, navigație ARIA și respectarea preferinței prefers-reduced-motion. Panou de administrare (CMS) — Un panou propriu unde clientul își gestionează singur lucrările și proiectele (CRUD complet), cu editor vizual de pagină și upload de imagini procesate automat în variante responsive optimizate.

Cum am construit

Site-ul e construit pe un stack modern: Next.js 15 (App Router, React Server Components) și React 19, TypeScript strict, Tailwind CSS v4, cu Prisma ORM peste MariaDB/MySQL și autentificare admin securizată prin Auth.js. Editorul vizual de conținut e realizat cu Puck, procesarea imaginilor cu sharp, iar validarea datelor cu Zod. Am mers pe rendering hibrid: pagini statice și ISR (regenerare periodică), astfel încât conținutul rămâne proaspăt fără rebuild, iar paginile sunt servite instant. Deploy pe infrastructură reală de producție — hosting cPanel cu Phusion Passenger (CloudLinux, Node 20), build standalone precompilat și migrări de bază de date cu Prisma.

Performanță (Lighthouse, build de producție)

Mobil

PC

Core Web Vitals pe mobil: LCP 2.9 s, FCP 0.9 s, TBT 10 ms, CLS 0 (zero layout shift), Speed Index 0.9 s. Pe desktop: LCP 0.7 s, FCP 0.2 s, TBT 0 ms, CLS 0. Aceste rezultate vin din React Server Components (JavaScript minim trimis către browser), imagini optimizate cu aspect-ratio fix (fără salturi de layout), fonturi self-hosted fără request-uri externe blocante și grafică de fundal în SVG inline, ușoară.

Rezultat

Pyramid Security are acum un brand coerent și un site rapid, sigur și complet administrabil de către echipă. Fundația tehnică și SEO-ul optimizat pe servicii și județe îi oferă tot ce e nevoie pentru a urca în căutări local, fără promovare plătită.