<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=81693&amp;fmt=gif">

Claves y elementos del diseño web aplicados al inbound marketing

New Call-to-action

El impacto que el diseño web tiene es tan importante actualmente que, por eso, es necesario trabajarlo de una forma específica para atraer el mayor tráfico posible.

Sin embargo, para que las personas que lleguen a nuestra página web y realicen unas acciones concretas (suscribirse a la newsletter, comprar nuestros productos, seguirnos en las redes sociales...) conviene utilizar el inbound marketing. Pero... ¿a qué nos referimos con este término?

Cuando hablamos de inbound marketing estamos haciendo referencia a una estrategia muy eficaz que debe aplicarse justo en el momento en el que estemos centrados en el diseño de nuestra web. Los dos objetivos fundamentales de esta estrategia de marketing son atraer y fidelizar a los clientes que se encuentren interesados en los productos o servicios que vendemos. Por esto, los diseñadores web deben estar familiarizados con este concepto para que el resultado sea el mejor, pues lo que queremos es diseñar una web que tenga resultados.

A pesar de que los conceptos teóricos son importantes para conocer en profundidad el inbound marketing, considero que los ejemplos pueden ayudar a aclarar cómo poner en práctica esta estrategia durante el diseño de nuestra web. Pues, aunque no lo parezca, el concepto de inbound marketing todavía es bastante desconocido. Veamos, a continuación, cómo los diseñadores web pueden aplicar esta estrategia.

¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

¿Cómo diseñar sitios web para una estrategia de inbound marketing?

Es muy importante que los diseñadores sepan aplicar el inbound marketing en el diseño web para conseguir leads. Para lograrlo, existen una serie de pasos que deben realizar en el orden que expondré a continuación y que no se deben saltar por ningún motivo.

Todos ellos permitirán que los diseñadores creen una página web atractiva con la que fidelicen a los nuevos clientes que aterricen en la web, al mismo tiempo que reconquistan a los que ya lo son.

¿Se podría crear una web sin prestar atención al inbound marketing? La respuesta es “sí”, pero nos olvidaríamos de esos objetivos que conseguirán que se puedan obtener resultados.

Porque el diseño web no solo debe ser estéticamente atractivo, funcional e intuitivo. También debe guiar a cada cliente hacia la compra, suscripción, etc. Si no es así, ¿qué sentido tiene diseñar una web? Vamos a descubrir qué primeros pasos deben dar los diseñadores web. ¡Quédate con ellos!

1. Determina cuál es el cliente ideal

Lo primero que deben hacer los diseñadores web antes de nada es conocer muy bien al cliente ideal. Así, podrán saber qué es lo que ese cliente desea encontrar cuando aterrice en la landing page, cuál es el sistema de navegación que mejor le va a funcionar y trabajar en un diseño web que responda a las posibles preguntas que ese usuario pueda hacerse.

Un ejemplo muy claro lo podemos ver con diferentes webs de marcas de ropa. ¿Verdad que antes de que llegue el verano hay una sección de rebajas? ¿A que los clientes pueden crear su propia cuenta y guardar en favoritos sus productos preferidos o que desean comprar?

punto1-favoritos-a

Así, el diseño web aplica el inbound marketing teniendo en cuenta este primer paso que los diseñadores web no se pueden saltar: quién es el cliente que va a aterrizar en la página web.

2. Analiza desde dónde llegan los clientes

Redes sociales, artículos del blog… son muchos los lugares desde donde los clientes pueden llegar a nuestra página web. Aunque no lo parezca, esto da mucha información a los diseñadores web, que sabrán si lo que se esperan los clientes son elementos más visuales (aquellos que vengan desde Instagram), recursos que puedan utilizar (descargas en pdf o ebooks) o contenido de valor que se les puede aportar gracias a un blog.

Dependiendo de las necesidades de los clientes, los elementos se distribuirán de una forma determinada. Por ejemplo, una página web sobre recursos y estrategias de marketing puede presentar en la landing page un botón que permita a los clientes descargarse un pack gratis tras introducir su nombre y su correo para recibir próximas novedades, ofertas, descuentos o información que pueda resultarle de interés, de inmediato, en su email.

punto2-procedencia-visitas

3. Implementa un diseño sencillo

Sencillo, atractivo y usable. Esto es lo que lograrán los diseñadores web tras los dos pasos anteriores. Porque una web no debe generar dudas ni hacer que los clientes tengan que hacer clic en varias pestañas hasta llegar adonde quieren. Esto les puede causar frustración y hacer que retrocedan y elijan otra web en la que encontrar lo que están buscando.

No obstante, los diseñadores web no deben confundir un diseño web sencillo con uno carente de información esencial. Porque aquí, de nuevo, debe estar presente el inbound marketing.

Por ejemplo, vender aspiradoras puede estar bien, pero si en la web solo hay una breve descripción del modelo de cada una y su precio, ¿por qué los clientes deberían comprarlas y no elegir las de otra marca? Esa es la pregunta que debería responder la información en la descripción.

punto3-webfacil-atractiva-2

4. Todo el conjunto de la web debe justificar su propósito

Esta es una frase que los diseñadores web deben tener siempre presente. Para ello, no hay nada mejor que ver la web como un mapa que guía y cuenta una historia que va respondiendo a preguntas esenciales de los clientes.

Así, podemos pensar en una web de cosmética natural en la que el cliente pueda verse envuelto en cuál fue el punto de partida de la idea de comercializar estos productos, su necesidad y demanda, así como sus beneficios. Estas son algunas ideas que funcionan.

El hecho de que haya un motivo para la creación de una web hace que los clientes se sientan atraídos, se queden para saber más y lleguen hasta el producto o servicio que necesitan.

Esto es el inbound marketing y no importa lo que venda la web. Tanto si es ropa  como si se trata de aspiradoras, cosmética natural, libros de segunda mano, etc. Si se trabaja el inbound marketing en el diseño web, la página web atraerá a los clientes y los llevará de la mano hasta la acción final.

5. Las emociones son fundamentales

Todo lo anterior está muy bien, pero para llegar al corazón de los clientes los diseñadores web deben lograr que la página web transmita emociones.

Mejor veamos esto con un ejemplo: ahora que se acerca el verano, el interés se centra en perder peso, tonificar y mejorar algunas partes del cuerpo que pueden tener grasa acumulada o sufrir retención de líquidos. ¡Bingo! La imagen principal de una web de estética y belleza debe mostrar esto. El cliente se dirá a sí mismo: “¡Vaya!, esto me pasa a mí, ¿existe alguna solución?”. Preocupación, curiosidad… ¡emociones!

El cliente quiere saber qué le puede resolver el problema y, para ello, empieza lo más complicado, guiarlo. Un icono que ponga “primera sesión gratis” le hará sentir un gran alivio por no tener que desembolsar dinero y poder probar si el tratamiento le convence, por ejemplo. Los diseñadores web deben colocar esto en una parte visible para que el cliente lo vea claro.

Pero esto no se queda aquí, ya que el cliente todavía no ha reservado su sesión. ¿Cómo el inbound marketing puede hacerle dar ese paso? Poniendo opiniones de clientes que hayan probado los tratamientos de la web, colocando imágenes del antes y después, etc. Son muchas las opciones, y el cliente sentirá emociones como ilusión y esperanza. ¡El clic está asegurado!

6. Es importante medir los resultados

El último de los pasos esenciales, antes de adentrarnos de lleno en aspectos más concretos del inbound marketing, es medir los resultados. Los diseñadores web no pueden saltarse esto porque la información que van a recibir les ayudará a hacer ajustes en el diseño web, modificar determinados elementos y crear una web que responda a las necesidades de los usuarios y, al mismo tiempo, sea rentable.

Para esto, conviene elaborar informes cada 15 días (como mínimo) y prestar mucha atención a las estadísticas que puedan arrojar información de interés. Google Analytics, Alexa, SemRush, etc. son algunas aplicaciones que pueden ser básicas para realizar este último paso y que marcarán la diferencia entre un trabajo bien hecho y otro al que le falta algo.

punto6-a

Elementos y tendencias del diseño web aplicado al inbound marketing

Ahora que sabemos que el inbound marketing puede ser eficaz y requiere de una medición periódica de los resultados para lograr una web que funcione, ha llegado el momento de adentrarnos por completo en aspectos mucho más concretos. Tendencias que se utilizan en el diseño web aplicado al inbound marketing y que brinda resultados excelentes.

Scroll

El scroll, también conocido como scrolling, es una tendencia muy utilizada en diseño web y de contenidos. De una forma visual, podemos explicar el scroll como el desplazamiento horizontal o vertical que los clientes pueden realizar por la pantalla de la web sin necesidad de cargar una nueva página.

Dependiendo del sitio web, esto puede llevarse hasta el extremo y hacerse un scroll infinito. ¿El objetivo? Llevar al cliente a la call to action de una forma fácil y fluida.

  • Un ejemplo muy claro lo podemos ver en la web Mighty Matcha, en la que los usuarios tan solo deben utilizar la rueda de desplazamiento de su ratón para descubrir el tipo de té que venden y qué es lo que lo diferencia de otras marcas que vendan lo mismo.

diseño web inbound marketing scroll

  • Otro ejemplo, pero ahora de scroll infinito, lo encontramos con la red social Pinterest. Las imágenes se suceden sin tener fin, y esto provoca que los usuarios naveguen sin límites y sin que nada les interrumpa. Esto hará que pasen mucho tiempo en la web.

diseño web inbound marketing pinterestEn el caso de que, por cuestiones de diseño o porque el scroll en la página principal no está funcionando tan bien como se espera, este elemento podría colocarse en la fase de conversión. Es decir, cuando el cliente está sintiendo las emociones que le hacen sentir cercanía, confianza, curiosidad y ganas de comprar o darle clic a “sí, necesito tu servicio”.

Justo en ese instante, el scroll será nuestro aliado para que el cliente no tenga que irse a ningún otro lugar. La llamada a la acción estará exactamente delante de él para que haga clic sin ninguna duda.

¿Qué conseguimos con el scroll? Una lectura fluida por parte del cliente, sin esperar a que se carguen páginas y sin la necesidad de hacer clic. Una forma sutil de llevar a cada cliente de la mano hacia la compra de un artículo o servicio, mientras aumenta su confianza y, sobre todo, tiene claro cada vez más que nuestro producto le va a venir muy bien.

Iconos

Los iconos en el diseño web aplicado al inbound marketing son otro de los elementos que no se deben pasar por alto, y es que… ¿cuántas veces los hemos subestimado?

Al igual que muchos otros aspectos, como las imágenes llamativas y de gran calidad, la iconografía, en ocasiones, suele quedarse en un segundo o, incluso, tercer lugar. Sin embargo, olvidamos que es esencial para captar la atención de los clientes. ¿La razón? Estamos rodeados de iconos, aunque nunca nos hayamos detenido a pensar sobre esto.

Solamente con salir a la calle, ya podemos darnos cuenta de que los iconos inundan cada lugar por el que transitamos. Las señales de tráfico, los iconos que utilizamos al usar mensajería instantánea, un paso de cebra, el logo de "exit" en el edificio en el que vivimos o el de "cruelty free" en los productos de higiene que compramos… todo está lleno de iconos. Con lo importantes que son, ¿cómo no darles el protagonismo que se merecen en el diseño web?

Lo adecuado en estos casos es personalizarlos. Dentro del diseño web aplicado al inbound marketing conviene marcar la diferencia y generar confianza en los clientes que acceden a la web. Esto se puede conseguir si utilizamos iconos diferentes. Por ejemplo, si estamos ante una web de alimentación saludable, diseñar iconos en color verde o que contenga algunos detalles únicos sería una buena idea.

  • Un ejemplo muy claro lo tenemos con la página web de Conciencia y Nutrición. En ella podemos ver cómo los iconos, independientemente de si hacen referencia a las estadísticas o a la sección de consejos, están todos rodeados de una especie de ramitas con una hoja al final que representa la conciencia por una nutrición saludable y natural.

diseño web inbound marketing iconos

Otro ejemplo de iconos personalizados lo vemos en la web BandeGel, que mantienen el diseño y color del propio logo. Como podemos observar, el trabajo está muy logrado, pues los iconos transmiten lo que la marca quiere. Ahí está el inbound marketing.

iconos diseño web inbound marketing

Con esto, no nos extraña que cuando un cliente entra en este tipo de webs le atrape el diseño web, ya que se ha aplicado perfectamente este segundo elemento tan importante dentro del inbound marketing. Y es que los iconos (te recomendamos los de Font Awesome) también deben transmitir la esencia de la marca y conectar con los valores de los clientes. Una web sostenible cuyos iconos sean verdes y transmitan ese cariño por proteger la naturaleza hará que los clientes se sientan sintonizados con el valor de la marca y se interesen por lo que nuestros productos les tienen que ofrecer.

Usabilidad & buyer's journey

La usabilidad es un concepto muy conocido cuando se trata el diseño web, y también tiene una especial presencia en el inbound marketing. Este término hace referencia a que la página por la que los usuarios navegan sea sencilla, muy intuitiva, agradable y, sobre todo, segura. ¿Pero qué relación tiene esto con el buyer's journey?

El buyer's journey es la búsqueda activa que los clientes hacen hasta comprar el producto o servicio que les ofrece nuestra página web. Nuestro objetivo es ponérselo fácil, es decir, que puedan encontrar sin apenas esfuerzo aquello que necesitan.

¿Cuántas veces hemos buscado algo en concreto y por mucho que pasábamos las páginas del navegador no dábamos con ello? Pues esto puede hacernos perder clientes.

Vamos a poner un ejemplo. Una persona que vende sofás, butacas y chaise longues desea atraer a más clientes. Sabe que esto debe hacerlo pensando una estrategia, pero no tiene ni idea. Entonces, busca en Internet “cómo crear una estrategia para ganar más clientes”. Entre los primeros resultados tiene que estar un post que le lleve a nuestra página web. Esto lo conseguimos trabajando el SEO, no solo en los artículos, sino también en el diseño web. Un sitio web optimizado, usable, intuitivo y agradable estará en las primeras posiciones del buscador.

Continuamos. El cliente ya está leyendo nuestro post y se da cuenta de que todo es mucho más complejo de lo que pensaba. Necesita ayuda. Lo normal será que haga clic en un enlace que nosotros hayamos puesto para llevarlo a una oferta y fase de conversión. También puede suceder que el cliente vaya directamente a la página principal y, de ahí, empiece el proceso de guiarlo hacia la adquisición de nuestro servicio. Como bien ya mencionamos con anterioridad, aunque el cliente acceda a la página de tarifas, servicios o proyectos, todas ellas deben justificar el propósito de que adquiera nuestro servicio.

Cuando el cliente esté en la fase de conversión, ahí debemos ofrecerle la solución que está buscando. De esta manera, no dudará en ponerse en contacto, aunque sea para resolver las dudas que pueda tener. ¿Por qué esto tiene éxito? Porque en todo momento las preguntas del cliente se responden, ya que nuestra web le da las respuestas que necesita. Ahora que sabemos todo esto, vamos a simplificarlo con unas sencillas claves:

  1. El producto debe estar visible: si los clientes no pueden encontrar el producto o servicio que buscan en nuestra web, no harán clic en la call to action.
  2. Estructurar el contenido de forma coherente: en internet no se lee, se escanea, y esto hay que tenerlo claro. Hay que transmitir mensajes cortos y claros.
  3. Evitar los submenús: esto debe hacerse siempre que sea posible, sin olvidarnos de que los menús deben ser claros y utilizar el vocabulario de los clientes.
  4. Accesibilidad: ya sea en el apartado de contacto, preguntas frecuentes, cómo se realizan los envíos… Todo esto debe estar accesible y ser fácil de encontrar.
    Y utiliza los botones: evitan tener que navegar por los menús y ayudan a los usuarios a acceder a aquello que necesitan (descargar un pdf, suscribirse al boletín de noticias…).
  5. Reducir el número de clics: la clave más importante es que el diseño web reduzca al máximo el número de clics para que la página sea usable, intuitiva y agradable.

Debemos tener muy claro que de nada sirve que la página responda a la pregunta que se haga cada cliente y que todo cumpla con los pasos previamente expuestos si la web no es usable, está mal estructurada y hay secciones que son difíciles de encontrar. Al cliente siempre le debemos facilitar el trayecto para que adquiera el producto o servicio que le estamos ofreciendo.

Elementos gráficos y lead nurturing

El último de los puntos clave que vamos a comentar sobre el diseño web aplicado al inbound marketing trata sobre los elementos gráficos y el lead nurturing. Está claro que dentro del diseño web los elementos gráficos son básicos. No solo tienen que ser atractivos, sino útiles.

Esto permitirá que si, en algún momento, el cliente se distrae o quiere ver otra página en concreto (suele ser la de precios si esta está presente), sea posible orientarlo de nuevo hacia el objetivo principal, que es la compra del producto o servicio.

Para ello, hay que eliminar las distracciones. No es lógico que, si queremos vender un producto, de repente, al cliente le aparezca en el medio de la pantalla un botón para que se suscriba al boletín de noticias.

¿Cuál es realmente nuestro objetivo? La compra. Por lo tanto, es mejor que esa suscripción esté en una parte de la pantalla sin que moleste para que el cliente pueda proseguir con el trayecto que está en coherencia con la meta de nuestra web.

  • Formularios

Con respecto a los formularios, ¿son necesarios? Sí, para que el cliente pueda enviar sus preguntas, si las tiene, o solicitar un presupuesto personalizado, por ejemplo.

Sin embargo, hay que limitar los campos que se deben cubrir. La razón está en que cuantos más campos, más posibilidades hay de que el cliente dude en su decisión. Ya que se le ha guiado correctamente, le debemos facilitar el proceso, también, en este punto.

  • Nombre: en la mayoría de los formularios es obligatorio y le permite al usuario presentarse para comunicar su duda o las preguntas que le hayan podido surgir.
  • Correo: es fundamental, ya que será a través del email donde el cliente recibirá la respuesta a su petición de presupuesto, por ejemplo.
  • Mensaje: la parte en la que el cliente expondrá sus dudas, sugerencias, preguntas o peticiones de forma breve o extensa, según lo necesite.
  • Botón de enviar: debe estar debajo del formulario, visible, y conviene que nos aseguremos de que está configurado para que la respuesta llegue a nuestro correo.

punto10-formularios

Una vez tenemos esto en cuenta, los formularios también son importantes para maximizar los ratios de conversión. Tener información sobre los clientes permitirá mejorar las acciones que se realizan dentro de la página web. Por eso, muchas páginas solicitan que los clientes se registren. Pero para que los clientes no salgan huyendo hay que pedir muy pocos datos.

  • Lead nurturing

¿Qué es realmente el lead nurturing? Es una técnica de marketing que consiste en orientar a los clientes logrando que su idea de compra madure a medida que avanza hasta la llamada de acción.

Para ello se pueden utilizar mensajes de bienvenida o de suscripción a un servicio, promociones, etc. Veamos esto con algunos ejemplos.

El primer ejemplo de lead nurturing lo podemos ver con Dropbox. ¿Qué sucede cuando vinculamos nuestro ordenador a este alojamiento en la nube? Pues que nos llega el siguiente mensaje:

punto11-dropbox

Tras este mensaje aparece un botón, “añadir archivos”. Un lead nurturing de bienvenida muy eficaz.

Un segundo ejemplo de esta técnica lo tenemos con la Casa del Libro. En este caso se puede tratar de una promoción:

“Hola. ¡Últimas horas para disfrutar de un 10% de descuento en todos los libros, ebooks y películas seleccionados con mucho cariño para las madres. Aprovecha este descuento aquí, ¡es solo hoy!”.

punto11-casa-libro

En este caso, lo que tenemos es un lead nurturing promocional.

Es importante aclarar que, aunque el lead nurturing es habitual verlo en email marketing, su uso se ha extendido hasta los pop-ups o ciertas secciones en la propia página web. Por lo tanto, podemos hablar de una estrategia de marketing multicanal que es muy efectiva y que logre esa adquisición por parte del cliente del producto o servicio que le ofrecemos.

Con todo lo que hemos visto, está claro que el inbound marketing en el diseño web es una estrategia que funciona muy bien y que deberíamos poner en marcha ya mismo. El objetivo es que los clientes conozcan la marca, se sumerjan en el proceso de compra y terminen adquiriendo el producto o servicio que le ofrecemos. Todos los elementos mencionados previamente nos ayudarán a conseguir este propósito. Por eso, los diseñadores web deben ser amplios conocedores del inbound marketing, una estrategia con muchos puntos a su favor.

¿Tienes alguna duda o te gustaría añadir alguna información adicional? ¡Compártela en la sección de comentarios!

New Call-to-action

También te pueden interesar...

Cómo hacer remarketing en Facebook y conseguir los mejores resultados
¿Qué es un lead, qué tipos hay y para qué sirven?
5 estrategias de marketing visual para mejorar la conversión de tu web

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos