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.
A lo largo de mi trayectoria he tenido la oportunidad de vivir experiencias muy distintas en cuanto a equipos de trabajo y organización. Y puedo decir que el compañerismo es, sin duda, una de las claves para que todo funcione y para que el trabajo creativo sea realmente gratificante.
En uno de mis trabajos anteriores éramos solo tres personas, así que aprendí a organizarme, a priorizar y a abarcar varias tareas a la vez. Tenía que ocuparme de muchas cosas, desde el diseño hasta la programación de contenidos y planificación de campañas. Esta experiencia me enseñó a valorar la importancia de tenerlo todo planificado con semanas de antelación, para poder trabajar con más tranquilidad y seguridad.
Ahora, en mi trabajo actual, formo parte de un equipo mucho más grande, organizado por departamentos y con tareas muy específicas. Aquí puedo centrarme plenamente en el diseño, profundizando en todos los detalles que eso implica: branding, web, newsletters, campañas estacionales… Pero, además, tengo la oportunidad de colaborar con otros compañeros, aportar ideas en proyectos que no siempre son estrictamente de diseño y apoyar a quien lo necesite.
Esta forma de trabajar, rodeada de profesionales de diferentes áreas, me ha hecho reafirmar lo importante que es la comunicación, la ayuda mutua y la confianza para que el trabajo salga adelante. Saber que puedes contar con alguien, pedir una opinión o resolver un problema juntos marca una gran diferencia, sobre todo cuando hay proyectos grandes que requieren coordinación y constancia.
Al final, por muy creativa o resolutiva que pueda ser una persona sola, el resultado siempre es mejor cuando se suma talento, compromiso y ganas de ayudarse entre todos. Para mí, formar parte de un equipo que se apoya y crece junto es una de las mejores partes de este camino como diseñadora.
Si quieres leer más reflexiones, conocer cómo afronto cada proyecto o ver algunos de los trabajos que he realizado junto a grandes compañeros, te invito a seguir explorando mi blog. ¡Gracias por estar aquí!
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!
A lo largo de mi experiencia como diseñadora he comprobado que uno de los mayores retos de cualquier marca es mantener una coherencia visual real y constante en todos sus puntos de contacto con el cliente. Desde la tienda física hasta un simple correo promocional, todo comunica y deja huella.
Una marca reconocible no se construye solo con un buen logotipo. Se construye cuando todos los elementos —colores, tipografías, imágenes, tono de voz, composición— trabajan juntos para transmitir siempre el mismo mensaje y la misma esencia, sin importar dónde o cómo se presenten.
Por ejemplo, en el proyecto de la tiendafutbolmania, buscábamos que la tienda tuviera un branding más atractivo y funcional. No se trataba solo de llenar espacios vacíos, sino de reforzar la presencia de la marca para que cada foto que se hiciera un visitante tuviera un valor añadido y recordara dónde estuvo.
En el caso de las newsletters, sucede lo mismo. Cada envío debe ser reconocible a primera vista. Si cada email pareciera de una marca diferente, perderíamos impacto y confianza. Por eso siempre diseño bajo una misma base visual, adaptando cada campaña a los contenidos específicos, pero manteniendo la misma estructura y estilo.
La coherencia visual no solo hace que una marca sea más profesional, sino que ahorra tiempo y esfuerzo a largo plazo: los clientes saben qué esperar, reconocen los valores de la marca y se sienten parte de una identidad clara.
Para mí, diseñar no es solo crear piezas bonitas, es crear sistemas visuales sostenibles que mantengan viva la esencia de la marca día tras día.
Me gusta compartir no solo resultados, sino también la forma en que pienso y desarrollo cada proyecto.
Si quieres ver más ejemplos de cómo aplico esta coherencia visual, puedes visitar mis otras entradas con las etiquetas diseño o futbolmania, o escribirme para saber más.
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.
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