Antes que nada, ¿qué es una marca? Una marca es un símbolo . Los símbolos son diseños que representan otra cosa, y una marca está destinada a agrupar todas las asociaciones, experiencias y características en una construcción abstracta.

Este constructo puede evocarse usando imágenes consistentes, sonidos, frases y logotipos con los cuales las personas entran en contacto.

Las marcas son muy importantes porque te ayudan a ganar clientes y también te ayudan a conservarlas .

Lo hacen al despertar las asociaciones y experiencias que anteriormente tenía con la marca, o que ha visto a través de la publicidad, cuando entra en contacto con la marca en las etapas clave. Por ejemplo, al decidir qué producto comprar de una selección de artículos similares.

Aquí hay 9 consejos para ayudarte a construir una marca con diseño web.

Las marcas establecen expectativas y, ante la incertidumbre, las personas tienden a elegir la opción más segura. La gente sabe qué esperar de una marca que conocen.

El desarrollo de la marca es un proceso complejo que se lleva a cabo en todos los tipos de medios, desde el empaquetado de productos, comerciales de televisión y anuncios de revistas hasta la decoración de tiendas de interiores y el diseño de logotipos. Por supuesto, la marca también se aplica al diseño web.

No importa si está creando un sitio web para una marca multimillonaria o un blog personal, la marca sigue siendo importante por los motivos descritos anteriormente. En el caso de un blog personal, la marca lo ayudará a diferenciarse y hacer que su sitio sea memorable .

1. Color

La elección de una buena paleta de colores es muy importante en la marca. El color no es solo estética: estimula varias emociones y lleva consigo asociaciones subconscientes con varias cosas y características.

Por ejemplo, el color rojo en realidad puede aumentar la presión arterial, el pulso y la respiración. Es un color que simboliza la pasión, la energía, el poder y la emoción. Debido a esto, generalmente es una buena elección de color para las marcas en la industria del entretenimiento.

Otros colores tienen diferentes asociaciones y efectos. El verde simboliza la naturaleza, el medio ambiente, las ganancias, el dinero y la salud. También es un color relajante, por lo que los hospitales suelen pintar sus paredes de color verde pálido.

Al elegir un color para su marca, investigue sus efectos y asociaciones para ver si es apropiado para el tipo de cosas que representa su marca. También tenga en cuenta que diferentes culturas pueden asociar los mismos colores con diferentes cosas , por lo que es una buena idea comprobar que sus colores significan lo que cree que hacen en los mercados en los que opera.

Logitech usa el verde azulado como color principal de la marca. Varios tonos de verde azulado se utilizan en su sitio web, desde colores de fondo hasta encabezados y enlaces:

Logitech

2. Personaje

¿Tu marca tiene carácter? Infundir tu personalidad con un poco de personalidad puede ayudarte a definir lo que representa.

¿La marca tiene que ver con la estabilidad y la seguridad para que sus clientes puedan confiar en usted? ¿Es la marca divertida y con los pies en la tierra?

Muchas personas en las sociedades comercializadas usan productos y marcas para definirse a sí mismas, así que forme el carácter de su marca hacia algo a lo que su público quiera asociarse .

El antropomorfismo es la atribución de cualidades y características humanas a otras cosas, como animales u objetos. La infusión de su marca con elementos antropomórficos es una buena manera de darle carácter .

Piensa en el ícono de la aplicación "Finder" en Mac OS X. Es un cuadrado azul con una cara sonriente distintiva dibujada con algunas líneas negras.

El programa que representa es un buscador de archivos, pero al darle características humanas, los diseñadores le dan un alma.

Otro gran ejemplo es el Diseño proscrito blog que se apega a un fuerte tema del Salvaje Oeste en todo el diseño con una combinación única de texturas de madera e ilustraciones planas, con una marca muy efectiva:

Blog de Outlaw Design


Twitter pequeña mascota de pájaro azul ha demostrado ser muy efectiva; todos los medios y sitios web personalizados que crean los fanáticos de Twitter generalmente presentan su propia variación. Todos pueden verse un poco diferentes, pero aún así son reconocibles al instante:

Twitter Birds

3. Emoción

La emoción es otro factor a considerar al construir su marca. ¿Qué sentimientos y emociones desea que experimenten las personas cuando visitan su sitio? ¿Qué tipo de cosas quieres que asocien con tu marca ?

Elaborar la estética de su sitio no debe centrarse en seguir las últimas tendencias de diseño, sino en decidir sobre las emociones y las ideas que desea que proyecte su marca, y luego trabajar en un diseño que haga precisamente eso.

Diseños de Studio 7 utiliza colores vibrantes y bellas imágenes para crear una marca rica y emocionante, que es muy importante para una agencia de diseño:

Studio7Designs

4. Consistencia

Para construir una marca exitosa, debes hacerla memorable . ¿Qué haces para que las personas recuerden cosas? Usted los repite.

La consistencia a lo largo de su diseño web se basará en las elecciones que haya realizado anteriormente con respecto a la selección de la personalidad adecuada para la marca y la evocación de las emociones apropiadas. Mantenga colores consistentes, imágenes y tipografía para garantizar que su sitio web proyecte una imagen uniforme .

Skype integra de manera consistente varios elementos de marca en todos sus medios de comercialización, que incluyen la paleta de colores con nubes dominantes en azul y blanco 2D con ilustraciones sobre ellos y arcoiris multicolores:

Skype

5. Reutilizando código y visuales

Las imágenes y el diseño consistentes le permiten reutilizar más contenido , ya sean hojas de estilo o imágenes. Esto significa que su sitio se cargará más rápido ya que el navegador del usuario no necesita descargar tantas cosas: las imágenes antiguas y CSS ya están almacenados en su caché.

Apple.com integra su logotipo con la barra de navegación, infundiendo su marca en el diseño de la página:

manzana

6. Tamaño y posición del logotipo

La norma aceptada al posicionar el logotipo de su sitio es colocarlo en el área superior izquierda de la página.

Esa es el área donde la mayoría de la gente mirará para ver en qué sitio se encuentran. Además, es una buena práctica vincular la imagen del logotipo a la página de inicio del sitio . Pero la posición es solo un elemento: el tamaño también es importante. Asegúrese de que su logotipo sea lo suficientemente grande como para ser la segunda o tercera cosa que las personas notarán cuando lleguen a su sitio.

UX Booth tiene un logotipo grande y bonito en el área superior izquierda de la página, que es una de las primeras cosas que notas al llegar al sitio:

UX Booth

7. Propuesta de valor

Cuando un visitante llega a su sitio por primera vez, toma los primeros segundos para orientarse. ¿Es este el sitio correcto? ¿Esto se ve interesante? ¿Qué es todo esto? Para responder estas preguntas, debe proporcionar una propuesta de valor clara y concisa a su visitante.

Esta propuesta de valor debe ser una declaración breve en un lugar destacado de su página. Preferiblemente, debe ubicarse junto al logotipo del sitio para que cuando un nuevo visitante lea el título del sitio o negocio, siga con la propuesta de valor.

En pocas palabras, explique exactamente qué beneficio le aporta su sitio al visitante, para que sepa no solo de qué se trata su sitio, sino por qué debería seguir utilizándolo .

Rob Sartain Prime Cut Design tiene una gran propuesta de valor en el encabezado de su sitio. Es altamente visible, conciso y claro; y cubre ambos, el 'qué' y el 'por qué':

Prime Cut Design


los ReportBox el sitio web presenta una propuesta de valor clara debajo del logotipo y la navegación. El tamaño de letra grande asegura que sea una de las primeras cosas que leerá:

ReportBox

8. Tono de voz

El idioma que usa en su sitio web necesita reforzar el carácter y la personalidad de su marca. Si su marca es amigable y con los pies en la tierra, y su audiencia es gente joven y conocedora de la tecnología, un tono de voz informal y divertido puede funcionar bien para usted.

Por otro lado, si está creando un sitio web para un banco de inversión, el tono de voz debe reflejarlo al ser mucho más formal.

No se trata solo de lo que dices, sino de cómo lo dices . Puedes decir lo mismo en diferentes voces y obtener el mismo significado, pero la personalidad que emite esta voz será diferente; así que elija un tono de voz que se adapte al carácter y audiencia de su marca .

Mate , una aplicación web simple que te ayuda a usar múltiples cuentas de Twitter, presenta ilustraciones dibujadas a mano y un tono de voz amigable, ideal para la audiencia joven y conocedora de la tecnología:

Mate


37signal's Campamento base el sitio web toma un tono más formal, pero simple y conciso, centrándose en su audiencia de negocios:

Campamento base

9. Singularidad

Sin embargo, obtener todos los elementos anteriores solo lo llevará tan lejos, porque hay otra cosa muy importante a considerar al construir su marca: la singularidad.

Si su sitio web se parece a la competencia, ¿es realmente memorable? ¿Cómo diferenciarían los clientes potenciales entre los dos? Al hacer ese esfuerzo extra para crear una imagen única, no solo se destacará de sus competidores , será más memorable , y eso significa una mejor oportunidad de que sus visitantes vuelvan por más.

Carbonica's el sitio web presenta muchas texturas de papel reciclado, fuentes dibujadas a mano e ilustraciones de estilo recortado. Esta imaginería terrosa ayuda a promover la imagen sostenible que Carbonica busca y es lo suficientemente diferente como para ser memorable:

Carbonica

Conclusión

Construir una marca sólida es importante no solo para las grandes corporaciones, sino también para las pequeñas empresas e incluso para los sitios web y blogs personales. La marca ayuda a las personas a diferenciar entre competencia y juzgar rápidamente la calidad .

La web es una plataforma excelente para construir su marca, por lo que es importante no ignorar la marca cuando trabaje en su sitio web. Asegúrese de utilizar todas las diversas técnicas para que sea poderoso y efectivo.


Escrito exclusivamente para WDD por Dmitry Fadeyev. Dirige un blog sobre usabilidad llamado Posibilidad de uso .

¿Qué técnicas son las más efectivas para la construcción de marca? Por favor, comparta sus comentarios con nosotros…