- Stack Tecnologico
Layer Tecnologie - Frontend HTML5, CSS3, JavaScript ES6+
- Tipografia ClashDisplay (locale, OTF/WOFF2), Open Sans (Google Fonts)
- Animazioni CSS custom + JS Intersection Observer (scroll reveal, parallax)
- Backend PHP 8, PDO, architettura MVC-like con include modulari
- Database MySQL (schema custom, gestione settings/prodotti/sezioni/slides)
- Email PHPMailer con SMTP SSL (porta 465)
- Hosting cPanel Linux (Serverplan), PHP-FPM
- Sicurezza .htaccess hardening, prepared statements PDO, accesso admin protetto
- SEO & Social Open Graph dinamici per-pagina, Twitter Card, robots.txt, favicon multi-formato
- Performance GZIP deflate, browser cache (1 anno assets statici), lazy loading immagini
Aprimenti — Sito Web Aziendale per Serramentista
Progettazione e sviluppo completo del sito web aziendale per Aprimenti, brand di OL3 Group S.r.l.s., specializzato in serramenti, oscuranti, pergole e facciate continue su misura nella provincia di Grosseto.
Realizzazione da zero di un sito web aziendale con design premium e identità visiva forte, orientato alla generazione di contatti e alla presentazione del catalogo prodotti.
Il progetto include un’homepage con hero dinamico a slides gestito da CMS, una pagina catalogo con layout magazine alternato sinistra/destra, schede prodotto dettagliate con galleria immagini e sezioni configurabili, sistema di richiesta preventivo con notifica email automatica e pannello di amministrazione completo per la gestione autonoma di tutti i contenuti.
Particolare attenzione è stata dedicata all’esperienza mobile-first con tipografia responsive in clamp(), alle animazioni scroll reveal e al cursore custom per un’esperienza utente premium. Il sito è ottimizzato per la condivisione social con Open Graph meta tag dinamici per-pagina e per il posizionamento organico con meta description e struttura semantica curata.
Funzionalità Principali
CMS Admin completo — gestione prodotti, sezioni, slides hero, impostazioni, preventivi ricevuti, recensioni, tracking ordini
Catalogo prodotti — layout magazine premium con immagini hero per prodotto, sezioni configurabili (specifiche, gallerie, materiali)
Sistema preventivi — form multi-step con notifica email HTML brandizzata via SMTP
Hero dinamico — slides a rotazione con immagini e CTA configurabili dal pannello admin
Privacy Policy — generazione dinamica da DB con dati aziendali
OG Image dinamiche — ogni pagina genera automaticamente i meta tag social con l’immagine corretta del prodotto/slide
