Cómo elegir los colores para tu tienda online. A - PYME Networks

Cómo elegir los colores para tu tienda online.
A menudo pregunto a los propietarios de comercios electrónicos por la elección de los colores
de su comercio. La mayoría de las respuestas son del tipo “Me gustan esos colores y pensé que
quedarían bien” o “Mi diseñador web los eligió así”. Si esa es la manera en la que elijes los
colores, puede que estés perdiendo una gran oportunidad para transmitir la personalidad de tu
marca a tus potenciales clientes y dar forma a su experiencia en tu tienda.
El estudio de cómo los colores afectan al subconsciente de la mente se llama “psicología de los
colores”. Los colores son una forma de comunicar. A través de las influencias de la sociedad
aprendemos a asociar los colores con emociones, conceptos, acciones, y cualidades. Por
ejemplo, los españoles asociamos el color rojo a la acción porque las señales de tráfico de “Stop”
y peligro son rojas. Debido a esta asociación, utilizar el color rojo en un texto de error
parpadeante en tu carrito de la compra, será una forma efectiva de llamar la atención del cliente.
A continuación describimos los conceptos más importantes a tener en cuenta a la hora de elegir
o cambiar el esquema de colores de tu tienda online.
1.- Usa la psicología del color para tu propio beneficio.
Necesitas comprender qué sensaciones y emociones evocan los distintos colores. He aquí
algunas interpretaciones habituales de los colores básicos. Desde luego, hay variedad de
interpretaciones, significados y percepciones en función de las culturas y contextos.










Rojo: Atención, emoción, enfado, amor, calidez, confort, vida, sangre, stop.
Amarillo: Aventura, felicidad, competencia, entusiasmo, riqueza, sofisticación.
Verde: Equilibrio, buen gusto, envidia, salud, dinero, harmonía.
Azul: Honestidad, corporativo, alta calidad, masculinidad, competencia, frialdad,
lealtad, confianza, fiabilidad.
Rosa: Amor, compasión, sofisticación, sinceridad, romance, docilidad.
Violeta y púrpura: Creatividad, autoridad, realeza, respeto, misterio.
Marrón: Amigable, rudeza, tristeza, confort, orgánico, natural.
Negro: Dolor, sofisticación, caro, inteligente, muerto, adelgazamiento.
Blanco: Sencillez, orden, inocencia, pureza, limpieza, neutro.
Gris y plata: Atemporal, práctico, neutro, refinado, contemporáneo.
2.- Utiliza los colores apropiados para tu mercado y tus productos
Algunos colores apelan a ciertos mercados. Algunos colores son más apropiados para productos
de lujo mientras que otros son más apropiados para productos alimenticios. La psicología del
color no es una ciencia exacta pero la puedes aprovechar en términos generales en tu sitio web.
He aquí algunos ejemplos:
Mercedes. Mercedes tiene una fuerte y sencilla paleta de negro (caro y sofisticado), gris
(refinado) y blanco (limpio). Esta asociación de colores es apropiada para los clientes a los que
se dirige (clientes objetivo): Personas de alto poder adquisitivo que presumiblemente quieren
ser vistos como distinguidos e importantes.
Disney. La página de Disney utiliza un sentimiento diferente, si bien su objetivo demográfico son
los niños y los padres (más las madres). Los niños tienden a preferir los colores brillantes, colores
sencillos. Las mujeres tienden a preferir los colores suaves. Los azules vivo de Disney (confianza)
y los grises apagados (contemporáneo, atemporal) atraen a ambos objetivos.
Victoria’s Secret. Las características de colores de Victoria’s Secret están llenas de sombras de
rosa (romance y docilidad), que habla perfectamente a su mercado objetivo de mujeres
interesadas en productos de belleza y lencería.
Presta especial atención a los esquemas de colores de las tiendas online que visites. Después,
piensa en la experiencia que estás creando en tu propio sitio a través de los colores que elijas.
Toma nota de cómo los colores combinan entre ellos y de cómo te hacen sentir. ¿Son enérgicos,
suaves o neutros? ¿Tus colores “luchan” entre ellos o envían mensajes complementarios?
Si no estás seguro, la mejor apuesta es insertar colores suaves y reservados como los azules,
grises y el blanco, lo opuesto a colores vibrantes y llamativos como el rojo, el amarillo o el
purpura.
3.- Utiliza el efecto Aislamiento
El efecto aislamiento, también conocido como el efecto Von Restorff, indica que un objeto (en
este caso un color) que destaca se recuerda más fácilmente. Por ejemplo, si alguien ojea una
lista de palabras impresas en negro y una palabra destacada en púrpura, con toda probabilidad
recordará mejor la palabra en púrpura que las impresas en negro.
Utiliza esto para tu beneficio teniendo un color que sea el color de aislamiento de tu tienda para
inducir a la acción (call-to-action), añadir al carrito, dar permisos (opt-in) y otros enlaces. Utiliza
ese color solo en aquellos sitios que quieres destacar. Por ejemplo, si el verde es tu color de
aislamiento, utilízalo solo en los botones de “añadir al carrito” y en los enlaces de texto que
conducen a los clientes directamente al proceso de ventas. Siendo persistente con este patrón
de uso de los colores, estarás entrenando a tus visitantes para que hagan clic cuando vean el
color de aislamiento (el verde es un ejemplo). Esta es una forma sutil y poderosa de hacer que
los clientes avancen hacia la compra. Es como inculcarles en el subconsciente las señales que les
indican el camino a seguir.
En los ejemplos de arriba, Dell usa el verde de forma eficaz como color de aislamiento
utilizándolo solo en los lugares que conducen a los visitantes hacia el proceso de compra.
BarStools.com ha elegido el naranja como color de aislamiento. Solo aparece en las opciones de
“seleccionar”, “añadir al carrito” y “finalizar compra y pagar”, es decir, los pasos que mueven a
los clientes a lo largo del proceso de compra.
Elije un color de fondo.
Los blancos y los grises claros son los mejores colores de fondo ya que producen contraste con
la mayoría de los colores sin distraer al visitante. La mayoría de las tiendas utilizan una ligera
sombra en sus fondos.
Los fondos oscuros buen funcionar muy bien si tienes colores muy brillantes y texto.
Este estilo le funciona a Foot Locker dados los colores brillantes y sombras sencillas de sus
productos y el objetivo de clientes masculinos.
Como norma, mantén tu sitio web limpio y simple no utilizando más de tres colores principales.
Puedes utilizar algunas sombras diferentes de estos colores principales para acentuar tu tienda,
pero por lo general, menos es más.
Cuando elijas tu esquema de colores, piensa más allá de tus colores favoritos. Tu esquema de
colores habla con tus clientes sobre el valor y la personalidad de tu tienda.