Lido da Pietro
sito web
Sito web progettato e sviluppato interamente su misura, a partire da un layout originale disegnato in Adobe Illustrator e trasformato in codice puro.
Ogni elemento dell’interfaccia è stato concepito a livello grafico prima dello sviluppo: forme, spazi, proporzioni, palette cromatiche, stile visivo e comportamento responsive sono stati definiti in fase di design e poi tradotti fedelmente in HTML, CSS, JS e PHP.
Il risultato è un sito completamente unico, non basato su template esistenti o framework: un’interfaccia proprietaria costruita da zero, con componenti, animazioni e micro-interazioni progettate su misura.
Il sito integra inoltre un sistema avanzato di calcolo prezzi che gestisce stagionalità, sconti e combinazioni di servizi (lettini, sdraio, ombrelloni), offrendo un’esperienza chiara, trasparente e immediata.
Punti distintivi del progetto:
- Template UI disegnato in Illustrator e sviluppato da zero
- Studio di forme, spaziature, griglie e gerarchie visive
- Palette cromatica e stile grafico scelte su misura
- Sito custom in HTML, CSS, JavaScript e PHP (no CMS, no framework)
- Tecniche CSS avanzate per responsività pixel-perfect
- Elementi vettoriali animati e micro-interazioni personalizzate
- Servizio fotografico e post-produzione realizzati internamente
- Rebranding del logo
- Live streaming H24 del mare di Scalea su server privato
- Sistema meteo integrato
Il sito è multilingua (italiano, inglese, russo), ottimizzato SEO e altamente performante, con tempi di caricamento molto rapidi.
Abbiamo anche creato il menu digitale compreso di gestionale personalizzato.
Visita il sito:
Sito web:
- Front Controller Pattern (index.php)
Un unico punto d'ingresso che analizza l'URI, determina lingua e pagina, applica una whitelist e carica il template corretto — senza framework. - URL Rewriting con mod_rewrite (.htaccess)
Tutte le richieste vengono reindirizzate a index.php tramite Apache mod_rewrite, escludendo assets statici. Il redirect 301 dalla root a /it/ garantisce un ingresso canonico. - Sistema i18n multilingua (IT / EN / RU)
I file languages/ restituiscono array associativi di traduzioni. La funzione helper t('key') risolve le stringhe in modo semplice e globale, senza dipendenze esterne. - Architettura a template e partial
Le pagine sono composte includendo partial riutilizzabili (header, nav, footer, subfooter) e template specifici per lingua, mantenendo DRY il codice. - Navigazione dinamica e language switcher (nav.php)
Il menu è generato da un array di configurazione PHP, con stato attivo (aria-current) calcolato a runtime. Il language switcher mantiene la pagina corrente cambiando solo il prefisso lingua nell'URL. - Accessibilità (ARIA)
Uso sistematico di attributi role, aria-label, aria-current, aria-expanded e aria-controls per garantire compatibilità con screen reader e standard WCAG. - Font locali con @font-face
I font Aleo e Glory sono serviti direttamente dal server, eliminando dipendenze da Google Fonts e migliorando privacy e performance. - SCSS con architettura a componenti
Il CSS è organizzato in SCSS con variabili, mixin e componenti separati, compilato in un unico style.css. - Sicurezza output (XSS prevention)
Uso sistematico di htmlspecialchars() con ENT_QUOTES e UTF-8 su ogni valore dinamico renderizzato nell'HTML. - Streaming HLS con HLS.js (webcam)
La pagina webcam integra un player personalizzato basato su HLS.js che si connette al VPS, con gestione degli errori e fallback cross-browser.
