Colores inteligentes aplicados a la web

Una de las últimas aplicaciones que desarrollamos en la plataforma de inteligencia online Braindw fue la de los colores y formas inteligentes que se aplican en base una determinada segmentación o agrupación, ya sea de caracter demográfico, como sexo, edad, etc., de categorías, como televisores, computadoras, de medios de pago, como plan de 18 cuotas sin interés con una determinada tarjeta de crédito o tipo de beneficios en las ofertas, como ahorros o descuentos.

Yo soy arquitecto y durante mi carrera realizamos varios trabajos prácticos en “señalética“, que es la materia que se especializa en utilizar los colores como medio o herramienta para orientar a los usuarios de la manera mas eficiente y ayudarlos a ubicarse en lugares de alta complejidad con áreas o sectores a los que debe llegar, como son los aeropuertos, shoppings o centros comerciales, museos, etc.

Y una de las herramientas que utiliza la señalética es el uso de los colores para diferenciar determinadas zonas o lugares como puertas de embarques, patios de comida, terminales etc. Del mismo modo, la navegación en un sitio de comercio electrónico es altamente complejo, y por lo general confuso y dificil de maniobrar para los usuarios, que la mayoría de las veces siente que esta perdido dada la enorme cantidad de información que se le presenta, la multiplicidad de ofertas, promociones y productos y un sistema de navegación por lo general poco claro y eficiente. Entonces porque no aprovechar la inteligencia online en tiempo real, y vincular o asociar determinados elementos del sitio de e-commerce, como pueden ser las categorías, los tipos de descuento, promociones, etc. con diferentes colores

Por ejemplo podemos asociar colores a un determinado segmento de ahorros en los productos, que pueden ir desde el rojo si el valor se encuentra entre el 20% y 30%, en amarillo sí oscila entre el 11% y el 19%,  y en verde si oscila entre el 1% y el 10%. De esta manera el usuario va a saber identificar, sea cual sea la categoría donde se encuentre en la navegación, la magnitud del ahorro en base a los colores que ve.

Otra caso común se da cuando la tienda de e-commerce lleva adelante un acuerdo comercial con alguna tarjeta de crédito o medio de pago, y necesita que el usuario pueda identificar aquellos productos que se encuentran dentro de este acuerdo, por ejemplo 18 cuotas sin interés con determinado medio de pago. La aplicación detecta en tiempo real cuál es el producto que está navegando el usuario e incorpora los colores en las piezas que se publican en tiempo real, ya sean banners o emails.

Este es posible ya que la plataforma Braindw entrega piezas en formato HTML, tanto en banners como en los e-mails inteligentes, de esta manera podemos intervenir tanto en el texto , como en los colores de fondo ,pudiendo incluso mezclar colores que definan determinados segmentos, como una categoría de productos, con un  plan de pagos o con un porcentaje de descuento.

A continuación vamos a ver algunos ejemplos de gráfica básica, los que no pretenden ser piezas con diseño, pero sí piezas que ejemplifican cómo se pueden utilizar los colores inteligentes mediante la plataforma Braindw en cualquier sitio de comercio electrónico. En este ejemplo vamos a ver el proceso por el cual se termina generando una pieza del tipo carrousel/góndola que tiene 3 productos en los que vamos a poder ver plasmado este concepto, en base a los colores aplicados a la categoría, al porcentaje de descuento y al plan de cuotas asociada a un medio de pago.

Categoría de producto

En este bloque se definen los colores en función de las distintas categoría, esta imagen  corresponde a telefonos celulares y el color para esa categoría es el marron.

Plan de cuotas con tarjeta

En esta columna, definimos en una parte de la pieza un color de fondeo y de texto para identificar un determinado plan de cuotas.

Tipo de descuento

En esta columna se identifica con distintos colores a los diferentes porcentajes de descuento, siendo el rojo el mas alto y el verde el mas bajo.

A continuación podemos visualizar como quedan las piezas armadas con los diferentes casos aplicados a los colores, desde las categorías, pasando por los planes de cuotas con tarjeta de crédito y los diferentes niveles de porcentajes de descuento con una gama que va desde el verde para los mas bajos, hasta el rojo para los mas altos.

Caso 1

En este caso vemos que la categoria de color marron es la de celulares, que el plan de cuotas es el de 18 con todas las tarjetas, y aplica un color gris claro y por último que aplica el menor descuento (10%) por lo que la cucarda es de color verde y el texto de los precios esta en color verde.

Caso 2

En este caso vemos que la categoria de color azule que es la de TV Smart, que el plan de cuotas es el de 12 cuotas sin interés con VISA, y aplica un color amarillo claro y por último vemos que no aplica descuento en este caso, ya que el beneficio esta en las cuotas sin interés.

Caso 3

En este caso vemos que la categoria de color marron es la de celulares, que el plan de cuotas es el de 6 cuotas sin intrés con todas las tarjetas, y aplica un color amarillo huevo y por último que aplica el mayor descuento (30%) por lo que la cucarda es de color rojo y el texto de los precios esta en color rojo.