Domande e risposte sul design della pagina di destinazione con il senior visual designer Freddierick Mesias

In Instapage ci atteniamo alle più alte aspettative: le tue. Abbiamo sentito da molti esperti di marketing che la nostra piattaforma è intuitiva e aiuta le loro campagne a guadagnare tassi di conversione più elevati. Sappiamo che i designer, in particolare, utilizzano il nostro builder a causa di alcune funzionalità specifiche che abbiamo rilasciato negli ultimi anni.

Il nostro team riceve costantemente feedback dai designer nei test di usabilità, nelle interviste moderate e nei punteggi NPS. Prendiamo molto sul serio questo feedback per continuare a costruire una piattaforma che non solo soddisfi le esigenze attuali dei designer, ma anche i desideri futuri.

Mi sono seduto con il nostro Senior Visual Designer, Freddierick Mesias, per ottenere la sua esperienza con le landing page post-clic e la piattaforma Instapage.

BW: Qual è il tuo background di design e qual è il tuo ruolo con Instapage?

FM: La mia esperienza di progettazione spazia dal web design, al branding e al design dell'interfaccia utente. I principali strumenti di progettazione che utilizzo sono Sketch (per creare prototipi ad alta fedeltà), Adobe Photoshop e Illustrator (per creare risorse visive della pagina di destinazione post clic come icone, fotoritocco, illustrazioni, ecc.)

Qui a Instapage, il nostro team di progettazione è completato da un insieme di competenze diversificate: web design, illustrazione e comunicazione del marchio. Il nostro obiettivo principale è comunicare efficacemente al nostro pubblico attraverso le immagini. Il mio ruolo in particolare è quello di progettare pagine di destinazione post clic belle e ad alta conversione per il nostro team di marketing.

BW: Com'è stata la tua prima esperienza quando hai progettato una landing page post clic con Instapage?

FM: Per me, non c'è stata molta curva di apprendimento perché il prodotto era già abbastanza avanzato quando sono entrato a far parte nel novembre 2016. Quando ho iniziato con Instapage, sono rimasto colpito dal modo in cui la piattaforma è stata costruita pensando ai designer . Il costruttore non era ingombro di un mucchio di opzioni di menu in cui potresti perderti.

Naturalmente, c'erano le guide verdi nel builder per aiutare ad allineare gli elementi, ma la funzione mobile, raggruppamento e allineamento mi ha stupito quando ho progettato la mia prima pagina di destinazione post-clic. Invece di dover allineare ogni elemento e distanziarli per i dispositivi mobili, ora potevo raggruppare gli elementi e spostarli tutti in una volta mantenendo intatte le proporzioni per i dispositivi mobili.

Quest'ultimo pezzo è particolarmente speciale perché poiché Internet utilizza i dispositivi mobili più spesso, è fondamentale che le pagine di destinazione post clic dei professionisti del marketing siano ottimizzate per i dispositivi mobili. Con quella funzione, sono stato in grado di prendere la mia versione desktop completata e convertirla automaticamente in mobile con un clic di un pulsante. In questo modo ho risparmiato un sacco di tempo e mi ha permesso di pubblicare pagine più velocemente per il nostro team.

Se dovessi definire due caratteristiche per Instapage, direi che è personalizzabile e indolore.

BW: Quanto tempo hai impiegato per familiarizzare con Instapage?

FM: Non molto tempo. La cosa di Instapage è che è di facile progettazione. Se hai familiarità con altri strumenti di progettazione come Sketch, Illustrator o Photoshop, non avrai problemi a familiarizzare con la piattaforma.

Prendi la pagina di destinazione post clic dell'integrazione di HubSpot che ho creato. L'intera pagina è stata costruita in Instapage, ma ho creato la grafica della pagina a tre livelli in Photoshop e l'ho inserita nella nostra piattaforma che ha aggiunto una bella componente visiva (vai qui per vedere la pagina di destinazione post clic completa):

BW: Quali sono le tipiche frustrazioni che i designer devono affrontare durante la creazione di landing page post clic?

FM: I designer per natura sono perfezionisti; i nostri lavori dipendono da quell'attributo. Quindi, anche se qualcosa potrebbe sembrare perfettamente allineato all'occhio inesperto, ad esempio, ma non lo è, in fondo il designer saprà che potrebbe essere migliore.

Ecco perché la nostra funzione Editor di stile in linea è particolarmente utile perché ti consente di apportare modifiche di stile personalizzate a livello di elemento. Qualsiasi cosa, dalle modifiche all'imbottitura del testo, al raggio del bordo, all'altezza della linea e altro ancora. Non devi più guardare nulla. Il nostro builder ti consente di personalizzare fino all'ultimo pixel in modo da poter creare esattamente ciò che desideri.

(Ecco un esempio di come isolare un elemento e aggiungere un'ombra esterna a un pulsante utilizzando uno stile personalizzato :)

BW: Con chi collabori di più quando progetti una pagina?

FM: A seconda della campagna, abbiamo da 3 a 5 parti interessate: 1 copywriter, 1-2 designer e 1-2 leader di marketing. Il copywriter crea un linguaggio persuasivo per dimostrare la proposta di valore e i vantaggi chiave dell'offerta, mi passa la copia per il design finale e i leader del marketing supervisionano il progetto e danno le approvazioni lungo il percorso. Inoltre, a seconda delle esigenze di progettazione della pagina di destinazione post clic, a volte comunico con il nostro grafico per creare gif o altri elementi visivi per aiutare a comunicare il messaggio.

Noterai che non ho incluso uno sviluppatore. In occasioni molto rare porteremo uno sviluppatore per l'implementazione di progetti complessi. Collaborare e scambiarsi feedback è diventato 2 volte più efficiente durante la creazione di una pagina di destinazione post clic con la nostra soluzione di collaborazione. Invece di utilizzare screenshot inviati tramite Slack o strumenti di terze parti, possiamo posizionare un hotspot su un elemento della pagina di destinazione post clic e informare il designer (copywriter o un altro stakeholder) per apportare gli aggiornamenti necessari.

(Per uno sguardo migliore sulla collaborazione, guarda questi di seguito, comunicando tramite hotspot e condividendo la pagina con il tuo team di marketing. Oppure puoi andare qui.)

BW: Qual è la tua funzione Instapage preferita e perché?

FM: Come designer, per me è difficile rispondere, ma devo dire che la mia funzione Instapage preferita sono le tre nuove funzionalità di progettazione che abbiamo annunciato nel giugno 2017:

• Misure del bordo
• Blocco asse
• Tasti rapidi

La maggior parte dei designer che conosco sono sempre affamati dello strumento giusto da utilizzare per rendere più efficiente il loro processo di progettazione. Ma deve anche creare un lavoro di progettazione pixel perfetto. Detto questo, credo che Instapage faccia proprio questo.

Simile all'utilizzo dell'app Sketch, abbiamo la misurazione del bordo e le scorciatoie da tastiera. La misurazione dei bordi è particolarmente interessante perché puoi spostare e allineare gli elementi pixel per pixel o intervallo di pixel, ottenendo le cose esattamente dove vuoi. Il blocco dell'asse consente di spostare gli elementi lungo l'asse X o Y senza problemi senza dover gestire guide disordinate.

Queste funzionalità combinate mi consentono di creare una pagina di destinazione post clic bella e perfetta per i pixel all'interno della piattaforma stessa. Ora puoi progettare senza limiti! (Per ulteriori informazioni sulla misurazione del bordo e sul blocco dell'asse, guarda questi :)

L'ottimizzazione e l'iterazione del nostro progetto iniziale dopo aver lanciato la nostra pagina di destinazione post clic in natura è una delle fasi più importanti. È qui che tornano utili le funzionalità di test A/B di Instapage.

BW: C'è una particolare pagina di destinazione post clic di cui sei più orgoglioso?

FM: Certo! Alcuni mesi fa avevo un progetto per progettare e costruire una landing page post clic per il lancio della nostra soluzione di collaborazione. Ero relativamente nuovo nel team, quindi imparare e seguire le linee guida del nostro marchio e la guida allo stile ha giocato un ruolo enorme nel processo. Sono stato in grado di creare la pagina di destinazione post clic abbastanza facilmente e sono orgoglioso di dire che attualmente ha un tasso di conversione del 24% (vai qui per vedere la pagina intera).

Hai una caratteristica di design che vorresti vederci aggiungere?

Siamo sempre alla ricerca di feedback dai nostri clienti e desideriamo aiutarti a creare landing page post clic migliori e ad alta conversione su larga scala. Se c'è una funzione di design che vorresti vederci aggiungere al nostro builder, inviaci il tuo feedback. E ti invitiamo a recensire Instapage su Capterra, Trustpilot o G2 Crowd.

Quindi, inizia a creare la tua pagina di destinazione post clic personalizzabile al 100% con Instapage. Semplicemente non puoi sbagliare con la nostra piattaforma di facile progettazione e le funzionalità avanzate di test A/B; il tuo tasso di conversione ti ringrazierà. Iscriviti oggi stesso per una demo di Instapage Enterprise.