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.
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
Web design
Ottimizzazione e approccio olistico
L'approccio olistico è consistito nel fondere SEO, web design minimalista e copywriting: testi capaci di rispondere ai requisiti stilistici di un target esigente senza rinunciare all'ottimizzazione per i motori di ricerca. Abbiamo integrato flussi AI per automatizzare le traduzioni e la creazione delle schede immobile, sempre sotto supervisione. 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.
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.
Colore
#FCF5EE
#2A241C
#A88B68
#8A6A43
#CA3500
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.