<img height="1" width="1" src="https://www.facebook.com/tr?id=1900496326931529&amp;ev=PageView &amp;noscript=1">

Quins elements de disseny inbound ha de tenir la meva pàgina web per convertir?

Primer de tot, abans de començar a explicar amb detall tots els elements que ha de tenir la teva pàgina web perquè esdevingui, cal tenir en compte el següent:

- Has de ser corporatius. A què em refereixo? Doncs que tots aquests elements te'ls has de portar al teu terreny estètic, ha de respirar marca, deu comunicar la teva essència no et deixis portar pels exemples que posaré ni agafar-se a les tendències visuals com si no hi hagués un demà.


- Contingut i disseny. Ni amb només un bon contingut impactarás ni amb sol disseny convertiràs. Té cura del disseny, ja que és el primer que es veu, és la primera impressió, és que la teva pàgina web sigui fàcil de navegar etc. Però de la mateixa manera que invertiràs en un bon disseny, has d'invertir en un bon contingut. Disseny sense contingut o contingut sense disseny no s'entén en una bona estratègia.

Dit això, ara si que si Comencem!

MENÚ

VISIBILITAT:

El menú de navegació ja sigui el tradicional o el d'hamburguesa sempre haurà d'estar visible. La visibilitat ha de ser al llarg de tota una secció i en totes les seccionss. És molt important atorgar-li al menú una posició fixa, perquè l'usuari navegui molt de manera còmoda i fàcil. Recorda que contra menys complicacions li posem a l'usuari més possibilitats tenim de convertir.


Seguint les tendències de disseny web d'aquest 2017, he triat la pàgina web de Bosco Alt. Un menú hamburguesa, sempre visible i més sobre un fons blanc que fa molt fàcil la llegibilitat sigui quin sigui el fons.

Captura de pantalla 2017-03-26 a les 17.34.54.png

CTA:

Posa una CTA de consulta o contacte sempre visible en el menú. Amb aquesta Call to Action al menú (recorda sempre visible), sempre podrà accedir a demanar més informació sense necessitat de buscar la pàgina contacte. Aquest element és una eina per aprofitar el moment clau de conversió, el moment en què està preparat i no fer-li el camí difícil perquè et posi en contacte.

Un gran exemple és el de Hubspot, en el seu menú hi trobem una CTA sempre visible amb accés a una "assessoria gratuïta". Aquesta CTA està molt ben plantejada ja que el color blau ressalta molt i l'usuari pel que fa cregui que està convençut que vol utilitzar Hubspot, no haurà d'estar buscant, només haurà de fer clic a la CTA del menú sempre visible en tota la pàgina web. 

hubspot-1.jpg

HOME

La home és la secció decisiva perquè continuï a la teva pàgina web, i així tenir més possibilitats de covertir o que pel contrari abandoni la web i perdre una oportunitat (o milers) d'aconseguir nous clients.


- Element de càrrega: si la teva pàgina web triga uns segons a carregar és imprescindibñle que col·loquis un indicador que li faci veure que la pàgina s'està carregant i que molt aviat podrà accedirà a ella. Aquest element està adquirint tanta importància que és una de les tendències del 2017 com bé expliquem en aquest post. L'element que indica el procés de càrrega de la teva pàgina web ha de ser animat, però si a més li afegeixes un disseny atractiu pots sorprendre al visitant i mantenir la seva atenció amb ganes de veure el que li espera a la teva pàgina web.

El primer que veu l'usuari en accedir a la teva pàgina web és molt important, per això hauràs de tenir molt en compte el disseny web de la teva pàgina. L'impacte visual en aquest cas està molt per sobre del contingut (més avall en parlo), si aconsegueixes impactar i sorprendre l'usuari seguirà navegant.

Aquest primer Layou és decisiu com hem comentat, així que treu tota la teva artilleria perquè la primera impressió sigui molt positiva. També recomano que en aquesta primera càrrega no abusis del contingut escrit, és molt més eficaç una frase que li faci entendre quin és el teu valor afegit que no pas un paràgraf. El fet de combinar un disseny web que impacti i una frase farà que el missatge sigui molt directe, comprensible i en dos segons hagis aconseguit comunicar-li tot el que ets capaç de fer.

La home d'una pàgina web és molt decisiva tant per a tu com per a l'usuari, així que després de fer i dissenyar la home perquè esdevingui el màxim d'usuaris possibles, guíale. Un cop ha fet tot el recorregut de la home, has de donar-li la possibilitat de prendre decisions, ja sigui oferir seguir navegant en una de les teves seccions o una descàrrega a un contingut Premium, per exemple. És molt important que els teus CTAS tinguin un disseny atractiu per acaparar l'atenció del teu usuari.

Per cert, si col·loques CTAS a la home intenta no abusar-ne, massa imputs redueixen l'eficàcia i difuminen l'objectiu.

Exemple Spotify: no et deixa a opció a que no et subscriguis ja sigui pagant o gratis

spotify-cta.png

LANDING PAGE

Crea una landing page on l'eficàcia per convertir sigui l'objectiu a aconseguir, això si amb un disseny estratègic:

El motiu de la landing (contingut Premium, contacte, consulta etc.) és que tingui molta presència. L'usuari ha de saber en tot moment el que rebrà a canvi d'omplir el formulari. Una bona landing page ha de tenir els elements distribuïts d'una manera molt estratègica. El formulari haurà d'estar sempre visible, d'aquesta manera mai no perdrà de vista l'objectiu: omplir-lo.

A inbound emotion hem dissenyat una pàgina web on el formulari té una posició fixa i amb un color que ressalta per sobre de la resta d'elements. És un exemple de landing page que Hubspot ho recull en el seu TOP de millors landing page.

wisita-landing-page-example.png

BLOG

El bloc és un contenidor de recursos, per això la seva navegació ha de ser fàcil per ajudar l'usuari a trobar el que realment està buscant. No col·loquis informació irelevante o informació que pot fer que l'usuari es desconcentri de l'objectiu. No és aconsellable crear molts imputs, com he comentat abans: és millor col·locar poques CTAS però eficaços que no moltes i que l'objectiu s'acabi difuminant.
I finalment, no t'oblidis de col·locar l'eina de cerca en un lloc molt fàcil i còmode per a l'usuari.

Et deixem aquest exemple de blog de helpscout. 

Hi ha molts més elements de disseny web i en moltes més seccions a tenir en compte, el millor és acudir a un bon professional o agència on el màrqueting, el disseny i la usabilitat web siguin els seus punts forts. Espero haver-te donat un cop de mà amb els elements indispensables en el teu disseny web i espero poder seguir fent-ho.

10 consells per redissenyar el teu web

 

FÓRMULA ESCRITA PER:
Olga Solans

Dissenyadora gràfica i creativa quasi compulsiva. A més de divertir-se creant i organitzant elements, colors, formes i textures, li encanten la música, la fotografia i les bledes.

Sígueme en:
¿QUÈ T'HA SEMBLAT LA FORMULA?
• Últimes Entrades •
¿VOLS ESTAR A L'ÚLTIMA A INBOUND MÀRQUETING?

Rep les nostres blog i rebràs novetats, notícies i material descarregable de forma totalment gratuïta. Sense spam, només informació del teu interès.