La ilustración como herramienta para ecommerce

La ilustración como herramienta para informar al usuario sobre un proceso de compra

El proyecto de Biddus conecta a compradores particulares, que rastrean la red en busca de los mejores precios, y a vendedores profesionales en busca de una nueva vía desde la que colocar su mercancía. El proceso se inicia cuando un usuario publica un anuncio solicitando presupuesto por un bien en concreto que quiere adquirir. Los vendedores registrados en la plataforma, que son seleccionados personalmente por Biddus, revisan los pedidos publicados y envían su presupuestos, de manera que el comprador puede disponer de hasta tres ofertas diferentes y negociar directamente con el vendedor sobre la que más le interese.

Caso práctico: Infografía Biddus

El proyecto de Biddus conecta a compradores particulares, que rastrean la red en busca de los mejores precios, y a vendedores profesionales en busca de una nueva vía desde la que colocar su mercancía.

El proceso se inicia cuando un usuario publica un anuncio solicitando presupuesto por un bien en concreto que quiere adquirir. Los vendedores registrados en la plataforma, que son seleccionados personalmente por Biddus, revisan los pedidos publicados y envían su presupuestos, de manera que el comprador puede disponer de hasta tres ofertas diferentes y negociar directamente con el vendedor sobre la que más le interese.

Al tratarse de una mecánica bastante compleja era necesario desgranarla de manera que se consiguiera dar una idea clara al visitante que entrase en la web por primera vez. Decidimos que la mejor forma de hacerlo era mediante una infografía. La web de Biddus antes del rediseño ya contaba con una infografía que se limitaba a enumerar los 3 pasos del proceso: “Di que quieres comprar”, “Recibe ofertas y “Compra a través de Biddus.”

Recurrí a la ilustración con el objetivo de conseguir algo mucho más visual, una forma de dar la bienvenida al visitante al tiempo que despertase su curiosidad por entender el funcionamiento de nuestro negocio.

Proceso creativo infografía Biddus
Primer paso del proceso creativo para realizar la infografía de Biddus

El  estilo de las ilustraciones debía ser fresco y desenfadado, acorde con la línea de diseño y la filosofía de Biddus. Para reforzar esta idea, utilicé un estereotipo de la sociedad actual: un hipster. Además, la numeración de los tres pasos sirve de hilo conductor ya que es un elemento común que facilita al usuario el seguimiento de la “conversación”.
La primera idea fue representar a “Biddus” como un personaje que ofrecía un servicio, por eso, pensé en identificarlo con un camarero. En los primeros bocetos, había un cliente sentado en una mesa y pedía al camarero algo del menú. Me gustaba la idea del camarero, ya que la vocación de Biddus es la de ser “tu asistente en compras”, aunque por otro lado parecía dar a entender que el tipo de negocio estaba relacionado con la restauración o la gastronomía, lo cual llevaba a confusión.

Proceso creativo infografía Biddus
Segundo paso del proceso creativo para realizar la infografía de Biddus

Descarté esta idea, así como la de encarnar a la empresa en un personaje y decidí poner el foco de atención en el comprador, ya que realmente es con quién debe identificarse el usuario de la web.

Para hacer del mensaje “Di que quieres comprar” algo más sugerente, lo sustituimos por una pregunta directa al usuario: “¿Qué quieres comprar?”

Allí coloqué a nuestro hipster en actitud pensativa, imaginando un artículo que se pudiera comprar en Biddus, en este caso un televisor. Barajé la posibilidad de representar algún objeto o icono genérico para no incitar al usuario a identificar Biddus con cierto tipo de negocio, pero el resultado habría sido demasiado abstracto.

infografía biddus
Infografía que ilustra la primera decisión que debe tomar el usuario

Para la viñeta central cambiamos el aséptico mensaje “Recibe ofertas”, por algo mucho más concreto: “Recibe hasta 3 presupuestos”.

Decidí usar el recurso del avión de papel para representar los presupuestos que los compradores envían al usuario. La imagen del personaje saltando para atrapar las ofertas expresa de una manera simbólica esta parte del proceso, a la vez que dota de dinamismo al conjunto.

infografía biddus
Infografía que ilustra la segunda decisión que debe tomar el usuario

Para finalizar, llegamos al momento del trato: “Negocia y compra a través de Biddus”.

Para ilustrar esta parte era obligado presentar al otro protagonista de Biddus: el vendedor. El nuevo personaje sigue el mismo estilo de ilustración, aunque es notablemente diferente del comprador. En esta viñeta se muestra como se cierra el trato, el hipster entrega el dinero al simpático comprador que aguarda sosteniendo el televisor de la primera escena.

infografía biddus
Infografía que ilustra la última decisión que debe tomar el usuario

Además del papel que cumplen en la home, la web está salpicada de estos personajes en los registros de usuarios y de vendedores, en algunas llamadas a la acción o en las imágenes genéricas de producto, reforzando así el estilo de esta web y la línea de diseño de Biddus.

registro biddus
Detalles de la infografía principal por la web de biddus
continuidad infografía
Detalles de la infografía principal por la web de biddus

En resumen, con la infografía desarrollada para Biddus hemos conseguido explicar de forma atractiva el particular funcionamiento de este e-commerce, a la vez que hemos creado un elemento diferenciador que el usuario puede asociar a la marca y que sirve de nexo de unión entre las distintas páginas del sitio.



Deja un comentario

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

Últimos artículos publicados
Blog
2 min
Por Flat 101
23 octubre, 2024
Blog
4 min
Por Arantxa Hernández
3 septiembre, 2024
Analítica Web
6 min
Por Xavier Daviu
24 julio, 2024
Blog
6 min
Por Mariana Camors
1 julio, 2024

Si necesitas especialistas para desarrollar o mejorar tu negocio digital, podemos ayudarte

  • Los datos que nos faciliten el usuario a través este formulario se incorporarán a tratamientos cuyo responsable es FLAT 101 S.L. con CIF B99393613 y domicilio social en Avda. Maria Zambrano, nº 31, Edif. WTCZ, Torre Oeste, 12D, 50018 de Zaragoza. Puede contactar llamando al 976419856 o a través del correo electrónico info@flat101.es. La finalidad de recogida de datos en este formulario es poder contestar las consultas planteadas y enviar al usuario la información solicitada a través del correo electrónico o teléfono indicados en el formulario. Solo se realizan cesiones si existe una obligación legal. Reservados sus derechos a acceder, rectificar y suprimir, así como otros derechos, como se indica en la Política de Privacidad.