Emotion Lab - Blog de Inbound Marketing

¿Qué elementos de diseño inbound tiene que tener mi página web para convertir?

Escrito por Olga Solans | 28/03/17 7:00

Primero de todo, antes de empezar a explicar con detalle todos los elementos que debe de tener tu página web para que convierta, hay que tener en cuenta lo siguiente:

  • Tienes que ser corporativos. ¿A qué me refiero? Pues que todos estos elementos te los tienes que llevar a tu terreno estético, tiene que respirar marca, debe de comunicar tu esencia no te dejes llevar por los ejemplos que pondré ni agarrarte a las tendencias visuales como si no hubiera un mañana.
  • Contenido y diseño. Ni con solo un buen contenido impactarás ni con solo diseño convertirás. Cuida el diseño, pues es lo primero que se ve, es la primera impresión, es que tu página web sea fácil de navegar etc. Pero de la misma manera que invertirás en un buen diseño, debes invertir en un buen contenido. Diseño sin contenido o contenido sin diseño no se entiende en una buena estrategia.

Dicho esto, ahora si que si ¡Empezamos!

MENÚ

VISIBILIDAD:

El menú de navegación ya sea el tradicional o el de hamburguesa siempre deberá de estar visible. La visibilidad deberá ser a lo largo de toda una sección  y en todas lassecciones. Es muy importante otorgarle al menú una posición fija, para que el usuario navegue muy de manera cómoda y fácil. Recuerda que contra menos complicaciones le pongamos al usuario más posibilidades tenemos de convertir.

Siguiendo las tendencias de diseño web de este 2017, he elegido la página web de Bosco Alto. Un menú hamburguesa, siempre visible y además sobre un fondo blanco que hace muy fácil la legibilidad sea cual sea el fondo.

CTA:

Coloca una CTA de consulta o contacto siempre visible en tu menú. Con esta Call to Action en el menú (recuerda siempre visible), siempre podrá acceder a pedir más información sin necesidad de buscar la página contacto. Este elemento es una herramienta para aprovechar el momento clave de conversión, el momento en el que está preparado y no hacerle el camino difícil para que te contacte.

Un gran ejemplo es el de Hubspot, en su menú encontramos una CTA siempre visible con acceso a una “asesoría gratuita”. Esta CTA está muy bien planteada ya que el color azul resalta mucho y el usuario en cuanto crea que está convencido que quiere utilizar Hubspot, no tendrá que estar buscando, solo tendrá que hacer clic en la CTA del menú siempre visible en toda la página web.

HOME

La home es la sección decisiva para que continue en tu página web, y así tener más posibilidades de covertir o que por lo contrario abandone la web y perder una oportunidad (o miles) de conseguir nuevos clientes.

  • Elemento de carga: si tu página web tarda unos segundos en cargar es imprescindibñle que coloques un indicador que le haga ver que la página se está cargando y que muy pronto podrá accederá a ella. Este elemento está adquiriendo tanta importancia que es una de las tendencias del 2017 como bien explicamos en este post. El elemento que indica el proceso de carga de tu página web debe ser animado, pero si además le añades un diseño atractivo y sorprenderte al visitante atento y con ganas de ver lo que le espera en tu página web.
  • Colocar animación de carga de slack. Forma el logotipo
  • Primer layout

Lo primero que ve el usuario al acceder a tu página web es muy importante, por ello deberás tener muy en cuenta el diseño web en tu página. El impacto visual en este caso está muy por encima del contenido (más abajo hablo de ello), si consigues impactar y sorprender el usuario seguirá navegando.

Este primer layou es decisivo como hemos comentado, así que saca toda tu artillería para que la primera impresiónsea muy positiva. También recomiendo que en esta primera carga no abuses del contenido escrito, es mucho más eficaz una frase que le haga entender cual es tu valor añadido que no un párrafo. El hecho de combinar un diseño web que impacte y una frase hará que el mensaje sea muy directo, entendible y en dos segundos hayas conseguido comunicarle todo lo que eres capaz de hacer.

La home de una página web es muy decisiva tanto para ti como para el usuario, así que después de hacer y diseñar la home para que convierta el máximo de usuarios posibles, guíale. Una vez ha hecho todo el recorrido de la home, debes darle la posibilidad de tomar decisiones, ya sea ofrecerle seguir navegando en una de tus secciones o una descarga a un contenido Premium, por ejemplo. Es muy importante que tus CTAS tengan un diseño atractivo para acaparar la atención de tu usuario.

Por cierto,  si colocas CTAS en la home intenta no abusar de ellas, demasiados imputs reducen la eficacia y difuminan el objetivo.

Ejemplo Spotify: no te deja a opción a que no te suscribas ya sea pagando o gratis

LANDING PAGE

Crea una landing page donde la eficacia para convertir sea el objetivo a conseguir, eso si con un diseño estratégico:

El motivo de la landing (contenido Premium, contacto, consulta etc.) que tenga mucha presencia. El usuario debe saber en todo momento lo que recibirá a cambio de rellenar el formulario. Una buena landing page debe tener los elementos distribuidos de una manera muy estratégica. El formulario deberá estar siempre visible, de esta manera nunca perderá de vista el objetivo: rellenarlo.

En inbound emotion hemos diseñado una página web donde el formulario tiene una posición fija y con un color que resalta por encima del resto de elementos. Es un ejemplo de landing page que Hubspot lo recoge en su TOP de mejores landing page.

BLOG

El blog es un contenedor de recursos, por ello su navegación debe ser fácil para ayudar al usuario a encontrar lo que realmente está buscando. No coloques información irelevante o información que puede hacer que el usuario se desconcentre del objetivo. No es aconsejable crear muchos imputs, como he comentado antes: es mejor colocar pocas CTAS pero eficaces que no muchas y que el objetivo se acabe difuminando.

Y por último, no te olvides de colocar la herramienta de búsqueda en un sitio muy fácil y comodo para el usuario.

Te dejamos este ejemplo de blog de helpscout. 

Hay muchos más elementos de diseño web  y en muchas más secciones a tener en cuenta, lo mejor es acudir a un buen profesional o agencia donde el marketing, el diseño y la usabilidad web sean sus puntos fuertes. Espero haberte echado una mano con los elementos indispensables en tu diseño web y espero poder seguir haciéndolo. A continuación tienes más información que seguro que te interesará.