Les pàgines d'aterratge estan fetes amb un únic propòsit: aconseguir visitants al teu lloc web per convertir-los en leads (clients potencials). Aquest propòsit pot semblar bastant simple, en teoria, però en realitat crear una bona pàgina d’aterratge requereix d’una planificació detallada. En aquest article t’ho expliquem: ‘Com crear una landing page per a inbound màrqueting’.
Hi ha exemples de landing page molt bones i dignes de mencionar que comentarem tot seguit en aquest article perquè en prenguis nota:
Independentment de si l'objectiu del teu negoci és la venda o l'acció de conversió, és útil, com a font d'inspiració, veure alguns exemples de landing page amb diferents propòsits.
D'aquesta manera, comprovaràs que no hi ha una única manera de crear una pàgina d'aterratge. Ara et proposem que vegis unes quantes landing pages enfocades a diferents sectors. Abans, però, has de tenir clar per a què serveix una pàgina d'aterratge. Pots llegir aquest article: 'Què és landing page en inbound màrqueting'.
Així doncs, si vols inspirar-te, fes un cop d'ull als exemples de landing page que t'oferim a continuació.
Aquesta pàgina d’aterratge de Wistia va enfocada a inscriure’s al compte gratuït de la plataforma. Quan entres a la landing page observem un fons blau clar, modelat, que contrasta amb el camp de formulari de color blanc brillant.
La longitud del camp a dues columnes i amb una extensió que no és excessiva, elimina la possibilitat de fricció per part de l’usuari a l’hora de crear un compte ... però si un visitant té dubtes a l’hora d’isncriure’s, aquesta landing page dóna la possibilitat que l’usuari es desplaci per llegir les respostes a les preguntes més freqüents.
Aquesta secció de preguntes està separada per un color blanc de fons i això fa, a través del contrast, que sigui molt més fàcil la conversió.
Aquest és un dels exemples de landing page que incorpora detalls bastant interessants. El primer és el senyal direccional de les imatges de suport al botó CTA (la fletxeta que, tot i que és discreta, no deixa de cridar l’atenció a l’usuari). El segon detall és el desplegable que surt perquè, qui vulgui, ompli el formulari d'una manera discreta i sense interrompre excessivament el contingut de la pàgina principal.
D’aquesta manera, aquesta landing page dóna la possibilitat que l’usuari aprengui sobre el contingut abans de lliurar les seves dades de contacte afavorint, alhora, l’impuls SEO de la pàgina.
Es tracta d’un senzill disseny de la pàgina construïda a partir d’un títol explicatiu i la imatge de l’oferta detallada amb tot el contorn que l’envolta. Els colors i fonts que utilitza són molt agradables a la vista.
Aquest estil d’exemples de landing page, inclou una casella de verificació per subscriure’s al blog que es comprova automàticament. Recorda que afegir aquest camp de verificació als formularis de les pàgines d’aterratge és una manera d'augmentar els subscriptors i també és millor deixar-la sense marcar i permetre que els usuaris triïn aquest camp. Si no és així, corres el risc d’incorporar una gran quantitat de subscriptors de baixa qualitat a la teva base de contactes.
Si estàs intentant vendre algun servei complex com és l’inbound màrqueting, pots tenir la temptació de tractar d'explicar totes les característiques i beneficis del servei a la pàgina d'aterratge.
Aquesta landing page és un exemple dissenyat per nosaltres, Inbound Emotion, i ens encanta. És una mostra de com utilitzar un text simple i un bon disseny en una pàgina per explicar un servei relativament complicat. Hi ha un bon treball en la continuïtat de colors suaus, que estan molt ben compensats amb el formulari de color taronja que crida a l'acció perquè l'usuari ompli les seves dades amb fonts de lectura fàcil, un munt d'espai en blanc i una senzilla pantalla.
Un text complicat i uns dissenys plens de testimonis de gent poden resultar, de vegades, massa confusos per als visitants.
Aquest és un altre dels exemples de landing page amb moltes característiques. Per exemple, els petits icones davant del text dels camps del formulari són tots indicatius de la informació que necessites omplir -només cal veure al costat "Nom", "Cognom"... Els camps del formulari també tenen un fons blau que es destaca de la imatge que envolta tot el formulari. A banda d’això, el botó "Enviar" té un fons de color taronja (complementari del blau), personalitzat i el missatge de la CTA està en imperatiu i amb una fletxa per indicar que després del formulari podràs descarregar-te una guia.
Igual que Unbounce, Basecamp també té una pàgina d'aterratge molt llarga amb una gran quantitat d'informació. Però allò que destaca més són els dibuixos animats a la part superior que informen als visitants que aquesta versió és "totalment nova”. També hi ha una fletxa que apunta al formulari i que serveix per dirigir l'atenció dels visitants.
Si et fixes amb aquesta landing page i et desplaces cap avall, veuràs que el formulari està difuminat per sota de la fletxa i del títol juntament amb el contingut de la dreta. Es tracta d’una tàctica per mantenir la forma de la pàgina en tot moment i amb la idea de reduir la fricció, en el cas que el visitant decideixi omplir la seva informació mentre està llegint la pàgina.
Quins altres exemples de landing page coneixes?
Ara que ja has vist alguns bons exemples de landing pages, et convidem a ampliar els teus coneixements sobre com convertir més visites en leads. Si vols aprendre a optimitzar les teves conversions amb un bon disseny de pàgines d'aterratge, segueix-nos!