Case study Spazi Possibili:
sito web multilingua per ristrutturazioni di pregio.
Spazi Possibili è la divisione di Ciciriello Design che cerca a Milano immobili di pregio con un potenziale di trasformazione ancora inespresso. La funzione del sito spazipossibili.it è mostrare non solo cosa sono questi spazi oggi, ma cosa potranno diventare.
Il cliente si è rivolto a 1micron con l'esigenza di dare forma digitale a un servizio innovativo per il mercato immobiliare di alta gamma: valutare il potenziale di un immobile prima dell'acquisto, unendo ricerca, analisi tecnico-economica e visione progettuale.
La richiesta era di sviluppare una presenza digitale editoriale e raffinata, capace di parlare a investitori qualificati e privati esigenti, in italiano e in inglese. Sono stati concordati tre livelli di intervento:
- Creare un'identità visiva sobria ed elegante, coerente con il linguaggio progettuale di Ciciriello Design.
- Progettare schede immobile che raccontassero ogni spazio attraverso immagini, materiali e potenziale di trasformazione.
- Sviluppare un sito multilingua ottimizzato per i motori di ricerca, pensato per un pubblico nazionale e internazionale.
Analisi
Conoscere il cliente.In primo luogo, abbiamo approfondito con Francesco Ciciriello il suo metodo di lavoro con le ristrutturazioni di pregio, il ruolo di Spazi Possibili rispetto ad agenzie, architetti e interior designer e il tipo di cliente a cui il servizio si rivolge, al fine di identificare la strategia web più efficace. Spazi Possibili non è un'agenzia immobiliare: la sfida era comunicare un servizio senza precedenti diretti, senza appiattirlo sui codici di un portale di annunci. Ci siamo concentrati su due aspetti fondamentali: uno legato all'identità, l'altro al servizio.
Per l'identità abbiamo identificato visione progettuale, competenza tecnica e cura dei materiali come pilastri distintivi, usandoli come chiave di lettura per un design editoriale, essenziale e coerente con il linguaggio di Ciciriello Design.
Per il servizio abbiamo puntato sull'architettura informativa, con un percorso semplice in tre passaggi: chi siamo, spazi, contatti. Ogni immobile ha una scheda dedicata che racconta tipologia, metratura, zona, prezzo e materiali, così da presentare lo spazio come un progetto possibile e non come un semplice annuncio.
DESIGN SYSTEM
Elementi chiave
Stile
Abbiamo adottato un linguaggio visivo editoriale e materico, ispirato ai cantieri di Ciciriello Design: una palette di toni caldi che richiama legno, pietra e intonaci naturali, al posto del bianco ottico tipico dei portali immobiliari. La tipografia affianca un sans-serif essenziale per la navigazione a un serif per i testi di racconto, mentre schede scure dagli angoli morbidi e linee sottili scandiscono i contenuti. L'arancio dei link è l'unico accento cromatico: guida l'utente senza distrarlo dalle immagini.
Copywriting
Abbiamo scritto testi aderenti al linguaggio dell'architettura, precisi su spazi, materiali e interventi, ma comprensibili anche a chi vuole investire in un immobile di pregio senza essere un addetto ai lavori. I termini tecnici restano dove servono a dare valore al progetto e vengono spiegati dove il lettore ha bisogno di orientarsi. Questo lessico è stato costruito in chiave SEO: le parole scelte sono le stesse con cui investitori e privati cercano immobili da ristrutturare a Milano, in italiano e in inglese.
Colore
#FCF5EE
#2A241C
#A88B68
#8A6A43
#CA3500
Progettazione e prototipazione.Siamo partiti da zero. In Figma abbiamo disegnato il layout completo di home, pagina chi siamo e scheda immobile, definendone i componenti, annotando sulle tavole note e indicazioni visive. Il cliente le ha commentate con noi in tempo reale sul cloud, così ogni modifica è stata decisa insieme. Sul mockup, in parte wireframe, abbiamo messo alla prova diverse sequenze di blocchi per trovare l'architettura informativa più efficace. Figma è diventato il riferimento da cui creare subito i corrispondenti componenti Nuxt e in Markdown, pensati per essere modificati facilmente anche con un LLM. Solo a quel punto abbiamo montato le pagine. Pagine e schede sono modulari: per riordinare i blocchi basta spostare le righe di codice corrispondenti, con la massima velocità e precisione nelle modifiche.
Prototipazione effettuata in Figma
Approccio olistico
Visione unificata per SEO, copywriting, web design e AI.
Ogni disciplina è stata progettata in funzione delle altre. I testi rispondono ai requisiti stilistici di un pubblico esigente senza rinunciare all'ottimizzazione per i motori di ricerca. Il web design, minimalista e iper-responsivo, si adatta a ogni schermo senza compromessi sulla resa visiva. I flussi di lavoro AI tengono insieme il processo, dai contenuti alle traduzioni.
AI workflow
Ottimizzare qualità, prestazioni e precisione con l'AI.
Abbiamo integrato flussi AI per automatizzare le traduzioni e la creazione delle schede immobile, sempre sotto supervisione umana. A completare il processo, Ciciriello Design Studio ha realizzato con l'AI i rendering che mostrano il potenziale di ogni immobile, attraverso un flusso di lavoro a nodi che fonde interior design, arredi dei propri fornitori, materiali e finiture realmente utilizzati nelle sue ristrutturazioni e un concept stilistico aderente ai suoi standard produttivi.
Fotoritocco.Abbiamo lavorato sul colore delle immagini e sulla raddrizzatura degli scatti, per ottenere immagini perfette dal punto di vista geometrico, con verticali dritte e prospettive pulite, e un colore luminoso, caldo e morbido. Abbiamo eliminato la dominante fredda tendente al verde, schiarito le ombre e attenuato contrasto e saturazione: la resa è delicata e leggermente opaca, restituisce il bianco caldo delle pareti e i toni naturali dei pavimenti ed è coerente con la palette del sito.
PRIMA e DOPO
Clicca e trascina la barra verticale
Responsive design e multilingua.Ogni componente del sito web è stato sviluppato in responsive, per offrire la migliore esperienza di navigazione su smartphone, tablet e desktop. Nello specifico abbiamo progettato da zero un sistema modulare di schede immobile, in cui tipologia, metratura, zona, prezzo e materiali si compongono in modo coerente su ogni spazio, in italiano e in inglese, per un pubblico nazionale e internazionale.
Hosting. È stato selezionato Vercel per la sua semplicità d'uso, l'eccellente infrastruttura CDN e i costi competitivi.
Precisione e performance.Il sito web è stato sviluppato in NuxtJS per ottenere velocità di caricamento elevata, controllo granulare del web design e precisione al pixel.