v0.1 — Landing Page Redesign
Branch: v0.1/feat/landing-redesign
Data: 24/03/2026
Tipo: feat (UI, copy, brand identity)
Obiettivo
Il sito attuale aveva una voce troppo “corporate/SaaS startup” e non rispecchiava l’identità del brand Flow (autentica, energica, social-first). Inoltre mancava completamente un punto di ingresso chiaro per i gestori di locali — il secondo pubblico primario della piattaforma web.
Modifiche apportate
components/landing/Navbar.tsx
- Rinominato il link “Servizi” → “Per i Locali” in navbar desktop e mobile
- Motivazione: il percorso
/servicesè dedicato alle funzionalità per venue manager, non ai servizi generici. La label diretta aiuta i gestori di locali a trovare subito la loro sezione.
- Motivazione: il percorso
app/page.tsx
Hero section
-
Descrizione aggiornata da tono pitch-deck a voce autentica del brand:
“Ogni sera la tua città ha qualcosa da dire. Flow ti porta esattamente lì — gli eventi giusti, le persone giuste, il momento giusto.”
-
Trust strip: rimossi i checkmark
✓(tono corporate), sostituiti con punti separati da· -
Link venue aggiunto sotto il trust strip:
“Sei un gestore di locale? Scopri come portare il tuo brand su Flow” →
/services
Features section
- Headline: “Tutto il tuo mondo a portata di app” → “Tutto quello che ti serve per non perderti niente.”
- Sottotitolo: “Funzionalità pensate per…” → “Da solo o in crew, Flow ti porta dove succede la roba vera.”
Nuova sezione “Per i Locali”
Inserita tra la sezione Features e “Come funziona” — dark background con accenti coral.
Struttura:
- Colonna sinistra: headline + descrizione + CTA →
/services- Headline: “Il tuo locale, in tasca a chi ama uscire.”
- Nota sotto CTA: “Usi il tuo provider per i biglietti — nessuna commissione, nessun intermediario.”
- Colonna destra: grid 2×2 con i 4 benefit principali
- Analisi dettagliate (action blue)
- Gestione eventi (success green)
- Reach diretto (coral)
- I tuoi biglietti (warning yellow) — evidenzia la politica no-commission
Come funziona
Descrizioni degli step rese più dirette e informali:
- Step 01: “Compila il form beta. Ti rispondiamo entro 2 ore.”
- Step 02: “Dici a Flow cosa ti piace. Ci vogliono 60 secondi, non di più.”
- Step 03: “Esci. La tua crew ti aspetta.”
- Sottotitolo sezione: “Tre passi e sei dentro. Giuro.”
Filosofia del blend
La landing page serve due pubblici:
| Pubblico | Bisogno | Dove li portiamo |
|---|---|---|
| Utenti finali (ragazzi) | Capire cos’è Flow e scaricare l’app | Hero → Come funziona → CTA |
| Gestori di locali | Capire il valore B2B di Flow | Sezione “Per i Locali” → /services |
Il tono rimane professionale (no emoji decorative) ma acquista personalità tramite copy autentico piuttosto che design elements.
File modificati
app/page.tsxcomponents/landing/Navbar.tsx