Cómo conseguir un diseño web que genere emociones

Cómo conseguir un diseño web que genere emociones

Por Oto Whitehead | 3 noviembre, 2015

Inspirados por la pasada Red Bull Cliff Diving World Series 2015, desentrañamos las claves para generar experiencias y sensaciones extremas a través del diseño web. En este post vamos a analizar cuáles son los recursos de diseño que utilizan las grandes marcas de bebidas energéticas para impulsar su engagement social y conseguir que sus clientes se hagan fans de la marca y se identifiquen con sus valores.

Hemos seleccionado a Red Bull, como la pionera que innovó y creó este nuevo nicho de mercado en occidente, Monster y Burn, como competencia más fuerte de Red Bull en cuanto a marca y a resultados de ventas.

Estas marcas, y en especial Red Bull, ya que fue quien enjendró este nicho de mercado, esgrimen el branded content como principal estrategia de marketing para impulsar el engagement con cliente final. El marketing experience aúna claves que se pueden trasladar al diseño. Y atención porque también son aplicables a distintos negocios que busquen que el usuario se identifique con la marca como: sector alimentación, moda, restauración, turismo, retail, entre otros.

Principales claves para conseguir un diseño web que genere emociones

1. Contenidos únicos.

Vincular la marca con contenido único y difundir contenidos que generen emociones. En este caso, los consumidores han de identificar el producto como potenciador de energía. Para que esto funcione a largo plazo, hay que mantener la coherencia entre el mensaje (lo que se promete) y el producto, para que la gente no se sienta “estafada”.

2. Innovación.

En el caso de Red Bull un ejemplo de innovación puede ser la apuesta que hizo por los deportes minoritarios y de riesgo, el eje central de sus contenidos, el nuevo diseño del envase más alargado y descubrir un nicho de mercado no explotado en Occidente (prospección de mercado). Casi nada.

3. Todo hecho “in house”.

En el caso de Red Bull esta premisa se lleva al extremo. La marca creó su propia productora para producir constantemente los eventos y contenidos desde dentro, saltándose los medios tradicionales de promoción de producto. Para empresas que no cuenten con esta posibilidad, pueden externalizar estos servicios a profesionales y agencias de marketing de contenidos que interioricen bien sus valores y metas.

En la actualidad la marca Red Bull cuenta con un montón de productoras; Red Bull Tv (documentales, cortos y películas), Red Bull Records (música), Red Bull Arena (eventos), Red Bull Com (onlaine retail, websites). Quizá su objetivo ya no sea tanto vender latas sino otros horizontes (enlace; )

4. Human branding.

Todas estas marcas apuestan por las historias personales y así generan mayor engagement con las personas a quienes se dirigen. El mensaje es: qué puede hacer este producto por ti.

Ya tenemos unas cuantas claves de este tipo de marketing. Ahora hay que pensar “cómo traslado las claves del marketing experiencial al diseño web”. El quid de la cuestión es entender el diseño web también como algo único en cada marca y darle su importancia en el branded content.

Ahí van algunas técnicas de diseño web que destacan en este tipo de marketing

1. Conceptualización del diseño.

El mensaje, la simbología, etc., va a ser la conceptualización del diseño web. Hay que crear el diseño a partir de ese mensaje concreto que identifica la marca.

2. Experiencias interactivas

La tendencia será la creación de experiencias interactivas a través de frameworks, java,… Los sitios web y los medios online pueden transmitir sensaciones y Google lo ha demostrado en varias ocasiones.

3. Diseño sin barreras o A Full Design.

Para evocar sensaciones y generar en el usuario una experiencia que reconozca como única y asociada a la marca, el diseño cobra una gran importancia. Así, no sólo se cuidará en canales online, sino también; en los envases, en el propio establecimiento, en los eventos, en el logotipo, en los colores, nombres y símbolos.

4. Full with.

Ésta es una estructura de diseño online que pone en primer plano fotos e imagen.

5. Branded content.

Vídeos, música, imágenes grandes, dinámicas, hero aéreas,… Tienen que guardar equilibrio entre peso y calidad. Si pesan mucho aunque sean espectaculares, el usuario puede pasar “de puntillas” e incluso abandonar la web, ya que tardarán mucho en cargarse.

6. El audio.

En este tipo de marketing también se cuida mucho el aspecto de la música pues tiene que hacer sentir al usuario casi protagonista de lo que se representa en los vídeos. Recomendamos usar siempre .mp4 que por el momento es la mejor opción.

7. Una home espectacular que aglutine de manera visual contenidos enlazados a otras categorías.

Recomendamos que sea ágil y muy navegable. Nos gustan las que son limpias y ordenadas. Es decir, que aunque tengan mucha información, se pueda acceder casi a “golpe de vista” a todos los contenidos. Es necesaria una buena arquitectura de contenidos.

8. Colores y tipografías actuales.

¿Si son tendencia las tipografías vintage, habrá que seguir la tendencia? Pues esto como en todo, depende de lo que estemos hablando, depende del producto. En el caso que nos ocupa hablamos de bebidas y deporte. Nuestro consejo es que vayan de la mano las tipografías, colores y el resto del diseño web con las marcas y tendencias que se marcan en la moda deportiva.

9. Div on mouse over con css para imágenes.

Es un efecto muy chulo que además no resta relevancia a la imagen y aporta información. Podemos utilizarlo sobre una foto de fondo y poner un texto en una capa transparente. El texto se verá cuando pasemos el ratón sobre la foto (hover).

10. Navegabilidad web, “crucero”.

Todos los contenidos tienen que estar enlazados e interconectados y de manera ágil. El usuario tiene que tener facilidades para desplazarse por todas las páginas y contenidos del sitio. Los recursos más utilizados; scroll lateral y vertical, iconografía divertida y minimalista, superponer páginas con guías y zoom para identificar con precisión diferencias de diseño, mejoras en la experiencia de usuario (UX).

11. Botones flotantes para compartir contenidos espectaculares.

Hay que aprovechar los contenidos de calidad.

12. Diseño adaptado a cada soporte; portátil, pc, tablet o móvil.

Si puedes hacer diseños específicos genial, si no, diseño responsive. Para móvil y tablet tendríamos que trabajar una interfaz basada en iconos, ya que ayudan a la navegación táctil. Para nosotros una fuente de constante inspiración es la mujer que en los 80 revolucionó el lenguaje gráfico con su iconografía para Apple, Susane Kare.





Checklist auditar web



Cómo conseguir un diseño web que genere emociones

Valora este artículo

Diseño web

, , ,

¿Te ha gustado el artículo?

Suscríbete a la newsletter y recibe cada semana los contenidos en tu email.

Comentarios

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.