American Eagle Outfitters - Diseño del ecommerce para su entrada en España
American Eagle Outfitters
Diseño del ecommerce para su entrada en España
American Eagle Outfitters
Diseño del ecommerce para su entrada en España
Cliente
American Eagle Outfitters
Rol
Product Designer
Equipo
2 personas
Skills
· UI Design
· User Experience
· Content Design
· User Research
Herramientas
· Figma
· Adobe XD
· Trello
Visión General
RETO
Diseñar una experiencia de compra digital coherente con la identidad global de American Eagle Outfitters pero adaptada al mercado español. El principal reto fue equilibrar las guías de marca internacionales con las expectativas de los usuarios locales, optimizando la navegación, la arquitectura de la información y el proceso de compra en un entorno mobile-first.
OBJETIVO
Crear una interfaz visualmente alineada con la marca, intuitiva y centrada en el usuario español. El objetivo era facilitar la exploración de productos y mejorar la conversión tanto en desktop como en móvil, reforzando la entrada de American Eagle en el mercado nacional y potenciando su estrategia de crecimiento digital.
American Eagle Outfitters se preparaba para lanzar su ecommerce en España y necesitaba una experiencia digital adaptada al mercado local, pero alineada con su identidad de marca global. Desde el equipo de diseño de vdShop, asumimos el reto de diseñar una interfaz clara, atractiva y optimizada para la conversión, sin perder de vista las particularidades del usuario español.
Mi rol como Product Designer fue liderar el rediseño completo del ecommerce, desde la auditoría inicial hasta el diseño final. Trabajé de forma transversal con el equipo de desarrollo, stakeholders globales y marketing local, priorizando las necesidades de negocio sin perder de vista el impacto UX.
ENTENDIENDO AL USUARIO Y DEFINIENDO EL ENFOQUE
Para construir una experiencia realmente útil, comenzamos elaborando user personas basados en el tipo de cliente objetivo de American Eagle en España. Nos apoyamos en documentación de marca y referencias de comportamiento de usuarios de ecommerce de moda en el entorno local. Esto nos permitió definir un enfoque mobile-first, con procesos de compra ágiles y visuales, donde el usuario pudiera encontrar productos fácilmente y realizar la compra sin fricciones.
Además, como el diseño debía estar listo para una implementación inmediata, todo el trabajo se desarrolló directamente en inglés, adaptándonos a la operativa global del cliente y a la estructura del equipo de desarrollo.
PROCESO Y COLABORACIÓN CONTINUA
Durante el proyecto, mantuvimos una colaboración estrecha con el cliente a través de reuniones recurrentes por videocall. Estas sesiones fueron clave para alinear prioridades, validar decisiones de diseño y resolver dudas rápidamente, siempre con el foco en mantener una experiencia coherente y usable.
Trabajamos con un enfoque iterativo, organizando las tareas en Trello y priorizando los entregables en función de los sprints del equipo de desarrollo. El diseño se apoyó en wireframes de media fidelidad, que nos permitieron validar estructuras y componentes antes de pasar al diseño visual.
Una parte esencial del proceso fue tener en cuenta las limitaciones técnicas del CMS Magento. Aunque no interveníamos directamente en el desarrollo, sabíamos que algunas decisiones de diseño debían adaptarse a lo que Magento permitía. Esta colaboración nos llevó a iterar sobre ciertos componentes, buscando siempre que las soluciones técnicas no afectaran negativamente a la experiencia del usuario.
DISEÑO FINAL E IMPACTO
El resultado fue una interfaz alineada con la estética global de American Eagle, pero optimizada para un flujo de compra más sencillo, visual y eficaz, especialmente en la versión mobile.
Simplificamos el proceso de compra y diseñamos componentes reutilizables que facilitaran la escalabilidad del producto en campañas futuras.
Aunque no tuvimos acceso directo a métricas finales, el cliente compartió feedback muy positivo: mejoras en la conversión móvil, mayor permanencia en el sitio y una experiencia visual consistente con la marca.
PRÓXIMOS PASOS
Aunque el proyecto finalizó con una primera versión estable del ecommerce, planteé varios next steps para continuar mejorando la experiencia y escalar la solución:
Testear con usuarios reales el comportamiento de ciertos módulos clave, especialmente en mobile, para identificar mejoras en flujos y puntos de fricción.
Analizar el rendimiento de las promociones y banners en versión móvil, optimizando su ubicación y jerarquía visual.
Explorar la escalabilidad del diseño para nuevos mercados europeos, reutilizando componentes y adaptando copy e imágenes según contexto cultural.
Recoger feedback post-lanzamiento desde atención al cliente y analítica para introducir mejoras evolutivas en la interfaz.
APRENDIZAJES
Este proyecto fue una oportunidad muy valiosa para crecer como diseñadora. Me permitió trabajar con restricciones técnicas reales (Magento), colaborar directamente con stakeholders internacionales y diseñar bajo timings exigentes sin perder el foco en la calidad.
Aprendí a tomar decisiones de diseño fundamentadas incluso con datos limitados, a priorizar con lógica de producto y a adaptar el proceso de diseño a un entorno ágil y global. Pero, sobre todo, reforcé una idea que me acompaña en cada proyecto: el diseño es un puente entre las necesidades del usuario, las capacidades del equipo y los objetivos del negocio.
Cliente
American Eagle Outfitters
Rol
Product Designer
Equipo
2 personas
Skills
· UI Design
· User Experience
· Content Design
· User Research
Herramientas
· Figma
· Adobe XD
· Trello
American Eagle Outfitters se preparaba para lanzar su ecommerce en España y necesitaba una experiencia digital adaptada al mercado local, pero alineada con su identidad de marca global. Desde el equipo de diseño de vdShop, asumimos el reto de diseñar una interfaz clara, atractiva y optimizada para la conversión, sin perder de vista las particularidades del usuario español.
Mi rol como Product Designer fue liderar el rediseño completo del ecommerce, desde la auditoría inicial hasta el diseño final. Trabajé de forma transversal con el equipo de desarrollo, stakeholders globales y marketing local, priorizando las necesidades de negocio sin perder de vista el impacto UX.
ENTENDIENDO AL USUARIO Y DEFINIENDO EL ENFOQUE
Para construir una experiencia realmente útil, comenzamos elaborando user personas basados en el tipo de cliente objetivo de American Eagle en España. Nos apoyamos en documentación de marca y referencias de comportamiento de usuarios de ecommerce de moda en el entorno local. Esto nos permitió definir un enfoque mobile-first, con procesos de compra ágiles y visuales, donde el usuario pudiera encontrar productos fácilmente y realizar la compra sin fricciones.
Además, como el diseño debía estar listo para una implementación inmediata, todo el trabajo se desarrolló directamente en inglés, adaptándonos a la operativa global del cliente y a la estructura del equipo de desarrollo.
PROCESO Y COLABORACIÓN CONTINUA
Durante el proyecto, mantuvimos una colaboración estrecha con el cliente a través de reuniones recurrentes por videocall. Estas sesiones fueron clave para alinear prioridades, validar decisiones de diseño y resolver dudas rápidamente, siempre con el foco en mantener una experiencia coherente y usable.
Trabajamos con un enfoque iterativo, organizando las tareas en Trello y priorizando los entregables en función de los sprints del equipo de desarrollo. El diseño se apoyó en wireframes de media fidelidad, que nos permitieron validar estructuras y componentes antes de pasar al diseño visual.
Una parte esencial del proceso fue tener en cuenta las limitaciones técnicas del CMS Magento. Aunque no interveníamos directamente en el desarrollo, sabíamos que algunas decisiones de diseño debían adaptarse a lo que Magento permitía. Esta colaboración nos llevó a iterar sobre ciertos componentes, buscando siempre que las soluciones técnicas no afectaran negativamente a la experiencia del usuario.
ENTENDIENDO AL USUARIO Y DEFINIENDO EL ENFOQUE
Para construir una experiencia realmente útil, comenzamos elaborando user personas basados en el tipo de cliente objetivo de American Eagle en España. Nos apoyamos en documentación de marca y referencias de comportamiento de usuarios de ecommerce de moda en el entorno local. Esto nos permitió definir un enfoque mobile-first, con procesos de compra ágiles y visuales, donde el usuario pudiera encontrar productos fácilmente y realizar la compra sin fricciones.
Además, como el diseño debía estar listo para una implementación inmediata, todo el trabajo se desarrolló directamente en inglés, adaptándonos a la operativa global del cliente y a la estructura del equipo de desarrollo.
PROCESO Y COLABORACIÓN CONTINUA
Durante el proyecto, mantuvimos una colaboración estrecha con el cliente a través de reuniones recurrentes por videocall. Estas sesiones fueron clave para alinear prioridades, validar decisiones de diseño y resolver dudas rápidamente, siempre con el foco en mantener una experiencia coherente y usable.
Trabajamos con un enfoque iterativo, organizando las tareas en Trello y priorizando los entregables en función de los sprints del equipo de desarrollo. El diseño se apoyó en wireframes de media fidelidad, que nos permitieron validar estructuras y componentes antes de pasar al diseño visual.
Una parte esencial del proceso fue tener en cuenta las limitaciones técnicas del CMS Magento. Aunque no interveníamos directamente en el desarrollo, sabíamos que algunas decisiones de diseño debían adaptarse a lo que Magento permitía. Esta colaboración nos llevó a iterar sobre ciertos componentes, buscando siempre que las soluciones técnicas no afectaran negativamente a la experiencia del usuario.
DISEÑO FINAL E IMPACTO
El resultado fue una interfaz alineada con la estética global de American Eagle, pero optimizada para un flujo de compra más sencillo, visual y eficaz, especialmente en la versión mobile.
Simplificamos el proceso de compra y diseñamos componentes reutilizables que facilitaran la escalabilidad del producto en campañas futuras.
Aunque no tuvimos acceso directo a métricas finales, el cliente compartió feedback muy positivo: mejoras en la conversión móvil, mayor permanencia en el sitio y una experiencia visual consistente con la marca.
PRÓXIMOS PASOS
Aunque el proyecto finalizó con una primera versión estable del ecommerce, planteé varios next steps para continuar mejorando la experiencia y escalar la solución:
Testear con usuarios reales el comportamiento de ciertos módulos clave, especialmente en mobile, para identificar mejoras en flujos y puntos de fricción.
Analizar el rendimiento de las promociones y banners en versión móvil, optimizando su ubicación y jerarquía visual.
Explorar la escalabilidad del diseño para nuevos mercados europeos, reutilizando componentes y adaptando copy e imágenes según contexto cultural.
Recoger feedback post-lanzamiento desde atención al cliente y analítica para introducir mejoras evolutivas en la interfaz.
APRENDIZAJES
Este proyecto fue una oportunidad muy valiosa para crecer como diseñadora. Me permitió trabajar con restricciones técnicas reales (Magento), colaborar directamente con stakeholders internacionales y diseñar bajo timings exigentes sin perder el foco en la calidad.
Aprendí a tomar decisiones de diseño fundamentadas incluso con datos limitados, a priorizar con lógica de producto y a adaptar el proceso de diseño a un entorno ágil y global. Pero, sobre todo, reforcé una idea que me acompaña en cada proyecto: el diseño es un puente entre las necesidades del usuario, las capacidades del equipo y los objetivos del negocio.
DISEÑO FINAL E IMPACTO
El resultado fue una interfaz alineada con la estética global de American Eagle, pero optimizada para un flujo de compra más sencillo, visual y eficaz, especialmente en la versión mobile.
Simplificamos el proceso de compra y diseñamos componentes reutilizables que facilitaran la escalabilidad del producto en campañas futuras.
Aunque no tuvimos acceso directo a métricas finales, el cliente compartió feedback muy positivo: mejoras en la conversión móvil, mayor permanencia en el sitio y una experiencia visual consistente con la marca.
PRÓXIMOS PASOS
Aunque el proyecto finalizó con una primera versión estable del ecommerce, planteé varios next steps para continuar mejorando la experiencia y escalar la solución:
Testear con usuarios reales el comportamiento de ciertos módulos clave, especialmente en mobile, para identificar mejoras en flujos y puntos de fricción.
Analizar el rendimiento de las promociones y banners en versión móvil, optimizando su ubicación y jerarquía visual.
Explorar la escalabilidad del diseño para nuevos mercados europeos, reutilizando componentes y adaptando copy e imágenes según contexto cultural.
Recoger feedback post-lanzamiento desde atención al cliente y analítica para introducir mejoras evolutivas en la interfaz.
APRENDIZAJES
Este proyecto fue una oportunidad muy valiosa para crecer como diseñadora. Me permitió trabajar con restricciones técnicas reales (Magento), colaborar directamente con stakeholders internacionales y diseñar bajo timings exigentes sin perder el foco en la calidad.
Aprendí a tomar decisiones de diseño fundamentadas incluso con datos limitados, a priorizar con lógica de producto y a adaptar el proceso de diseño a un entorno ágil y global. Pero, sobre todo, reforcé una idea que me acompaña en cada proyecto: el diseño es un puente entre las necesidades del usuario, las capacidades del equipo y los objetivos del negocio.
Ver en producción