An atelier, not a shop
Fabozzi Home Design isn’t a furniture e-commerce. It’s an interior design showroom in Villa Literno (CE), where clients come to touch materials, textures and finishes.
The site had to replicate that feeling: the elegance of darkness, gold as a thread, photography that speaks for itself.
Design direction
| Element | Choice |
|---|---|
| Palette | Deep black + gold/brass for text and accents |
| Typography | Elegant serif for headings, sans for UI |
| Hero | Video loop with audio toggle — immersive, not invasive |
| Layout | Narrative vertical scroll, generous sections |
| CTA | ”Visit our showroom” — not “Buy now” |
Vue.js architecture
Single Page Application with Vue 3:
- Client-side routing for fluid section navigation
- Reusable components for villa cards, project gallery, video embeds
- Lazy loading for heavy media
- SEO with dynamic meta and prerender of main routes
Site sections
- Our Store — physical showroom presentation
- Completed Homes — villas with detail pages (e.g. Villa Demetra)
- Projects — photographic gallery by type
- Our Videos — behind-the-scenes content
- Contact — form, phone, WhatsApp, Google Maps
Details that matter
- Discreet back-to-top button, on-brand
- Hours and VAT in footer — professional transparency
- Social links (Instagram, TikTok) integrated in the narrative
- Performance: optimized video, WebP images where possible
Why Vue.js and not WordPress
The client wanted a fluid, cinematic experience without typical CMS load times. Vue.js enables section transitions, video hero and interactive galleries with full rendering control.
A site that doesn’t look like a site — it looks like an architect’s portfolio.