Aceleración de la innovación: Swiggy implementa funciones un 50 % más rápido con Figma

Tiempo de lectura: 4 minutos

Resumen: Swiggy, la plataforma india líder de conveniencia bajo demanda, enfrentaba el desafío de escalar experiencias personalizadas para su variada base de usuarios, al tiempo que gestionaba complejos flujos de trabajo de diseño. Al integrar Figma en sus procesos, Swiggy transformó la colaboración entre los equipos de diseño, producto y desarrollo, lo que permitió recibir feedback e iteraciones con más rapidez. Como resultado, el tiempo necesario para implementar nuevas funciones se redujo casi un 50 %, lo que permitió a Swiggy mejorar la experiencia del usuario y mantener su ventaja competitiva en un mercado que evoluciona rápido.

Desafío: escalar la personalización y la consistencia en un ecosistema multiproducto

Si tuvieras que elegir una app que haya cambiado la vida cotidiana de la gente en la India, ya sea un ama de casa en Delhi o un estudiante universitario en Bangalore, muchos elegirían Swiggy. Como el servicio líder de entrega de comida a domicilio en la India, y con opciones como Swiggy Dineout y Swiggy Instamart, Swiggy se ha vuelto sinónimo de conveniencia. Pero con una base de millones de usuarios, enfrentaban el desafío de crear experiencias consistentes que aun así se sintieran personales para cada persona, incluso al escalar a distintos dispositivos, plataformas y servicios. La tarea era monumental: ¿cómo escalar la personalización?

Para los directivos de Swiggy, la respuesta residía en el diseño. "Tenemos una filosofía de "diseñar con emoción", donde cada punto de contacto, cada interfaz, cada experiencia debe ser agradable”, afirma Sriharsha Majety, director general y director ejecutivo del grupo Swiggy.

Sin embargo, lograr la consistencia en el diseño y mantener una experiencia de usuario agradable se volvió cada vez más difícil con varias líneas de negocio que requerían implementaciones rápidas de nuevas funciones. Con una base de usuarios en constante crecimiento, el desafío consistía en gestionar esta complejidad sin sacrificar la personalización ni la calidad.

A esto se sumó el cambio a un entorno de trabajo híbrido, ya que los equipos de diseño y desarrollo de Swiggy solían trabajar de forma remota. La naturaleza descentralizada de la fuerza laboral dificultaba la colaboración. Sin la posibilidad de reutilizar elementos en distintos stack tecnológicos, el proceso de desarrollo se ralentizó y complicó los esfuerzos por mantener la consistencia en los servicios. Además, el enfoque de Swiggy, centrado en el consumidor, hacía que las pruebas con usuarios fueran cruciales, pero incorporar el feedback y realizar los cambios necesarios en plazos tan ajustados representaba un obstáculo importante en los esfuerzos de diseño e implementación.

Solución: acelerar la velocidad de diseño y mejorar la colaboración con Figma

El responsable de Diseño de Swiggy, Srinath Rangamani, y su equipo recurrieron a Figma no solo para gestionar estas complejidades, sino también para acelerar el proceso de lanzamiento al mercado de nuevos productos. Con Figma, las ideas que antes tomaban semanas en desarrollarse ahora se compartían con los líderes empresariales en tiempo real. El feedback se introducía directamente en del archivo, lo que permitía realizar iteraciones rápidas. "El tiempo que nos tomaba implementar ideas y ponerlas a disposición de nuestros consumidores finales se redujo casi a la mitad", explica Srinath Rangamani, responsable de Diseño de Swiggy.

Crear una vez y verlo en todas partes: optimización del diseño en un ecosistema en expansión

Para los diseñadores de Swiggy, que trabajan en diferentes ciudades y en diferentes productos, Figma les permitió acceder a un lenguaje de diseño compartido que redujo el tiempo y el esfuerzo necesarios. "Figma nos permite mostrar historias de usuarios y publicar componentes completos en la biblioteca de diseño para que cualquier unidad de negocio pueda acceder a ellos", agrega Prasanna Venkatesh R, director de Diseño de Nuevas Iniciativas de Swiggy.

Además de la consistencia, Figma permitió a Swiggy superar un obstáculo más: las pruebas con usuarios. "La función de prototipado de Figma nos permite recopilar feedback inicial de posibles usuarios, realizar un seguimiento de sus interacciones y de aquello que omiten, y realizar iteraciones rápidas. De hecho, Figma ofrece la experiencia de prototipado más rápida con la que he trabajado", afirma Saptarshi Prakash, vicepresidente adjunto de Diseño de Swiggy.

Además, la disposición automática de Figma ha optimizado significativamente el proceso de diseño de Swiggy, automatizando los ajustes en páginas largas, como su feed de comida, y eliminando la necesidad de cambios manuales. "También facilita el diseño adaptable, lo que nos permite adaptarnos a diferentes tamaños de dispositivos sin problemas", afirma Saptarshi.

Cultura colaborativa: tender puentes entre diseñadores y no diseñadores

Dado que el ritmo de la innovación exige flujos de trabajo sincronizados y sesiones de lluvia de ideas rápidas y eficaces, FigJam ha permitido que los equipos que no se dedican al diseño desempeñen un papel fundamental en la toma de decisiones de diseño. Cuando las ideas pasan por varias rondas de feedback, desde el producto hasta la ingeniería y el marketing, FigJam permite que cientos de personas revisen y contribuyan al diseño. Como dice Tushar Tayal, director de Ingeniería de Swiggy: "Cuando recibes ideas de diferentes equipos, obtienes un diseño que funciona para todos, hasta el último usuario".¿El resultado? Una toma de decisiones más rápida, una mejor comprensión de los datos y una comercialización más efectiva del producto. Sin embargo, este enorme nivel de colaboración, que antes tomaba meses, ahora se lleva a cabo en un plazo de 2 a 3 semanas.

La sinergia entre desarrolladores y diseñadores acelera la ejecución

También se observó una reducción del tiempo y el esfuerzo en otra área crucial. Antes, los equipos de diseño y desarrollo de Swiggy solían enfrentarse a dificultades a la hora de convertir los diseños en código funcional, lo que a menudo les tomaba mucho tiempo debido al laborioso proceso de entrega manual. Sin embargo, la introducción de Dev Mode de Figma y las herramientas de generación de código de Figma mejoraron significativamente la velocidad de ejecución, lo que permitió lanzar nuevas funciones y servicios con mayor rapidez.

La herramienta de generación de código de Figma ayuda a nuestros desarrolladores a crear correctamente la primera versión de la UI, ya sea para dispositivos móviles o para la web, explica Tushar. Srinath agrega: "Siempre ha existido una brecha entre el concepto y la producción. Dev Mode cierra esa brecha al proporcionar a los ingenieros acceso directo a nuestros sistemas de diseño y flujos de trabajo, lo que facilita la materialización de las ideas".

Desde el prototipo rápido y las pruebas con usuarios sin fricciones, hasta el mantenimiento de la consistencia del diseño y el cierre de la brecha entre diseño y desarrollo, Figma ha sido fundamental para el crecimiento de Swiggy impulsado por el diseño. Al permitir la innovación a gran escala, Figma garantiza que Swiggy pueda satisfacer las demandas de sus usuarios mientras sigue ampliando los límites de lo posible. En un panorama digital en constante evolución, la colaboración de Swiggy con Figma pone de relieve cómo las herramientas de diseño adecuadas pueden impulsar la innovación, la rapidez y la excelencia, lo que en última instancia beneficia tanto a la marca como a sus clientes.