UX/UI Design · CRO · Web Optimization

Da sito vetrina
a macchina di conversione

Ottimizzazione completa di un property website per affitti brevi di lusso a Roma: architettura informativa, conversion rate optimization e analisi comportamentale con dati reali.

UX/UI Design CRO Web Optimization Analytics
Colosseum Luxury Suite — interno suite
Cliente
Colosseum Luxury Suite
Ruolo
UX/UI Designer · Developer
Anno
2024
Strumenti
Figma · Framer · React JSX · GA4 · Clarity

01 — Il Contesto

Un sito di lusso senza
una strategia di conversione

Colosseum Luxury Suite è una struttura ricettiva di lusso situata a pochi passi dal Colosseo, con due appartamenti distinti: Suite 26 e Suite 41. Il sito era costruito su un template Framer e funzionava come semplice vetrina, senza una strategia di conversione definita.

Il problema principale: i potenziali ospiti arrivavano sul sito ma non avevano abbastanza informazioni per prendere una decisione d'acquisto. Non esistevano pagine dedicate alle singole suite, mancavano elementi di trust, e i call to action erano generici e poco visibili.

Sito originale Colosseum Luxury Suite — template Framer

02 — Analisi & Ricerca

Tre strumenti, una diagnosi chiara

Prima di toccare il design, ho analizzato il comportamento reale degli utenti attraverso tre strumenti in combinazione: Google Search Console, GA4 e Microsoft Clarity.

Search Console — 12 mesi
630
Impressioni organiche accumulate. Il sito compariva nelle ricerche giuste, ma non riusciva a trattenere gli utenti.
CTR organico
5,6%
Sopra la media per il settore hospitality. La presenza era buona — il problema era a valle, nell'esperienza sul sito.
Avanzamento al contatto
<7%
97 utenti arrivavano sulla homepage. Solo 6 raggiungevano la pagina Contact. Il funnel si interrompeva prima del contatto.
97
Homepage
30
Suite 41
29
Suite 26
6
Contact

Gli utenti cercavano le suite ma non le trovavano. La heatmap Clarity mostrava che l'elemento con più clic in assoluto (8,89% del totale) era il titolo "Colosseum Luxury Suites" — gli utenti cliccavano cercando una pagina dedicata che non esisteva.

Clarity rilevava anche un rage click del 1,49% e clic non recapitabili al 6,93% — segnali di frustrazione nell'interfaccia. Lo scroll depth medio si fermava al 52% con un tempo di attività di 51 secondi.

Microsoft Clarity dashboard — 202 sessioni
Clarity — sessioni analizzate
202
Sessioni registrate da Clarity per l'analisi comportamentale.
Rage click (pre-ottimizzazione)
1,49%
Clic ripetuti in frustrazione su elementi dell'interfaccia che non rispondevano come atteso.
Clic non recapitabili
6,93%
Elementi che sembravano cliccabili ma non lo erano. Attrito diretto nel percorso utente.

03 — Problemi Identificati

Quattro blocchi sistemici
alla conversione

01
Nessuna pagina dedicata per le suite
Gli utenti cercavano una destinazione, trovavano una sezione. Nessun contesto approfondito, nessuna gallery completa, nessun pricing visibile. Il click più frequente era un link che non portava da nessuna parte.
02
Trust signals assenti o nascosti
Il badge Airbnb Superhost era presente ma non prominente. In hospitality di lusso la fiducia precede l'interesse — non può essere un dettaglio secondario. L'ospite deve vedere le credenziali prima ancora di leggere.
03
CTA generici e mal posizionati
I pulsanti di prenotazione non comunicavano valore e non comparivano nei momenti giusti del funnel di lettura. Un ospite che finiva di leggere non aveva un'azione ovvia da compiere.
04
Nessuna differenziazione tra le suite
Suite 26 e Suite 41 venivano presentate come varianti intercambiabili. Un ospite non aveva strumenti per capire quale fosse più adatta alle proprie esigenze — e le visite erano quasi identiche (30 vs 29).

04 — Le Ottimizzazioni

Quattro interventi,
un sistema coerente

01
Pagine suite dedicate
Ho progettato e sviluppato pagine dedicate per /suite-26 e /suite-41 come componenti React JSX custom in Framer. Ogni pagina include gallery con navigazione, lista completa dei servizi, pricing, recensioni reali e doppio CTA per intercettare utenti in momenti diversi del processo decisionale.
02
Trust signals above the fold
Riposizionamento del badge Airbnb Superhost nella hero section con stelle e numero di recensioni visibili immediatamente. Aggiunta di una sezione posizione con mappa e distanze dai punti d'interesse principali — perché la location è il primo motivo di scelta.
03
Doppio CTA strategico
Prenotazione diretta via Airbnb per chi è pronto, contatto WhatsApp per chi è ancora in fase di valutazione. I due canali intercettano momenti diversi del processo decisionale senza forzare una scelta prematura.
04
SEO on-page
Ottimizzazione di meta title e description per entrambe le suite con keyword specifiche per la nicchia luxury short-term rental Roma. Le pagine suite dedicate creano anche superficie indicizzabile aggiuntiva che il sito precedente non aveva.
Mockup — Pagine /suite-26 e /suite-41

05 — Risultati

+50,9% di engagement
a una settimana dal lancio

A una settimana dal lancio delle ottimizzazioni i primi segnali sono positivi. I dati GA4 mostrano crescita su tutti i fronti, mentre i segnali di frustrazione rilevati da Clarity sono scomparsi completamente.

GA4 · Utenti attivi
+23,9%
vs periodo precedente
Utenti attivi totali
GA4 · Nuovi utenti
+18,1%
vs periodo precedente
Nuovi visitatori
GA4 · Conteggio eventi
+50,9%
vs periodo precedente
Ogni interazione con il sito
Prima
Rage click 1,49%
Clic non recapitabili 6,93%
Scroll depth medio 52%
Dopo
Rage click 0%
Clic non recapitabili 0%
Sessioni registrate 9
Nota sui dati: i risultati sono rilevati a 7 giorni dal lancio. Google impiega 4–8 settimane per rivalutare le pagine ottimizzate — i risultati organici saranno più leggibili nel prossimo aggiornamento.
Google Analytics 4 — risultati post-ottimizzazione

06 — Riflessioni

L'ospite di lusso
non prenota d'impulso

Questo progetto ha confermato quanto l'hospitality di lusso abbia dinamiche di conversione specifiche: l'utente non prenota impulsivamente, costruisce fiducia prima ancora di raccogliere informazioni. Ogni scelta di design — dalla posizione del badge Superhost alla struttura della gallery — era orientata a supportare quel processo.

A volte il lavoro del designer non è inventare nuovi pattern, ma ascoltare quello che gli utenti stanno già cercando di fare. Gli 8,89% di clic sul titolo erano una richiesta chiara: "dammi una pagina dedicata."
— Insight dalla heatmap Clarity
Figma Framer React JSX Google Search Console GA4 Microsoft Clarity

Prossimo progetto

Adecco Gen Z →