Un nuovo design per una landing page che converte poco: dagli screenshot a una pagina più chiara in HTML e CSS

Esempio di risultato

Esempio per il pacchetto StandardMostra tutto

Nuovo design della homepage di un panificio a partire da uno screenshot

Prima: lo screenshot inviato dal cliente

Dopo: la nuova pagina

File: un archivio ZIP con index.html, gli stili e 2 immagini disegnate per la pagina, pronto a sostituire la vecchia pagina sull'hosting del cliente. Le immagini qui sono screenshot delle pagine.

Cliente: Miller Street Bakery, un panificio a conduzione familiare. Compito: dare alla vecchia homepage un aspetto fresco e moderno, mantenendo il nome, il caldo color marrone, gli orari di apertura e l'elenco di ciò che sfornano, con grandi immagini di pane e un pulsante per ordinare ben visibile.

Il cliente e tutti i dati sono inventati.

Informazioni sul servizio

Quando una landing riceve visite ma poche chiamate o ordini, il problema spesso sta nel modo in cui si legge: una prima schermata vaga, un muro di testo, pulsanti che si perdono, una versione mobile scomoda. Carichi gli screenshot della pagina, ci dica cosa vende e quale azione conta di più, e noi la ridisegniamo e la realizziamo: una promessa chiara in alto, sezioni nell'ordine in cui gli acquirenti si pongono le domande, pulsanti visibili e una vera versione mobile, mantenendo la sua offerta, i prezzi e il marchio e con nuove immagini disegnate apposta. Non possiamo promettere un tasso di conversione: dipende anche dalla sua offerta, dal prezzo e dal traffico. Recensioni, numeri e garanzie compaiono solo se sono sulla sua pagina o nel suo brief.

Cosa è incluso

• Cosa riceveUn archivio ZIP con la nuova pagina, gli stili e le immagini, pronto da caricare sul suo hosting, e un'anteprima di ogni pagina nella pagina dell'ordine.
• Una promessa in altoLa sua offerta detta chiaramente nella prima schermata, con il pulsante principale accanto
• Sezioni nell'ordine dell'acquistoCos'è, perché è utile, quanto costa, perché fidarsi, come ordinare
• Pulsanti ben visibiliL'azione principale ripetuta lungo la pagina; i pulsanti di contatto chiamano, aprono un'app di messaggistica o il suo link per ordinare
• Solo i suoi fattiPrezzi, recensioni e garanzie come sulla sua pagina, nulla di aggiunto
• Prima lo smartphone, codice pulitoLa maggior parte dei visitatori dagli annunci arriva da smartphone; semplice HTML e CSS, nulla caricato da altri siti

Come funziona

1. 1
   ScreenshotCarica gli screenshot della landing e indica l'offerta e l'azione principale
2. 2
   RestylingRidisegniamo la pagina, disegniamo le immagini e la realizziamo
3. 3
   Anteprima e archivioConfronta la nuova pagina con quella vecchia su computer e smartphone, chiede le revisioni previste dal suo pacchetto e scarica l'archivio

Cosa ci serve da lei

Fino a 5 immagini in PNG, JPEG o WebP: screenshot della sua landing, se possibile una pagina intera per immagine, abbastanza nitidi da leggere il testo, e, se vuole, il logo come file separato. Indichi cosa vende e a chi, l'unica azione che conta di più (chiamata, messaggio, ordine tramite il suo link), cosa secondo lei frena le persone ora, cosa deve restare parola per parola, dove deve portare ogni pulsante e, se ne ha uno, un sito che le piace come spunto per lo stile.

Le chiederemo:

• Quale screenshot corrisponde a quale pagina?
• Cosa vende, e qual è l'azione principale?
• Secondo lei cosa frena le persone ora?
• Cosa deve restare?
• Dove porta ogni pulsante?

Confronto dei pacchetti

Domande e risposte

Non hai trovato la risposta? Chiedi a noi