Progetta una serie di annunci banner intelligenti in Photoshop

Con la continua crescita di Internet, il marketing online è diventato più grande ogni anno, e insieme a esso, l'industria della pubblicità. Uno dei fattori principali in tutta questa follia è comprare e vendere pubblicità.

Ora, ci vuole tempo per creare un annuncio di successo. Uno che ti porterà molti visitatori e un alto tasso di conversione dipende da quanto bene si rivolge a un pubblico specifico e quanto chiaro e al punto il suo messaggio è. Ma non dimentichiamolo: prima che un utente possa leggere un banner vero, è importante vederlo ed essere attratto da esso. È qui che noi, web designer, arriviamo. Il nostro compito è fare una prima impressione forte e poi consegnare il messaggio in modo visivo che sia facile da capire e al punto.

Quindi, unisciti a me in questo "lungo" suggerimento rapido mentre ti mostro alcuni elementi di base di un banner pubblicitario e poi dimostri come progettare un banner per un'azienda di web hosting.

Nota: Inizialmente avevo previsto che questo fosse un suggerimento, ma le cose non andavano più fuori controllo e alla fine ho realizzato un video più lungo. Spero solo che le informazioni in eccesso saranno utili :)


Parte 1: Introduzione


Parte 2: progettazione dei banner


Buone abitudini

Alcune buone pratiche da tenere a mente quando si progettano banner pubblicitari:

  • Resta breve e semplice.
    Gli annunci banner vengono visualizzati tra una grande quantità di informazioni in una pagina Web, quindi è necessario essere creativi per attirare l'attenzione dell'utente. E, poiché ottengono aree di visualizzazione limitate, è molto importante mantenerle semplici e facili da capire.
  • Meno è meglio.
    Usa caratteri più grandi e meno parole perché le persone semplicemente non hanno il tempo o la pazienza per leggere messaggi lunghi.
  • Mantieni le dimensioni del file basse.
    In genere, 70 KB è di buone dimensioni per un banner. Molti siti web su cui pubblicizzerai avranno limiti di dimensioni del file, ma nel caso in cui non lo facciano, è sempre una buona cosa avere velocemente banner pubblicitari in caricamento. Quindi, tieni questo a mente e non rendere le dimensioni del file troppo grandi.
  • Scegli la combinazione di colori nel contesto.
    Una regola generale qui è quella di progettare gli striscioni tenendo conto di dove verranno visualizzati esattamente. Più in particolare, prova a scegliere i colori in base allo sfondo su cui saranno seduti. Ad esempio, se hai uno sfondo blu scuro, sarebbe logico avere un banner con una BG bianca o blu chiara per creare un buon contrasto.

Struttura di un banner

  • La rubrica.
    Questo è usato per catturare l'attenzione dell'utente durante la scansione della pagina.
  • Chiamare all'azione.
    Questo è usato per spiegare all'utente come procedere. Voglio dire, la maggior parte delle persone farebbe comunque clic sull'annuncio, ma non dare per scontato che lo faranno tutti. Fornire alcuni suggerimenti visivi su cosa fare al prossimo. Questo può essere un pulsante o un'immagine, o solo un testo che dice "Clicca qui per ..." "Scopri come ..."
  • Attention-grabber (opzionale).
    Questo è opzionale, ma se implementato correttamente, può aiutarti a catturare l'attenzione dell'utente. Può essere un'illustrazione o un'immagine interessante.

Risorse addizionali

  • Linee guida per banner pubblicitari di iab.net
  • Modelli di griglia di Photoshop da premiumpixels.com
  • Uomo di affari sorpreso Stock Photo from photodune.net

Se sei interessato a incrementare il traffico e a convertire gli utenti, Envato Studio offre una grande raccolta di servizi di progettazione di banner che ti piacerebbe esplorare.