Affittacamere a Navacchio, la Toscana a un passo

00

Overview

B&B Cindy è un affittacamere a Navacchio, alle porte di Pisa. Il sito presenta la casa, sei camere nominate per colore e i canali per chiedere disponibilità, con una gestione pensata per il quotidiano.

01

Low-Fid Linear Wireflow

Due percorsi sullo stesso inventario: l'ospite che capisce dove dormire e quanto costa, e lo staff che assegna la stanza e tiene aggiornata la vetrina.

02

User Interview

Due voci emerse dal lavoro: chi cerca una casa a Navacchio e chi assegna le stanze, con dubbi di stile e problemi di interfaccia tradotti in scelte.

User interview · Ospite

Ospite in viaggio

Coppia o famiglia in Toscana: vuole capire se Navacchio è comodo, che atmosfera ha la casa e quanto costa in base a quante persone arrivano.

Insight

1. 01 Luogo prima del listino

   «Non cerco un hotel anonimo. Voglio capire se siamo in un paese tranquillo, a un passo da Pisa.»

   Cosa abbiamo integrato: hero con souvenir toscani sul legno, claim sulla vacanza in Toscana, sezione destinazioni con distanze reali.

2. 02 Sei colori, una regola chiara

   «Se vedo sei camere diverse, penso di poterne scegliere una. Poi scopro che decide lo staff.»

   Cosa abbiamo integrato: sottotitolo esplicito: la scelta della camera è riservata allo staff, in base a necessità e disponibilità.

3. 03 Il prezzo dipende da chi arriva

   «Siamo in tre. Non voglio un da 65 € e poi scoprire un altro numero al telefono.»

   Cosa abbiamo integrato: tabella 1 / 2 / 3 / 4 ospiti (65, 75, 95, 120 €) più 5° ospite a +15 €, con nota che le tariffe si possono concordare.

User interview · Gestione

Proprietaria

Riceve richieste, assegna le stanze, cambia foto e testi. Ha bisogno di un flusso ripetibile, anche di fretta, e di foto che mostrino davvero il letto.

Insight

1. 01 Richiesta completa, non un messaggio vuoto

   «Se mi scrivono senza date e senza numero di persone, ricomincio da zero al telefono.»

   Cosa abbiamo integrato: modale con calendario in stile sito, ospiti (e oltre 5), scroll e invio sopra notch e barre di sistema.

2. 02 Foto vere, non stock

   «Le pareti hanno un colore. Se la copertina non mostra il letto, la stanza non si capisce.»

   Cosa abbiamo integrato: copertine con letto visibile, carosello che mostra l'immagine intera, header della scheda tinto del colore camera.

3. 03 Aggiornare una stanza, non il sito

   «Cambio una descrizione o una foto: non voglio ricostruire la pagina.»

   Cosa abbiamo integrato: lista camere e builder per stanza, allineati alla vetrina pubblica.

03

Project Roadmap

1. 01

   UX Research

   Sito precedente, vincolo di struttura hospitality, identità nuova: Navacchio, sei colori, niente onde o cyan marini.

2. 02

   Initial User Flows

   Ospite (luogo, tariffe, contatto) e staff (assegnazione camera, foto, richieste con date).

3. 03

   Wireframing

   Percorso pubblico home, camere, scheda, richiesta. Admin lista, builder, online.

4. 04

   High-Fidelity UI Design

   Home hub, griglia, sei schede, info e regolamento, contatto. CTA Translate e Contattaci.

5. 05

   Client Validation

   Palette a cinque valori, Quicksand e Mulish, hero fotografica, card a colore, schede tinte.

6. 06

   Web Implementation

   Tema custom, i18n IT/EN, tariffe per occupazione, date picker, modale, carosello, builder.

7. 07

   User Testing

   Fix su sgranatura hero, foto tagliate, modale e safe-area, scroll mobile sulle schede, bandiera sbagliata, copertine senza letto.

04

Site map

Tre percorsi di conversione sul sito pubblico e un flusso di gestione lineare. Ogni freccia è un'azione reale: nav, bottone o click su card.

05

Product & design

Identità visiva allineata al sito live dormiredacindybb.it: cinque valori legno-crema, fotografia reale, tipografia Quicksand e Mulish. Sotto, i dubbi di stile e le alternative scartate.

Marchio B&B Cindy. Cuscino con paesaggio toscano, usato in header, hero e schede camera (nel colore della stanza). Favicon ritagliata dal segno, senza scritta.

Decisioni UX / UI

↳

Schermate prodotto

Schermate dal sito live: ogni immagine illustra una scelta di prodotto, un dubbio chiuso o un problema sistemato.

dormiredacindybb.it

Percorso ospite · Home

Prima impressione toscana

Foto a tutta larghezza, a filo header. Niente velo che schiarisce. Scritte nere in palette, Contattaci e Translate affiancati. Il dubbio illustrazione vs fotografia si chiude qui.

HeroContattaci

→ Scelte UX

dormiredacindybb.it/#camere

Inventario · Camere

Sei colori, non un catalogo a scelta

Griglia da tre su desktop, carosello solo su mobile (il carosello desktop è stato provato e tolto). Sottotitolo: la camera la assegna lo staff. Hover pastello del colore stanza.

CamereConfronto

→ Percorso B in site map

dormiredacindybb.it/camere/camera-verde

Percorso ospite · Scheda camera

La stanza ha un colore

Header, logo e bottone tinti di verde. Copertina con letto visibile (fix su Rossa e Lilla che non lo mostravano). Accessibilità dichiarata solo qui, dove c'è rampa e bagno dedicati.

Scheda tintaPrenota

→ Insight dell'ospite

dormiredacindybb.it/camere/camera-verde

Percorso ospite · Tariffe

Il prezzo segue le persone

Stessa tabella della home: 1–4 ospiti e 5° letto extra, poi icone comfort. Il dubbio un prezzo unico vs occupazione si chiude in scheda, non solo in homepage.

TariffeComfort

→ Percorsi CTA

06

Outcome

Indicatori attesi per un B&B locale a Navacchio: stime plausibili dopo il go-live, coerenti con il contesto, non dati di pannello.