Cosa fa una buona sezione hero

Una buona sezione hero ha un compito solo

Una sezione hero convince la persona giusta a continuare a scorrere. Uno arriva, ti concede qualche secondo e decide se la pagina parla del suo problema. Tutto quello che sta nella prima schermata lavora per quella singola decisione. A portarla sono quattro cose: cos’è il prodotto, per chi è, cosa cambia per lui e una sola azione chiara. Slogan, badge di premi e sfondi animati rubano spazio a quelle quattro.

Scrivi cos’è la cosa che vendi

I titoli falliscono quando descrivono una sensazione invece di un prodotto. «Ripensa il modo in cui il tuo team costruisce» può essere un CRM, uno strumento per le assunzioni o un’app di yoga. «Gestione progetti per squadre di cantiere, costruita intorno alle foto di cantiere» dice a chi legge, in una riga, se restare. Usa la parola di categoria che il tuo cliente userebbe al telefono. Se il titolo ha bisogno del sottotitolo per stare in piedi, sta facendo troppo poco.

Nomina la persona che vuoi

Una riga che qualifica il pubblico lavora più di quanto quasi ogni designer si aspetti. «Per brand su Shopify che fanno da 50.000 dollari al mese in su» manda via i visitatori sbagliati e dice a quelli giusti che sono nel posto giusto. I fondatori temono che questo restringa il mercato. In pratica un pubblico dichiarato alza la qualità delle risposte, perché chi prenota è già mezzo convinto. Metti la qualifica nel sottotitolo, o nell’occhiello sopra il titolo.

Una promessa e un’azione

Due pulsanti con lo stesso peso dividono l’attenzione e abbassano i click su entrambi. Scegli l’azione che vuoi di più, dalle il pulsante pieno, e lascia la seconda opzione come link di testo discreto. Il testo del pulsante deve dire cosa succede dopo. «Voglio il piano per la mia pagina» batte «Invia», e «Vedi i prezzi» batte «Scopri di più», perché chi legge sa cosa lo aspetta dall’altra parte del click. Usa le stesse parole sul pulsante in tutta la pagina.

Fai vedere il prodotto mentre lavora

Copri il titolo con la mano e guarda l’immagine dell’hero da sola. Se non capisci cosa si sta vendendo, quell’immagine è decorazione. Uno screenshot dell’interfaccia vera, una foto del prodotto in un contesto reale o una clip breve del risultato battono tutte un modello che sorride davanti a un portatile. Se vendi un servizio, mostra quello che consegni: la pagina che hai disegnato, la dashboard, il report finito.

Metti una prova accanto al pulsante

Una riga di prova vicino alla call to action toglie il primo dubbio prima che si formi. Una fila di cinque loghi di clienti riconoscibili, una valutazione con il numero di recensioni, o un singolo risultato con un numero vero. Vanno bene tutte. Nell’hero tieni una sola prova e lascia i casi studio alle sezioni dopo. I badge di fiducia vaghi, senza una fonte attaccata, di solito si leggono come riempitivo.

Un test di cinque minuti per la tua sezione hero

Mostra l’hero a qualcuno fuori dalla tua azienda per cinque secondi. Nascondilo e poi fai tre domande. Cosa vende questa pagina? Per chi è? Cosa succede quando clicchi il pulsante? Due risposte sbagliate su tre vogliono dire che l’hero va riscritto prima che conti qualsiasi cosa ci sia sotto. Fai la stessa prova su uno schermo di telefono, perché è lì che legge quasi tutto il tuo traffico e la piega sta molto più in alto.