El disseny de la pàgina d'inici (o pàgina d'inici) és el disseny visual i estructural de la primera pàgina d'un lloc web que els visitants veuen quan visiten el lloc per primera vegada. La pàgina d'inici té un paper clau a l'hora de crear la primera impressió del lloc i ajuda els visitants a trobar la informació que necessiten o a navegar més a través del recurs.
1. Disseny de la pàgina d'inici de Shopify
Com moltes de les altres pàgines de destinació d'aquesta publicació, la pàgina de destinació de mostra Shopify ho fa senzill. Per exemple, el títol centrat en l'usuari és només unes poques paraules i la pàgina es basa en vinyetes simples en lloc de paràgrafs per transmetre els detalls i els avantatges de la prova. Només hi ha uns quants camps que cal omplir abans de començar. Tot això fa que sigui més fàcil per a vostè vendre en línia amb la seva eina.
2. Disseny de la pàgina d'inici del morrió
Les pàgines de destinació ajuden els usuaris a decidir si el vostre producte o servei val la pena el seu valuós temps i energia. Quina millor manera de comunicar la vostra proposta de valor de manera clara i directa que relacionant els vostres visitants amb el mateix problema que resol la vostra aplicació?
Els comentaris d'Instagram són més
MusellóUna aplicació per a Mac que silencia les notificacions a la pantalla ho cobreix completament mostrar sense dir-ho mentalitat a la seva pàgina de destinació mínima. Els visitants d'aquesta pàgina són rebuts per un ràpid foc de notificacions incòmodes a l'extrem superior esquerre de la pantalla. L'animació no només és divertida, sinó que també transmet de manera convincent la utilitat de l'aplicació sense descripcions llargues.
3. Disseny de la pàgina d'inici de TransferWise
TransferWise us permet enviar i rebre diners en diverses monedes, i la seva pàgina de destinació, que es mostra a continuació, desglossa cada acció individual perquè no us distregui les opcions que no us apliquen.
Si voleu enviar diners, podeu omplir el formulari de transferència. Per rebre diners, només cal que aneu a la pestanya del mig i per registrar-vos a TransferWise amb la vostra targeta de dèbit, aneu a la pestanya de l'extrem dret.
Cada pestanya d'aquesta pàgina de destinació crea la seva pròpia crida a l'acció depenent del que us inscriviu, cadascun amb un marc verd brillant per ressaltar el següent pas després de tres possibles punts de partida.
4. Disseny de la pàgina d'inici d'Airbnb
Per ajudar a convertir els visitants en amfitrions, Airbnb ofereix una personalització temptadora: una estimació aproximada dels ingressos mitjans en funció de la vostra ubicació. Podeu introduir informació addicional sobre la vostra ubicació potencial als camps per obtenir una avaluació encara més personalitzada.
Si ja heu visitat una pàgina de la qual esteu convençuts, una crida a l'acció clara a la part superior de la pàgina facilita la conversió al moment.
5.Teambit
peculiar no sol ser la primera paraula que us ve al cap quan penseu en el programari de recursos humans, però la pàgina de destinació visual de Teambit és només això. Un formulari senzill amb un camp s'acompanya d'una oficina adorable plena de personatges animals, tots ells molt feliç amb Teambit, si estàs interessat. Apareix un animal de dibuixos animats al costat de cada secció d'informació de la pàgina de destinació, que convida els visitants a desplaçar-se cap avall per obtenir més informació. Disseny de la pàgina d'inici
Pàgina de destinació Teambit és una gran prova que no cal tenir un producte o servei "divertit" per crear una pàgina de destinació divertida.
6. Disseny de la pàgina d'inici de Wistia
En primer lloc, aquesta és la pàgina de destinació Wistia pel seu compte Wistia gratuït. Immediatament observeu el formulari amb un camp per crear un compte: el fons blau amb un disseny mínim contrasta molt bé amb el camp de formulari blanc brillant.
La longitud del camp del formulari combinada amb una ubicació destacada elimina gairebé tota la fricció a l'hora de crear un compte... però si teniu dubtes, sempre podeu desplaçar-vos a continuació per llegir les PMF. En separar els dos amb un fort contrast de color, Wistia facilita molt el procés de conversió.
7. Flux web. Disseny de la pàgina d'inici
Flux web, una eina de disseny per a desenvolupadors web, inclou molta informació en un GIF i tres camps de formulari. Seria bo tenir tot el formulari de registre en una línia; no només fa que la pàgina sigui més curta, sinó que omplir tots els camps d'esquerra a dreta mostra als usuaris fins a quin punt estan de fer clic al quart botó blau i començar de manera gratuïta.
El GIF animat a sota del formulari es mostra al mateix marc del lloc web perquè els usuaris puguin veure com funciona el producte. и registrar-se sense desplaçar-se ni anar a una pàgina nova.
Disseny de la pàgina d'inici del llibre electrònic
8. Disseny de la pàgina d'inici de Nauto
Nauto, una plataforma de dades de cotxes autònoms, està ajudant a fer que la conducció autònoma sigui més segura per a les empreses que gestionen flotes. Naturalment, els seus clients necessitaran tota la informació per vendre en aquesta plataforma. Nauto ho té molt senzill llibre electrònic, la pàgina de destinació de la qual us ofereix un breu formulari de contacte i una vista prèvia d'estadístiques per demostrar per què aquest recurs és tan important.
El botó verd "Descarrega ara" fins i tot pot haver estat a propòsit (el verd significa "anar" després de tot).
Desplaceu-vos cap avall i veureu un altre CTA "Obtén un llibre electrònic" per recordar als usuaris què hi ha a la botiga. També veureu tres estadístiques d'accidents de trànsit per animar els usuaris a obtenir més informació. Comproveu-ho a continuació.
9. Disseny de la pàgina d'inici del màrqueting industrial fort
Aquesta pàgina de destinació em atrau immediatament amb el seu títol irresistible i contundent: "No em facis zoom". Això parla directament de l'experiència general que tenim la majoria de nosaltres quan ens desplacem pels nostres telèfons o tauletes, i també és una mica descarat.
Però això no és l'únic que em va interessar en aquesta pàgina de destinació. Observeu com el color vermell es col·loca estratègicament a la part superior i inferior del formulari, apropant-vos encara més a l'esdeveniment de conversió.
A més, aquest disseny és meta per arrencar: té un aspecte i funciona molt bé dispositius mòbils. Tingueu en compte que molts visitants accediran a les vostres pàgines de destinació als seus telèfons intel·ligents o tauletes, i si disseny del teu lloc web no els convé, poden renunciar i abandonar la teva pàgina.
Els especialistes en màrqueting de la força industrial van fer el camp tipus de lletra i formularis prou grans perquè els visitants no hagin de, per exemple, fer zoom per llegir i interactuar amb el contingut.
10. Xat en directe de Velaro
De vegades, els detalls més petits fan la diferència més gran. Per exemple, són ells els que fan la pàgina de destinació Xat en directe de Velaro increïble.
Aquest petit símbol PDF a sobre de la imatge de l'element ajuda a determinar en quin format es farà la descàrrega. Una fletxa abans del subtítol ajuda a ressaltar encara més la còpia important que els visitants volen llegir. Igual que IMPACT, també tenen una casella de selecció marcada automàticament subscripcions al butlletí del seu formulari, que, si es converteix en una casella de selecció addicional, és una bona manera d'augmentar el nombre de subscriptors. Tots aquests detalls petits i aparentment insignificants ajuden a sumar un disseny sòlid i sorprenent de la pàgina de destinació. Disseny de la pàgina d'inici
11. IMPACTE Branding i disseny / Disseny de pàgina d'inici
Casa IMPACTE han estat durant molt de temps una font d'inspiració per als dissenyadors. M'encanta el disseny senzill de la pàgina, des de la còpia gran del títol i la imatge detallada, fins al contorn que envolta la forma, fins als colors i els tipus de lletra que són molt agradables a la vista.
El manual gratuït que IMPACT ofereix per descarregar aquí tampoc no destaca la descàrrega en si al botó blau que us permet enviar el formulari emplenat. Més aviat, IMPACT us convida a "generar més conversions" centrant-vos en el que podeu obtenir amb la lectura de la guia.
Pàgines de destinació per obtenir més informació
12 Unbounce
No m'estranya que Unbounce està al capdavant d'aquesta llista: realment van escriure el llibre sobre la creació de pàgines de destinació d'alta conversió. Tot i que hi ha moltes coses sorprenents sobre aquesta pàgina de destinació, dues que m'agraden molt són: 1) l'ús d'un quadre de xat en lloc d'un formulari clàssic, i 2) la informació detallada, però ben empaquetada, a sota del disseny del formulari/pàgina d'inici.
La primera ajuda a dirigir l'atenció al propòsit de la pàgina, perquè ompliu un formulari, d'una manera discreta i que no sembli una tasca. El segon dóna a aquesta pàgina un impuls SEO (els motors de cerca tindran més contingut per rastrejar) i elimina l'ansietat de les persones que necessiten saber més sobre un contingut abans d'enviar la seva informació, sense distreure la gent de la finestra de xat.
13. Bills.com. Disseny de la pàgina d'inici
La gent sovint pensa que les pàgines de destinació són pàgines estàtiques del vostre lloc web. Però amb les eines adequades, podeu fer-les interactives i personalitzades.
Preneu l'exemple següent amb Bills.com. Per saber si us beneficiaria de la seva consulta, responeu a tres preguntes abans que se us mostri el formulari. Comença amb això:
A continuació, responeu a dues preguntes més com la següent:
I aquí teniu el formulari final de la pàgina de destinació on ompliu les vostres dades:
No estic segur de com funciona l'algorisme (o si n'hi ha un), però mentre l'estava omplint em preocupava no qualificacions. Un cop vaig saber què vaig fer, em va emocionar omplir el formulari, cosa que estic segur que la majoria de les persones que tenen deutes i fan servir aquesta eina. En fer que aquesta oferta sigui més exclusiva abans que el formulari aparegui a la pàgina de destinació, aposto que Bills.com ho farà de manera significativa augment de la conversió.
14. Disseny de la pàgina d'inici de Trulia
Trulia va fer una cosa molt semblant a Bills.com amb la seva pàgina de destinació. Comença amb un formulari senzill que demana "adreça" (que sona menys esgarrifós que "la teva adreça", encara que això és el que volen dir). A sota d'aquest camp de formulari senzill hi ha un botó taronja brillant que contrasta bé amb la imatge del personatge que hi ha darrere del formulari i destaca que l'estimació es personalitzarà a casa vostra.
Per descomptat, l'adreça en si no és suficient per estimar el valor de la casa. Simplement denota l'entorn de la casa. És per això que la pàgina següent inclou preguntes addicionals sobre la propietat, com ara el nombre de llits i banys. A continuació podeu veure una còpia de "Indiqueu-nos on enviar l'informe", amb l'exempció de responsabilitat que en introduir aquesta informació accepteu contactar amb l'agent immobiliari. Aquest és un gran exemple de com una empresa valora els seus visitants des del principi, alhora que estableix les expectatives dels visitants del que passarà com a resultat.
15. Disseny de la pàgina d'inici de Landbot
Landbot, un servei que crea pàgines de destinació basades en chatbots, col·loca el seu propi producte al centre de la seva pàgina de destinació basada en xat. Els visitants són rebuts per un bot amigable (complet amb emojis i GIF) que els anima a proporcionar informació en un format de conversa en lloc de la forma tradicional.
16. Webprofits
Per una mica de contrast... què passa amb les pàgines de destinació llargues? Amb només uns quants trucs, podeu fer que fins i tot la pàgina de destinació més llarga sembli curta. La pàgina de destinació de Webprofits a continuació mostra com fer-ho. Disseny de la pàgina d'inici
Hi ha un botó CTA destacat a la part superior dreta per obtenir més informació, amb un bon contrast al fons per destacar-lo i una fletxa cap avall per animar el desplaçament. En no col·locar el camp del formulari al davant, ajuden a reduir la fricció i ofereixen als visitants l'oportunitat d'aprendre més abans que se'ls presenti una opció de conversió.
També et permeten entendre què és realment fa Guanys web . La resta de la pàgina proporciona detalls del que rebrà quan envieu la vostra informació. A més, inclou CTA estratègiques per ajudar-vos a tornar a la part superior per omplir el formulari, com ara "Parlem".
17. H.BLOOM
De vegades només cal aturar-se i admirar una pàgina de destinació pel bonic que és. Quan utilitzeu una foto d'alta resolució i molt espai en blanc a la pàgina de destinació H.BLOOM agradable de mirar.
Més enllà de la seva bellesa, la pàgina té alguns elements de conversió fantàstics: un formulari general, una descripció clara i concisa del que passarà quan ompliu el formulari i fins i tot un botó taronja brillant "Envia". L'únic que canviarem? Còpia al botó d'enviament: pot ser més específic per a la proposta que s'ofereix. Disseny de la pàgina d'inici
18. Conversionlab
Tot i que no inclouria una publicació d'exemple de formulari en una publicació sobre pàgines de destinació, aquest lloc és especial. Pàgina d'inici és el lloc sencer; els enllaços de navegació simplement us portaran a la informació següent. Disseny de la pàgina d'inici
Quan feu clic a "Obtén ajuda a les pàgines de destinació", tot el lloc es mou per deixar espai per al formulari. Aquí teniu el que sembla abans de fer clic:
I, quan feu clic a aquesta CTA, comproveu com és el formulari:
M'agrada que no hagis de sortir de la pàgina per omplir el formulari, però el formulari no serà intrusiu per als visitants ocasionals del lloc.
Idees/Disseny de pàgina d'inici
Una pàgina d'inici ben optimitzada pot convertir els clients en clients potencials mitjançant la captura d'informació que us ajudarà a entendre, comercialitzar i delectar millor els vostres visitants. Com que les pàgines de destinació són fonamentals per a les conversions, és important assegurar-se que estiguin ben planificades, dissenyades i executades. A continuació, es detallen algunes coses a tenir en compte a l'hora de crear objectiu pàgines: estètica atractiva: només el color de la pàgina de destinació i una interfície d'usuari neta poden ajudar. Els visitants voldran aprendre més sobre els vostres productes i veure proves del valor que oferiu. Fes una ullada al número 10 de la nostra llista, Inbound Emotion, per obtenir un gran exemple d'una pàgina web fantàstica.
Menys és més: deixeu que la frase o les imatges parlin majoritàriament, però assegureu-vos d'incloure tots els títols descriptius i el text de suport perquè la vostra pàgina de destinació sigui clara i convincent. Això s'aplica a gairebé tots els components de la pàgina: espais en blanc, còpia simple i formularis més curts.
Disseny de la pàgina d'inici
Mantenir els visitants a la pàgina: en eliminar la navegació principal o qualsevol enllaç d'entrada que distregui, és menys probable que hi hagi algun tipus de fricció de generació de contactes que pugui portar els visitants a abandonar la vostra pàgina.
Compartir a les xarxes socials. Una manera senzilla d'atreure visitants a la vostra pàgina de destinació és mitjançant els botons de compartirxarxes socials, perquè puguin distribuir el teu contingut als seus seguidors de les xarxes socials. Després de tot, els clients són el centre del vostre volant de màrqueting.
Proves A/B: les pàgines de destinació són importants per funcionar correctament i, com que la psicologia del consumidor de vegades pot ser sorprenent, sempre és millor experimentar amb diferents versions de les vostres pàgines per veure quina té la taxa de conversió (CVR) més alta. Comproveu el posicionament de l'oferta, els tipus de CTA o fins i tot l'esquema de colors.
Crida a l'acció: CTA, on es troba la carn a la pàgina de destinació, o el punt d'inflexió, on hi ha la possibilitat de convertir-se en contactes. Els CTA poden demanar als visitants que es subscriguin, baixin, omplin un formulari i comparteixin xarxes socials etc., però en general, les CTA són necessàries per implicar més activament el vostre públic amb la vostra oferta. Per generar contactes, els CTA han de ser atrevits i atractius, però el més important, han de transmetre valor de manera eficaç.
Deixa un comentari