Gánate a tus clientes gracias a la estrategia de diseño 360º en tu tienda online

por Patricia Díaz Blanco, 09.01.17



En el diseño de nuestra tienda online a menudo nos olvidamos de detalles que pueden acercarnos a nuestros clientes. Controlando todos los pequeños aspectos de contacto con nuestros clientes no sólo contribuiremos a una mejor imagen de marca si no que conseguiremos fidelizar mejor a nuestro público. Para poder conseguirlo será imprescindible crear una estrategia de comunicación y diseño 360º, un concepto que cada vez tiene más presencia en el Marketing para e-Commerce. Comencemos el año con fuerza: aquí te damos algunos consejos para aplicar esta nueva tendencia en el diseño de tu tienda online.

Qué es la estrategia de 360º

Tal como suena, podemos pensar literalmente en el concepto 360º como una estrategia que engloba todos los aspectos de nuestra comunicación y diseño. ¿Y esto como se traduce a la práctica? Simplemente teniendo en cuenta todos los elementos de interacción de nuestro cliente con nuestro negocio online y creando una diseño atractivo y homogéneo en todos los aspectos: la tienda online, los e-mailings y comunicaciones, las redes sociales, anuncios, papeles impresos,  packaging, etc.

¿Cómo aplicar la estrategia 360º en mi tienda online?

Primero de todo debes pensar en el ciclo de vida de un cliente y en todos sus puntos de contacto con tu marca. El objetivo es estar presente en toda su navegación contigo, mostrando tu marca/logo y tus elementos de branding esenciales.

Vemos que hace el cliente típicamente y con qué elementos interactúa:

  1. Visita la web: diseño de la tienda online, banners de promociones, fotografías de producto, botones de llamada a la acción, etc.
  2. Realiza una compra: Proceso de compra, e-mailings confirmación.
  3. Recibe el paquete: Packaging, mensaje incluido en el envío.
  4. Vuelve a ponerse en contacto: Redes sociales, e-Mailings, Newsletters.
  5. Vuelve a comprar: E-Mailings de fidelización, redes sociales.

Te recomendamos que hagas un listado de todos los elementos con los que tu cliente tiene contacto con tu tienda online y analices como te diriges al cliente, si es un diseño homógeneo o no. Seguro que hay muchos aspectos a mejorar.

Claves esenciales en el diseño 360º

Una vez localizados todos los puntos de contacto con el cliente, hay que plantearse si estos están dando una imagen homogénea, una sensación de marca, y sobretodo, esté donde esté recuerden a tu negocio.

Algunos aspectos imprescindibles que deberían tener los elementos de diseño:

  • Presencia del logo: con excepción de fotografías, o los banners que estén en tu tienda online, el resto de elementos deben incluir tu logo. Ejemplo: Si haces un banner para Facebook éste debe recordar que pertenece a tu marca en el caso de que se comparta.
  • Incluir una gama de colores similares: En tu tienda online no deberías de utilizar más de 2-3 colores en el logo y menús. Esto lo deberías aplicar también en el resto de diseños, y si es imposible hacerlo con colores de la misma gama. Algunas herramientas que te pueden ayudar a conseguir colores similares de tu gama son Color Hexa y Paletton .
  • Que tus imágenes tenga un estilo similar: si haces fotografías con un filtro especial, todas deberían tenerlo, enfoques, estilo, fondos, colores presentes en las imágenes… debería todo recordar que pertenece a la misma tienda. Un consejo: Usa colores en las imágenes o fotografías que hagas que estén presentes en el logo o que pertenezcan a la gama de colores.
  • Mismo tipo de letra y color que en tu tienda online: Aunque parezca obvio, muchos negocios olvidan este aspecto que es fundamental a la hora de mostrar una imagen de marca homogénea.

Una vez tenemos claro qué colores, tipo de letra, imágenes, etc queremos utilizar en todo nuestro diseño 360º pasaremos a aplicarlo en el diseño de toda la comunicación.

Además de los que hayas listado en tu análisis de la trayectoria de tu cliente, no te olvides siempre de estos esenciales:

  • Colores y plantilla de tu tienda online (incluyendo el logo)
  • Banners de tu página de inicio (máximo 3 o 4 banners en el rotador) con la misma estructura y similar estilo. Si haces 3, todos deben incluir el logo y botón en el mismo lugar etc.
  • Banners y creatividades para redes sociales.
  • Banners para tus e-mailings, newsletters y otros promociones.
  • Logo en los envíos, facturas, etc.

Para crear banners sencillos pero profesionales para tu tienda online y otros lugares de promoción, te recomendamos leer este artículo: Consejos y herramientas gratis para crear banners profesionales en tu tienda online

Inspírate para tu estrategia de diseño 360

La mejor inspiración la encontrarás en las grandes marcas ya que probablemente tienen un equipo de branding y diseño que se encarga de dar esa homogeneidad a todos sus diseños.

Algunos ejemplos:

Mediamarkt

Tanto su web como sus banner siempre combinan el rojo y el blanco. De hecho sus banners siempre tienen la misma estructura o similar y cuando hacen una campaña, está plasmada con total homogeneidad en sus redes sociales.

Zalando

Otro buen ejemplo son las tiendas online de moda o las marcas de ropa. Aunque a simple vista no hay tanta homogeneidad en colores y estructuras (como Mediamarkt o las marcas de tecnología en general) sí que incorporan ciertos patrones de estilo. En este ejemplo se pueden ver fotografías diferentes pero con estilo muy similar tanto en su página de inicio como en sus redes sociales (la misma modelo, colores brillantes y dorados, etc).

Facebook y Twitter:

Banners en el pie de página de su tienda con colores similares:

¿Y tú? ¿Te animas a crear una estrategia de diseño 360 para tu tienda online?  ¿Cómo gestionas actualmente el diseño de tu negocio? ¡Nos encantaría recibir tus comentarios!

¿Quieres más consejos sobre cómo crear una buena imagen de marca y un diseño adecuado para tu web? Sigue leyendo aquí.

Sobre este autor


trabaja en el departamento de Marketing para España e Italia. Con grande experiencia en el uso de la solución ePages después de haber trabajado durante 2 años en el departamento de Asistencia Técnica, nos mostrará las últimas novedades y mantendrá al día en el uso de la herramienta.

Artículos relacionados


Comentarios


No hay comentarios

Comparte tu opinión con nosotros


*Campo obligatorio

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *