Ilustrando Mercadona Online

Proceso de creación paso a paso

David de la Iglesia
Mercadona Tech
4 min readNov 14, 2018

--

Cada vez que tomamos cualquier decisión en Mercadona,“El Jefe” (o el usuario) es lo primero. Por eso al igual que nos esforzamos por darle la máxima calidad en nuestros productos, queremos que la relación entre las personas y el nuevo servicio online sea cálido y familiar. Esto ha influido en gran medida a la hora de elegir el estilo de nuestras ilustraciones

Pincel en mano hemos apostado por lo tradicional. Nuestras ilustraciones son “handmade” cuál horchata de Alboraya, y hemos puesto todo el corazón en ellas con el propósito de lograr un lenguaje cercano y personal.

“It is important to use your hands, that is what distinguishes you from a cow or a computer operator.”

— Paul Rand

Manchas y texturas

Las texturas son una excelente vía para dar vida a formas y figuras, les aportan carácter humano y personalidad. Crear todas las texturas de forma artesanal nos ha permitido poner lo mejor de nosotros en cada trazo.

El resultado es una buena cantidad de recursos originales e irrepetibles. Los mismos que más tarde, acabarían siendo el corazón de cada una de las piezas que conforman hoy día el conjunto de ilustraciones que usamos en Mercadona Online.

Clean up

En este punto se podría decir que sólo teníamos un montón de papel cubierto de manchas negras. Para convertir el “caos creativo” en recursos útiles debimos escanear cada centímetro, clasificar y procesar todo el material. Todo este proceso meticuloso, nos hizo ahorrar mucho tiempo más adelante y facilitó enormemente el trabajo a la hora de ilustrar.

Nuestra paleta

El color puede reforzar un mensaje y crear conexión entre la ilustración y la marca. Por eso, cuando aplicamos el color, no todo vale. Es importante seguir algunas reglas si queremos mantener coherencia en todo el conjunto.

En Mercadona Online hemos definido una paleta de fríos y cálidos basada en los colores que se perciben cuando entramos en nuestro Mercadona de siempre. La definición de la paleta es un paso muy importante que no debe tomarse a la ligera. Recordemos que nos acompañará durante mucho tiempo.

Concepto y mensaje

Encontrar la imagen que mejor transmite cada idea o concepto no es fácil. Nos hemos dado cuenta que dibujar bocetos nunca se puede obviar, aunque a priori se parta de una idea clara, siempre nos empuja a conseguir mejores resultados a la hora de dar con las imágenes que comunican con más eficacia y encajan con nuestro lenguaje visual.

De lo analógico a lo digital

Una vez terminadas las texturas, la paleta de color y los bocetos los trabajamos en el mundo digital. Primero recortando las texturas y posteriormente componiendo collages utilizando nuestros bocetos de referencia.

El trabajo no termina aquí

Es clave tener en cuenta que las ilustraciones se utilizarán en variedad de plataformas. Desde el equipo de Mercadona Design tratamos de hacer que la comunicación entre diseño e ingeniería sea fluida, así que ponemos a su disposición los assets cuidando que la calidad sea óptima.

Mercadona está en el día a día de muchos de nosotros y hemos querido que la experiencia online transmita el mismo trato familiar que se ofrece en nuestras tiendas.

Estamos orgullosos de aportar nuestro granito de arena para estar más cerca de conseguirlo.

--

--