ASOS simplifica los flujos de trabajo de diseño con Figma

La tienda de moda y cosméticos ASOS se ha convertido en el lugar de preferencia para veinteañeros de todo el mundo. Y no es de extrañar. Los consumidores pueden elegir entre una amplia selección de 900 marcas, incluidas las propias de ASOS como ASOS Design, Topshop, Topman y Collusion.

ASOS también es conocida por su experiencia de cliente desenfadada y fluida, con devoluciones fáciles y una experiencia coherente de principio a fin a través de dispositivos, sitios web de escritorio y móviles, y aplicaciones para Android e iOS.

Además, operando en 10 idiomas y más de 200 mercados, ASOS admite métodos de pago globales y ofrece a los usuarios una experiencia adaptada.

Como puedes imaginar, el diseño desempeña un papel fundamental en todo lo que hace ASOS, lo que lo llevó a Figma. Al hacerlo, ASOS simplificó su sistema de diseño, redujo costes, obtuvo herramientas y procesos más sofisticados, y una mayor colaboración en todo el negocio.

Oportunidades únicas en el mercado de la moda en línea

El sector de comercio electrónico de la moda creció rápidamente durante la pandemia y continúa madurando con los avances globales en tecnología y logística.

A los consumidores les encanta la comodidad y la rapidez del comercio electrónico con sus precios competitivos, ofertas en línea y experiencias de compra personalizadas y multicanal. También están utilizando las redes sociales para modelar marcas e influenciarse mutuamente, lo que puede hacer que los productos se vuelvan virales.

Kate Brook-Hart, jefa de diseño de producto de ASOS, dice que, en consecuencia, considerar el ciclo de vida del producto digital antes, durante y después de la experiencia de compra es esencial. Y así, su equipo asegura que estos puntos de contacto se representen a lo largo de sus procesos de descubrimiento y diseño. Tener un sistema de diseño sólido es esencial para esto.

Un equipo de diseño altamente vinculado

El equipo de diseño de producto de ASOS está compuesto por más de una docena de diseñadores de todos los niveles, incluidos asociados, mandos medios, senior y directivo.

• Los diseñadores de producto forman parte del equipo de producto digital, el cual colabora estrechamente con más de 25 gerentes de producto, apoyados por dos gerentes de operaciones de producto.
• Cada diseñador trabaja dentro de un área de producto específica como adquisición y participación, comercial, pagos, pago de compras, servicios después de la compra, así como en equipos de misión específicos como rostro + cuerpo, ropa deportiva o estudiantes.
• Trabajan de cerca con ingenieros, arquitectos e ingenieros QA en varios equipos de plataforma para idear, construir, probar, experimentar y lanzar nuevas funciones.

También en el equipo están Jack Marsden, diseñador jefe de producto en el área de producto de pago de compras, y Sean Conlon, diseñador de producto que también opera en el departamento de pago de compras.

Desde que se unió a ASOS en abril de 2022, Sean se ha especializado en diseño de extremo a extremo, desde la investigación hasta la creación de diseños de alta fidelidad. Él dice: "Lo que me motiva es el impacto que puedes hacer en ASOS como diseñador. Tus diseños serán utilizados por millones de personas en todo el mundo y pueden tener un impacto significativo en el rendimiento del negocio. ¡Eso es realmente gratificante!"

También hay un especialista en accesibilidad en el equipo de Kate, Tzveta Dinova, que se enorgullece de apoyar la diversidad e Inclusión, tanto interna como externamente. "Queremos asegurarnos de que cualquier característica nueva sea inclusiva para todos los clientes, por eso pasamos mucho tiempo escuchando a los usuarios y creamos documentación de diseño de accesibilidad exhaustiva en cada proyecto", dice Tzveta.

Una de las cosas únicas sobre ASOS es la estrecha colaboración entre diseñadores de producto, gerentes de producto y una amplia gama de partes interesadas en toda la empresa en tres equipos principales: tecnología y datos, comercial y cliente o personas y operaciones.

Consolidación de 3 herramientas en Figma

Antes de que ASOS iniciara su viaje con Figma, estaba usando tres herramientas principales: una para diseño, otra para gestión de archivos y colaboración y otra para creación de prototipos. Esta configuración tenía varios puntos problemáticos tanto para los desarrolladores como para sus colaboradores.

Esto significaba que necesitaban utilizar tres herramientas para diseñar, crear prototipos y transferir al desarrollador. Además, cambiar entre variantes de componentes era difícil ya que requería guardar y cerrar, lo que hacía que la etapa de idear y diseñar fueran lentos e ineficientes. "Incorporar componentes del sistema de diseño, tener que realizar cambios sobre la marcha o simplemente abrir un archivo se sentía un poco como tener que correr por el barro”, explica Jack.

También tuvieron que configurar colecciones separadas de enlaces y archivos para obtener comentarios de las partes interesadas y para que los ingenieros pudieran acceder a los diseños. Y, finalmente, el proceso que usaban para acceder y actualizar archivos era lento, ya que los diseñadores tenían que crear ramas y confirmar. Los diseños no se actualizaban en tiempo real y el acceso remoto no era una opción.

Introducción e integración con Figma

Cambiar a Figma fue un paso esencial que los diseñadores de productos de todos los niveles solicitaron e impulsaron.

Kate recuerda, "La primera vez que usé Figma fue durante el Covid. No habíamos probado la herramienta antes, pero fue un momento de "ahora o nunca", cuando todos trabajábamos desde casa y no teníamos el beneficio de la interacción cara a cara. Pensé, "Tiene colaboración en tiempo real. Vamos a probarlo". En dos días, ya estaba completamente familiarizada con Figma.

Figma resolvió un problema único para los diseñadores de ASOS. Había tantos equipos colaborando y participando en el desarrollo de productos digitales, incluyendo las facetas comercial, de estudios y de mercadería, que el intercambio de archivos era un gran problema. Figma les permitió compartir enlaces que se mantenían igual, incluso si el archivo se movía. Esto fue un cambio de juego.

Actualmente, los diseñadores de productos son los principales editores en Figma, pero es fácil para otras personas en el negocio ver archivos y colaborar, con acceso seguro de inicio de sesión único a Figma.

Estos usuarios incluyen ingeniería, producto, marketing, marca, negocio y comercial pero también personas de recursos humanos, finanzas, auditoría y equipos de logística y entrega. En Figma, pueden colaborar simultáneamente con el equipo de producto, ahorrando tiempo, dinero y esfuerzo.

Ahora, Figma juega un papel esencial en todos los tipos de proyectos digitales a lo largo de toda la experiencia del cliente, así como experiencias internas como el software interno que el equipo de Estudios usa para crear recursos en el sitio.

5 maneras en que Figma mejoró la vida de ASOS

1. Velocidad del diseño

• Antes de Figma, el uso de múltiples herramientas significaba que los procesos de diseño no eran fluidos. Todo se almacenaba localmente y luego se subía a una plataforma para compartir archivos.
• Figma ayuda a acelerar el diseño, ya que tiene base en la nube, rápido y ofreciendo la capacidad de añadir y quitar elementos con características como la disposición automática.

2. Creación de prototipos

• Antes de Figma, la creación de prototipos requería una herramienta separada para crear prototipos realistas y compartir enlaces para pruebas de usuario.
• Figma puede crear prototipos con fidelidad y permite actualizaciones sobre la marcha, lo que ahorra tiempo y dinero en la etapa de pruebas de usuario.

3. Colaboración

• Anteriormente, los archivos de diseño se compartían por correo electrónico y se requerían varios pasos para recibir comentarios.
• Figma habilitó el intercambio de enlaces únicos para facilitar la colaboración y comentarios directos, transformando las críticas de diseño y la coherencia y permitiendo a las partes interesadas del negocio dejar comentarios directos fácilmente.

4. Sistema de diseño

• Antes de Figma, el sistema de diseño de ASOS estaba fragmentado.
• Usando Figma, los diseñadores que trabajan en el sistema de diseño lo encuentran fácil de usar y mantener y de implementar los componentes de la biblioteca en sus diseños.

5. Presentaciones

• Presentar prototipos no siempre era sencillo antes de Figma.
• Las capacidades de creación de prototipos de Figma permiten a los diseñadores presentar prototipos en contexto, dando vida a sus presentaciones.

Figma ofrece resultados tangibles para ASOS

Figma ha permitido a ASOS consolidar tres herramientas en una. Esto ha agilizado el flujo de trabajo de diseño, ha ahorrado al equipo muchas horas de trabajo y de costes para el negocio.

Figma también ha aumentado la colaboración entre diseñadores, gerentes de producto e ingenieros y le ha brindado a ASOS la oportunidad de actualizar y mejorar su sistema de diseño, manteniéndolo actualizado con las últimas herramientas de diseño, lo que ayuda a atraer nuevos talentos.

En general, dice Kate, Figma ha facilitado mucho la colaboración, la productividad y la presentación entre los diseñadores y entre las partes interesadas a lo largo del negocio. "Esto ha producido diseños finales de mayor calidad, lo que también hace que la entrega a los desarrolladores sea mucho más fluida, acercando a los desarrolladores y diseñadores en todo el negocio".