PROTOTYPE HANDOFF
Preservare UI/UX approvate, struttura bilingue, contenuti fattuali e limitazioni durante l’aggiunta del backend di produzione.
Home · L’appartamento · Galleria · Posizione e Tramvia T1 · Vivere Firenze · Careggi e Meyer · Università di Firenze · Chiedi a Firenze · FAQ · Prenota direttamente · Conosci Simona · Contatta Simona · Privacy, cookie e termini · Prototype Handoff
Header globale, menu mobile, selettore lingua, copertina grafica personalizzata, hero pagina, fotografie responsive fornite dal proprietario, Google Maps incorporata, cartina ufficiale del Tram T1, blocco dati, card percorso, timeline, banda CTA, accordion FAQ, ricerca Q&A, moduli, calendario, riepilogo prezzo, flusso di prenotazione in cinque passaggi, stati finali, footer.
Display: serif editoriale. UI/testo: sans moderna. Scala spazi: 4/8/12/16/24/32/48/72/104. Breakpoint: 640/900/1200 px.
Ogni percorso ha un H1 chiaro, bozza titolo unica, apertura fattuale, link interni e percorso di conversione pertinente. Le pagine pubblico separano svago, ospedale e università mantenendo un brand coerente.
Le fotografie originali fornite dal proprietario restano soltanto per l’appartamento, la sua facciata e la galleria degli interni. Simona, Firenze, Piazza Dalmazia, il Tram T1, il campus universitario e tutte le copertine editoriali usano illustrazioni personalizzate nella palette e nel linguaggio visivo approvati. I file sono ottimizzati per il web; preservare le proporzioni dell’appartamento ed evitare grandangoli fuorvianti.
Il cambio lingua conserva percorso corrente e posizione di scorrimento. Navigazione, accordion, ricerca e controlli di prenotazione sono accessibili da tastiera. Il flusso di prenotazione è statico e non può raccogliere pagamenti o creare prenotazioni.
I layout sono definiti per 360, 390, 768, 1024 e 1440 px. Le fotografie usano ritagli cover senza alterare le proporzioni; entrambe le mappe passano a una colonna sugli schermi piccoli.
Lovable deve preservare la UI/UX approvata durante l’aggiunta del vero motore di prenotazione, database, pagamenti, gestione contenuti e testi legali validati.