Web Experience

Fabozzi Home Design

Showroom e interior design a Villa Literno: sito Vue.js con video hero, catalogo ville realizzate e galleria progetti — un'esperienza sensoriale digitale.

Vue.js JavaScript Interior Design SPA Showroom
Fabozzi Home Design
🎬

Video hero

Apertura cinematografica con video full-screen e controllo audio.

🏡

Ville realizzate

Portfolio progetti con schede dedicate: Villa Demetra e altre realizzazioni.

Atelier sensoriale

Copy e layout che invitano a toccare materiali, texture e finiture.

Un atelier, non un negozio

Fabozzi Home Design non è un e-commerce di mobili. È uno showroom di interior design a Villa Literno (CE), dove il cliente entra per toccare materiali, texture e finiture.

Il sito doveva replicare quella sensazione: l’eleganza del buio, l’oro come filo conduttore, la fotografia che parla da sola.

Design direction

ElementoScelta
PaletteNero profondo + oro/brass per testi e accenti
TipografiaSerif elegante per titoli, sans per UI
HeroVideo loop con toggle audio — immersivo, non invasivo
LayoutScroll verticale narrativo, sezioni ampie
CTA”Visita il nostro showroom” — non “Acquista ora”

Architettura Vue.js

Single Page Application con Vue 3:

  • Routing client-side per navigazione fluida tra sezioni
  • Componenti riutilizzabili per card ville, galleria progetti, video embed
  • Lazy loading per media pesanti
  • SEO con meta dinamici e prerender delle route principali

Sezioni del sito

  1. Il Nostro Store — presentazione dello showroom fisico
  2. Le Nostre Case Realizzate — ville con schede dettagliate (es. Villa Demetra)
  3. Progetti Realizzati — galleria fotografica per tipologia
  4. I Nostri Video — contenuti dietro le quinte su YouTube/social
  5. Contatti — form, telefono, WhatsApp, mappa Google

Dettagli che fanno la differenza

  • Pulsante “Torna su” discreto, in stile con il brand
  • Orari e P.IVA nel footer — trasparenza da professionista
  • Link social (Instagram, TikTok) integrati nel percorso narrativo
  • Performance: video ottimizzato, immagini WebP dove possibile

Perché Vue.js e non WordPress

Il cliente voleva un’esperienza fluida e cinematografica, senza i tempi di caricamento tipici di un CMS tradizionale. Vue.js permette transizioni tra sezioni, video hero e gallerie interattive con controllo totale sul rendering.

Un sito che non sembra un sito — sembra un portfolio di architetto.