PROTOTYPE HANDOFF

A clear source of truth for Lovable.

Preserve the approved UI/UX, bilingual structure, factual content and limitations while adding the production backend.

01 · Sitemap

Home · The Apartment · Gallery · Location & Tram T1 · Visit Florence · Careggi & Meyer · University of Florence · Ask Florence · FAQ · Book Direct · Meet Simona · Contact Simona · Privacy, Cookies & Terms · Prototype Handoff

02 · Component inventory

Global header, mobile menu, language switcher, custom graphic home hero, page hero, responsive owner-supplied photography, Google Maps embed, official Tram T1 route map, fact block, journey card, route timeline, CTA band, FAQ accordion, Q&A search, forms, calendar, price summary, five-step booking flow, outcome states, footer.

03 · Design tokens

Terracotta #A94F3DDuomo #48695BMarble #F4F0E7Pietra #72716CCharcoal #292A28Pink #C98F86

Display: editorial serif. UI/body: modern sans. Spacing scale: 4/8/12/16/24/32/48/72/104. Breakpoints: 640/900/1200 px.

04 · Page-by-page content

Every route has one clear H1, unique title draft, factual lead, internal links and a relevant conversion path. Audience pages separate leisure, hospital and academic needs without changing the core brand.

05 · Unresolved items

  • Full fiscal identity and registered address for the data controller
  • Base nightly rates, tourist tax, deposits and discounts
  • Payment provider, cancellation and refund rules
  • Live availability, booking database and transactional email

06 · Image status

Original owner-supplied photographs are retained only for the apartment, its facade and the interior gallery. Simona, Florence, Piazza Dalmazia, Tram T1, the university campus and all editorial covers use custom illustrations in the approved palette and visual language. Files are web-optimised; preserve apartment proportions and avoid misleading wide-angle crops.

07 · Interaction notes

Language switching preserves the current route and scroll position. Navigation, accordion, search and booking controls are keyboard-accessible. The booking flow is static and deliberately cannot collect payment or create a reservation.

08 · Responsive previews

Layouts are specified for 360, 390, 768, 1024 and 1440 px. Photography uses cover crops without changing image proportions; both map embeds stack into a single column on small screens.

Production instruction

Lovable must preserve the approved UI/UX while adding the real booking engine, database, payments, content management and validated legal content.

Talk to me+39 393 918 9503Check availability