Dentro de mi trabajo como diseñadora también gestiono algo clave para mejorar la experiencia de compra online: la previsualización de estampaciones personalizadas, tanto para botas de fútbol como para equipaciones textiles.
Este proceso permite que cada cliente vea cómo quedará su nombre, número o bandera en su producto antes de finalizar la compra. Para conseguirlo combino diseño en Adobe Illustrator, coordinación en Magento y trabajo conjunto con el equipo de desarrollo.
Previsualización en botas
Para las botas, el proceso es más directo:
Coloco la imagen de la bota en Illustrator y marco exactamente dónde irá la estampación. Con Illustrator obtengo las coordenadas exactas de esa posición. Esas coordenadas las paso a Magento, asignándolas al atributo ya creado previamente (la bandera, nombre o número). Así, cuando el cliente selecciona su personalización en la web, se muestra justo en el lugar correcto sobre la bota.
Previsualización en textil
En el caso del textil, el proceso es un poco más técnico porque las tipografías cambian cada temporada: Primero creo el “churro”, que es un archivo PNG donde coloco todo el abecedario y los números de la tipografía de esa equipación. Anoto en un Excel la coordenación de cada letra y número junto a su código ASCII correspondiente. Este Excel se convierte en parte del código CSS que se envía al programador para implementarlo en la web. Con el churro integrado, el cliente puede escribir su nombre o número y la web monta la previsualización, colocando cada letra en su lugar exacto. Una vez creado el churro y cargado el CSS, yo configuro el atributo de la tipografía en Magento (que es diferente para cada equipación o temporada) y lo coordeno en Illustrator, igual que en el caso de las botas.
Resultado: diseño + técnica
Gracias a este trabajo, cada cliente puede ver su personalización de forma clara y realista antes de comprar:
- Para las botas, el diseño es estable porque las tipografías y banderas no cambian.
- Para el textil, cada temporada puedo crear nuevas tipografías y personalizaciones para adaptarnos a cada equipación.
Todo este proceso combina diseño gráfico, organización técnica y coordinación con desarrollo web, uniendo creatividad y detalle técnico para dar valor añadido a la tienda online.
Si quieres conocer más sobre cómo trabajo combinando diseño y personalización, puedes ver otras entradas de mi portfolio.
¡Gracias por leerme!
