Întrebări și întrebări privind proiectarea paginilor de destinație cu designerul vizual senior Freddierick Mesias

La Instapage, ne ținem la cele mai înalte așteptări: ale tale. Aflăm de la mulți comercianți că platforma noastră este intuitivă și ajută campaniile lor să câștige rate de conversie mai mari. Știm că designerii, în special, folosesc constructorul nostru din cauza unor caracteristici specifice pe care le-am lansat în ultimii ani.

Echipa noastră primește în permanență feedback de la designeri în ceea ce privește testele de utilizare, interviurile moderate și scorurile NPS. Luăm acest feedback foarte în serios pentru a continua să construim o platformă care să nu răspundă doar nevoilor actuale ale proiectanților, ci și dorințelor viitoare.

M-am așezat cu designerul nostru vizual principal, Freddierick Mesias, pentru a obține experiența sa cu paginile de destinație post-clic și platforma Instapage.

BW: Care este fundalul dvs. de design și care este rolul dvs. cu Instapage?

FM: Experiența mea de design variază de la design web, branding și design interfață utilizator. Principalele instrumente de proiectare pe care le folosesc sunt Sketch (pentru a crea machete de înaltă fidelitate), Adobe Photoshop și Illustrator (pentru a crea materiale vizuale ale paginii de destinație după clic, cum ar fi icoane, editare foto, ilustrații etc.)

Aici, la Instapage, echipa noastră de design este completată de un set divers de abilități: design web, ilustrare și comunicare de marcă. Obiectivul nostru principal este de a comunica eficient publicului nostru prin imagini. Rolul meu este în mod specific să proiectez pagini de destinație frumoase, cu conversie ridicată, după clic pentru echipa noastră de marketing.

BW: Cum a fost prima ta experiență când ai proiectat o pagină de destinație după clic cu Instapage?

FM: Pentru mine, nu a existat prea multă curbă de învățare, deoarece produsul era deja destul de avansat în momentul în care m-am alăturat în noiembrie 2016. Când am început cu Instapage, am fost impresionat de modul în care platforma a fost construită, având în vedere designerii. . Constructorul nu a fost aglomerat cu o grămadă de opțiuni de meniu unde te-ai putea pierde.

Desigur, existau ghidaje verzi în constructor pentru a ajuta la alinierea elementelor, dar caracteristica mobilă, grupare și aliniere m-a uimit când am proiectat prima mea pagină de destinație după clic. În loc să trebuiască să aliniez fiecare element și să le spațiez pentru mobil, aș putea acum să grupez articole și să le mut toate dintr-o dată, păstrând raportul de aspect intact pentru mobil.

Această ultimă piesă este deosebit de specială, deoarece internetul folosește mobilul mai des, este esențial ca paginile de destinație post-clic ale marketerilor să fie optimizate pentru mobil. Cu această caracteristică, am reușit să iau versiunea desktop completată și să o convertesc automat la mobil printr-un clic de buton. Făcând acest lucru, am economisit o grămadă de timp și mi-a permis să public pagini mai repede pentru echipa noastră.

Dacă ar fi să definesc două caracteristici pentru Instapage, aș spune că este personalizabilă și nedureroasă.

BW: Cât timp ți-a luat să te simți confortabil folosind Instapage?

FM: Nu deloc mult. Lucrul despre Instapage este că este potrivit pentru designeri. Dacă sunteți familiarizat cu alte instrumente de proiectare precum Sketch, Illustrator sau Photoshop, nu veți avea nicio problemă să vă simțiți confortabil cu platforma.

Luați pagina de destinație post-clic de integrare HubSpot pe care am creat-o. Întreaga pagină a fost construită în Instapage, dar am creat grafica cu trei straturi în Photoshop și am inserat-o în platforma noastră, care a adăugat o componentă vizuală frumoasă (accesați aici pentru a vedea pagina de destinație completă după clic):

BW: Care sunt frustrările tipice cu care se confruntă designerii atunci când creează pagini de destinație după clic?

FM: Proiectanții din fire sunt perfecționiști; locurile noastre de muncă depind de acest atribut. Așadar, chiar dacă ceva ar putea părea perfect aliniat cu ochiul neantrenat, de exemplu - dar nu este - adânc, designerul va ști că ar putea fi mai bun.

De aceea, funcția Editor de stil în linie este deosebit de utilă, deoarece vă permite să faceți modificări de stil personalizate la nivel de element. Orice de la modificările de umplere a textului, raza chenarului, înălțimea liniei și multe altele. Nu mai trebuie să privești nimic. Constructorul nostru vă permite să personalizați până la ultimul pixel, astfel încât să puteți crea exact ceea ce doriți.

(Iată un exemplu în care puteți izola un element și adăuga o umbră la un buton folosind un stil personalizat :)

BW: Cu cine colaborați cel mai mult atunci când proiectați o pagină?

FM: În funcție de campanie, avem cel puțin 3 până la 5 părți interesate: 1 redactor, 1-2 designeri și 1-2 lideri de marketing. Redactorul elaborează un limbaj convingător pentru a demonstra propunerea de valoare și avantajele cheie ale ofertei, îmi transmite copia pentru proiectarea finală, iar liderii de marketing supraveghează proiectul și dau aprobări pe parcurs. De asemenea, în funcție de nevoile de proiectare ale paginii de destinație post-clic, uneori comunic cu designerul nostru grafic pentru a crea gif-uri sau alte imagini vizuale pentru a ajuta la comunicarea mesajului.

Veți observa că nu am inclus un dezvoltator. În ocazii foarte rare, vom aduce un dezvoltator pentru implementarea proiectării complexe. Colaborarea și oferirea reciprocă de feedback au devenit de două ori mai eficiente atunci când construiți o pagină de destinație post-clic cu soluția noastră de colaborare. În loc să folosim capturi de ecran trimise prin intermediul unor instrumente Slack sau terțe părți, putem plasa un hotspot pe un element de pagină de destinație post-clic și să îl anunțăm pe proiectant (redactor sau un alt părți interesate) pentru a face actualizările necesare.

(Pentru o privire mai bună asupra colaborării, urmăriți-le pe cele de mai jos - comunicând prin hotspoturi și partajând pagina echipei dvs. de marketing. Sau puteți merge aici.)

BW: Care este caracteristica ta preferată Instapage și de ce?

FM: Ca designer, mi-e greu să răspund, dar ar trebui să spun că funcția mea preferată Instapage sunt cele trei noi capacități de design pe care le-am anunțat în iunie 2017:

• Măsurători de margine
• Axis Lock
• Comenzi rapide de la tastatură

Cei mai mulți designeri pe care îi cunosc sunt întotdeauna înfometați de instrumentul potrivit pe care să-l folosească pentru a-și eficientiza procesul de proiectare. Dar trebuie, de asemenea, să creeze un design perfect pentru pixel. Acestea fiind spuse, cred că Instapage face exact asta.

Similar cu utilizarea aplicației Sketch, avem măsurarea muchiilor și comenzi rapide de la tastatură. Măsurarea muchiilor este deosebit de interesantă, deoarece puteți muta și alinia elemente pixel cu pixel sau gama de pixeli - obținând lucrurile exact acolo unde doriți. Blocarea axei vă permite să mutați elemente de-a lungul axei X sau Y fără probleme, fără a fi nevoie să aveți de-a face cu niciun ghidaj dezordonat.

Aceste caracteristici combinate îmi permit să construiesc o pagină de destinație frumoasă, perfectă pentru pixeli, după clic pe platformă. Acum, puteți proiecta fără limite! (Pentru mai multe informații despre măsurarea muchiilor și blocarea axei, urmăriți-le :)

Optimizarea și repetarea proiectului nostru inițial după lansarea paginii de destinație post-clic în natură este una dintre cele mai importante etape. Aici capabilitățile de testare Instapage A / B sunt utile.

BW: Există o anumită pagină de destinație după clic de care sunteți cel mai mândru?

FM: Desigur! Acum câteva luni am avut un proiect de proiectare și construire a unei pagini de destinație post-clic pentru lansarea soluției noastre de colaborare. Eram relativ nou în echipă, așa că învățarea și respectarea liniilor directoare de marcă și a ghidului de stil au jucat un rol imens în acest proces. Am reușit să creez pagina de destinație după clic destul de ușor și sunt mândru să spun că are în prezent o rată de conversie de 24% (accesați aici pentru a vedea pagina completă).

Aveți o caracteristică de proiectare pe care doriți să o vedeți adăugând?

Căutăm întotdeauna feedback de la clienții noștri și dorim să vă ajutăm să creați pagini de destinație post-clic mai bune, cu conversie ridicată, la scară largă. Dacă există o funcție de proiectare pe care doriți să o vedeți adăugând la constructorul nostru, vă rugăm să ne trimiteți feedback. Și vă urez bun venit să revizuiți Instapage pe Capterra, Trustpilot sau G2 Crowd.

Apoi, începeți să creați pagina de destinație post-clic 100% personalizabilă cu Instapage. Pur și simplu nu vă puteți înșela cu platforma noastră ușor de conceput și capabilitățile avansate de testare A / B; rata de conversie vă va mulțumi. Înscrieți-vă astăzi pentru o demonstrație Instapage Enterprise.