Una de las cosas que más me gusta de mi trabajo es que cada día puede ser diferente. A veces incluso me toca salir de mi zona de confort y ponerme delante de la cámara.
Como dato curioso, he hecho de modelo para productos de la web de futbolmania. Me puse camisetas de dos equipaciones distintas — Argentina y Brasil temporada 24/25 — y realizamos una sesión de fotos en el estudio que tenemos en la oficina. Estas imágenes se usan para mostrar las camisetas en la tienda online, y luego el equipo de fotografía se encarga de editarlas para que queden listas y se vean perfectas en la ficha de producto correspondiente.
Además, cuando el departamento de fotografía va a tope de trabajo, también echo una mano ayudando a editar imágenes, recortar fondos o preparar las fotos para que estén listas a tiempo. Es una forma de apoyar al equipo, aprender de otros procesos y aportar mi parte para que todo salga bien, incluso en tareas que no forman parte directa de mi puesto como diseñadora.
Este tipo de experiencias me recuerdan que en un proyecto grande todos podemos sumar de formas diferentes, y que la flexibilidad y el compañerismo marcan la diferencia en el día a día.
Si quieres conocer más anécdotas y curiosidades de mi trabajo, puedes leer otras entradas de mi blog. ¡Gracias por estar aquí!
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!
Uno de los proyectos en los que trabajo como diseñadora es la creación y preparación de banderas que después se personalizan en botas de fútbol junto al nombre del cliente. Es un detalle muy valorado por quienes quieren darle un toque único y personal a su equipación.
El proceso empieza en Adobe Illustrator, donde diseño y ajusto cada bandera para que cumpla con todos los requisitos técnicos. No es solo colocar una imagen: Creo la línea de corte para que cada bandera tenga la forma exacta y se recorte sin errores. Utilizo la herramienta “Objeto → Repetir” para duplicar las banderas tantas veces como sea necesario, optimizando el espacio y aprovechando bien el material. Reviso todos los detalles de color y resolución para asegurarme de que la impresión sea nítida y fiel al diseño original.
Cuando el archivo está listo, lo optimizo para impresión, preparando las capas, formatos y marcas de corte según las especificaciones de la imprenta. También me encargo de contactar y coordinarme con la empresa que produce estos vinilos: validamos materiales, revisamos pruebas de color y controlamos los tiempos de entrega.
Gracias a este proceso, cuando los vinilos llegan a tienda están listos para que podamos estampar banderas de todos los países junto al nombre o número del jugador, dándole a cada par de botas un valor añadido y totalmente personalizado.
Este tipo de tareas me permite unir diseño, organización, optimización de archivos y coordinación con proveedores, asegurando que cada detalle salga bien y que el cliente reciba un resultado profesional y cuidado.
Uno de los proyectos más importantes en los que trabajo actualmente es la creación de la nueva web de futbolmania, la tienda de fútbol más grande del mundo. Es un proyecto ambicioso que lleva varios años en marcha y en el que me incorporé con la tarea de dar forma a nuevas secciones, pantallas y funcionalidades, manteniendo siempre la coherencia con el diseño ya existente.
Mi principal herramienta para este proyecto es Adobe XD, donde diseño cada pantalla de la web y creo los prototipos interactivos que permiten al equipo de desarrollo entender exactamente qué hace cada botón, cómo funciona cada menú y cómo se comporta cada interacción. Aunque también tengo conocimientos de Figma, en este caso la base ya estaba desarrollada en XD y lo he seguido trabajando para mantener el flujo de trabajo unificado.
¿Qué implica mi trabajo en este proyecto?
Además del diseño visual, mi labor incluye: Crear nuevas pantallas y secciones siguiendo la línea gráfica de la marca. Preparar prototipos interactivos para mostrar flujos de usuario y navegación. Detallar cada interacción para que los programadores sepan cómo implementarla. Resolver dudas técnicas y coordinar la comunicación entre diseño y desarrollo.
Cómo organizo cada fase del prototipado
Para que todo el proceso sea claro y funcional, sigo estos pasos:
Análisis y recopilación de requisitos Reviso la estructura existente, los objetivos de cada página y las funcionalidades necesarias.
Diseño visual en Adobe XD Desarrollo nuevas pantallas manteniendo la identidad de la marca y optimizando la experiencia de usuario.
Prototipado interactivo Enlazo pantallas, defino animaciones y transiciones para mostrar cómo se comportará la web real.
Documentación para desarrollo Añado notas y especificaciones técnicas para que el equipo de programación pueda implementar cada elemento sin perder detalle.
Revisión y feedback Coordino cambios y ajustes para garantizar que el diseño final cumpla con lo que necesita el cliente y funcione correctamente.
Gestión de la web actual
Mientras la nueva web avanza, también me encargo de mantener y actualizar la web actual de Futbolmania. Cada temporada requiere pequeños rediseños: banners de ofertas, secciones especiales de rebajas, promociones de Black Friday o lanzamientos de nuevas colecciones. Todo esto hace que la web esté siempre viva, atractiva y adaptada a lo que buscan los clientes en cada momento.
Este proyecto me permite combinar diseño, prototipado, trabajo en equipo y creatividad comercial, aprendiendo algo nuevo cada día y aportando soluciones para mejorar la experiencia del usuario y la imagen de la marca.
Si quieres ver más sobre cómo trabajo o conocer otros proyectos, puedes seguir navegando por mi portfolio. ¡Gracias por leerme y por interesarte en mi trabajo!
En esta entrada quiero compartir algunas de las herramientas que uso en mi día a día y que me permiten trabajar de forma más organizada, creativa y profesional. Tener los recursos adecuados marca la diferencia cuando se trata de diseñar para distintos formatos y necesidades, desde piezas gráficas hasta campañas completas.
Diseño gráfico y edición de imagen
Adobe Photoshop: Mi herramienta principal para retocar imágenes, crear composiciones y preparar visuales para web, newsletters y redes sociales.
Adobe Illustrator: Imprescindible para diseño vectorial, logotipos, iconos o ilustraciones.
Adobe Lightroom: Especial para la edición de fotografías y ajustes de color, manteniendo una misma línea estética.
Edición de vídeo y animación
Adobe Premiere: Para editar vídeos promocionales, reels o clips para redes sociales.
Adobe After Effects: Ideal para crear animaciones, transiciones y efectos visuales que aportan dinamismo a cualquier pieza.
Maquetación y prototipado
Adobe InDesign: Fundamental para diseñar catálogos, folletos, dossiers o materiales editoriales.
Adobe XD: Lo utilizo para prototipar páginas web o interfaces de forma rápida, visual e interactiva.
Marketing y ecommerce
Mailchimp: Mi herramienta clave para diseñar y gestionar newsletters. Conozco prácticamente todas sus funciones y me permite mantener la coherencia visual de cada envío.
Magento: Para la gestión de tiendas online, actualización de productos y coordinación con el equipo de ecommerce.
Inspiración
Pinterest: Una de mis fuentes principales para buscar referencias, tendencias y moodboards. Es muy útil para explorar ideas nuevas y encontrar soluciones visuales.
Behance: Para descubrir proyectos de otros diseñadores. Es una gran plataforma para mantenerse conectado con la comunidad creativa y aprender de otros profesionales.
Estas herramientas me ayudan a cubrir todo el proceso creativo, desde la idea inicial hasta la entrega final, asegurando que cada proyecto mantenga la coherencia visual de la marca. Además, sigo aprendiendo y explorando nuevas funcionalidades, asistiendo a cursos y formaciones para mejorar día a día.
Si quieres ver cómo aplico todo esto en proyectos reales, puedes visitar otras entradas de mi portfolio. ¡Espero que esta lista te inspire y te anime a descubrir nuevas formas de trabajar!
Soy Anna Martorell Trillo, diseñadora gráfica y web, y me dedico a dar forma a ideas, marcas y proyectos que conectan con las personas. Desde que empecé mi camino profesional he trabajado en distintos ámbitos creativos, explorando disciplinas como el diseño gráfico, la creación de contenido, la comunicación visual, la web y la fotografía.
Mi formación incluye un CFGS en Infografía 3D por la EADR (2018) y un CFGS en Gráfica Interactiva por la EADT (2020). Además, he seguido ampliando mis conocimientos con cursos especializados, desde filtros de realidad aumentada para Instagram y Facebook, hasta SEO, SEM, fotografía de stock o ilustración digital. Actualmente cuento con un Grado Universitario en Diseño y Creación Digitales por la UOC (2024).
A lo largo de estos años he trabajado en varios sectores, siempre aportando creatividad y soluciones visuales:
Diseñadora gráfica en Canal Reus TV (2017/2018)
Ayudante de producción en Actual 1 Tarragona Producciones S.L.U (2018)
Diseñadora gráfica, creadora de contenido y community manager en syljewels.com (2022/2024)
Actualmente, diseñadora gráfica y web en futbolmania.com (2024 / actual)
Todo este recorrido me ha permitido dominar herramientas como Photoshop, Illustrator, InDesign, Premiere, After Effects, Lightroom, XD, Sketch, Maya, Rhinoceros 3D, WordPress, Magento, Prestashop, entre otras. También tengo experiencia con Mailchimp, Spark AR Studio, Final Cut, Canva y Procreate, lo que me permite abarcar proyectos muy variados.
Me considero una persona creativa, flexible y en constante aprendizaje. Valoro la escucha activa, la empatía y creo firmemente que el diseño tiene que ser funcional y coherente para que realmente comunique y deje huella.
Actualmente sigo formándome y creciendo, explorando nuevas formas de aplicar mi creatividad en cada proyecto que llega a mis manos.
Si quieres conocer más sobre mi trabajo, te invito a visitar el resto de entradas de mi blog.
En esta entrada quiero mostrar una parte importante de mi trabajo: la creación y diseño de newsletters. Todas las newsletters que realizo siguen una misma línea visual para mantener coherencia y reforzar la identidad de marca. Es fundamental que, cada vez que un cliente abre un correo, lo reconozca inmediatamente como nuestro, evitando que cada envío parezca diferente o desconectado del anterior.
Normalmente, las campañas se estructuran por marcas, equipaciones o temáticas concretas, de forma que el contenido tenga sentido para quien lo recibe. Aun así, cuando hay muchas colecciones nuevas, a veces es necesario combinar varias en un mismo envío, manteniendo siempre el orden y la claridad en el diseño.
Mi trabajo consiste en crear la estructura visual de cada newsletter: diseño, composición de imágenes, adaptación de los textos y planteamiento de cómo se verá todo integrado. Los textos suelen venir proporcionados por las marcas, pero en ocasiones debemos buscar recursos adicionales para complementarlos.
Llevo ya bastante tiempo trabajando con Mailchimp y podría decirse que he explorado prácticamente todas sus funcionalidades. Además, he asistido a varias videoconferencias y formaciones para seguir perfeccionando mis conocimientos sobre este método de marketing.
Debajo podréis encontrar algunos ejemplos de newsletters que he diseñado y enviado. Espero que podáis verlos bien y que podáis interactuar con ellos. Algunos incluyen GIFs, otros son más extensos o más breves, dependiendo de la campaña y el objetivo.
En este proyecto, el objetivo era dotar a la tienda de futbolmania en Barcelona de un branding más atractivo y visual. Esta tienda es la más grande del mundo dedicada al fútbol, y diariamente recibe a muchísimas personas que no solo vienen a comprar, sino que también se hacen fotografías dentro del espacio.
Con esta intervención, buscábamos que el logotipo apareciera en más imágenes y aprovechar espacios vacíos que hasta ahora no tenían una función clara, dándoles sentido mediante elementos de marca.
En las imágenes que muestro a continuación se puede ver el proceso completo:
Antes: el estado original del espacio antes de la intervención.
Mockup: la propuesta de diseño que desarrollé, donde definí cómo se vería el nuevo cartel, sus dimensiones, la iluminación y la interacción con el entorno.
Después: el resultado final, ya montado e instalado en la tienda.
Este proyecto representa un proceso integral de branding para reforzar la identidad de la tienda y mejorar la experiencia de los visitantes.
Una parte fundamental de mi trabajo es mantener la web de futbolmania actualizada visualmente. Esto significa estar siempre pendiente de las últimas novedades, nuevas colecciones, campañas especiales o lanzamientos de producto.
Cuando llega nuevo material gráfico por parte de las marcas, reviso y adapto las imágenes para que encajen en los diferentes formatos de la web. Muchas veces las proporciones no son las ideales, así que tengo que reencuadrar, componer o incluso hacer collages si hay varias imágenes relevantes. Siempre intento que el resultado funcione bien visualmente pero también a nivel de comunicación y jerarquía.
Además de adaptar imágenes, también creo gráficos propios que se integran en los banners, por ejemplo para destacar promociones o grupos especiales como la Eurocopa, campañas de selecciones o colecciones limitadas. Estos pequeños detalles ayudan a que el usuario entienda de un vistazo qué está viendo.
Me gusta este tipo de trabajo porque mezcla diseño gráfico con agilidad y atención al detalle. A veces hay que resolver rápido, otras veces puedes experimentar más, pero siempre hay un equilibrio entre estética, funcionalidad y branding.
Uno de los encargos más interesantes que hice para Futbolmania fue diseñar sus etiquetas textiles. Estas etiquetas se usan en productos de marca propia o cuando se necesita espacio extra para nuevos códigos. Como veréis en las imágenes, están impresas en papel kraft con tinta negra, buscando un acabado simple y limpio.
Diseñé una etiqueta plegada, con un lado más corto que el otro para que se pueda ver el interior fácilmente y añadir otras pegatinas (precios, códigos de barras, etc.) sin perder orden ni visibilidad. La estética minimalista ayuda a que estas pegatinas encajen bien sin saturar el diseño.
Este proyecto me gustó especialmente porque combina diseño gráfico con una solución práctica para el punto de venta. Pensar en la usabilidad y en cómo se va a manipular el producto es algo que siempre intento tener presente.
Coloco la imagen de la bota en Illustrator y marco exactamente dónde irá la estampación.
¿Qué implica mi trabajo en este proyecto?
Cómo organizo cada fase del prototipado
Análisis y recopilación de requisitos
Diseño visual en Adobe XD
Prototipado interactivo
Documentación para desarrollo
Revisión y feedback
Gestión de la web actual
Diseño gráfico y edición de imagen
Edición de vídeo y animación
Maquetación y prototipado
Marketing y ecommerce
Inspiración
