Acelerando la innovación: Swiggy lanza funciones un 50 % más rápido con Figma

Tiempo de lectura: 4 minutos

Resumen: Swiggy, la plataforma pionera en servicios a demanda de la India, se enfrentaba al reto 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, haciendo posible un intercambio más rápido de comentarios e iteraciones. Como resultado, el tiempo necesario para implementar nuevas funciones se redujo casi un 50 %, lo que permitió a Swiggy mejorar la experiencia de usuario y mantener su ventaja competitiva en un mercado en rápida evolución.

Reto: escalar la personalización y la coherencia en un ecosistema con múltiples productos

Si tuvieras que elegir una aplicación que haya transformado la vida cotidiana de los ciudadanos corrientes de la India, ya sean amas de casa de Delhi o universitarios de Bangalore, muchos elegirían Swiggy. Como servicio líder de reparto de comida a domicilio en la India, y gracias a ofertas como Swiggy Dineout y Swiggy Instamart, Swiggy se ha convertido en sinónimo de comodidad. Pero con una enorme base de usuarios de millones de personas, se enfrentaban al reto de crear experiencias coherentes que resultaran personales para cada individuo, incluso mientras escalaban entre 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», según la cual cada punto de contacto, cada interfaz y cada experiencia deben ser agradables», afirma Sriharsha Majety, Director General y Director Ejecutivo del Grupo Swiggy.

Sin embargo, lograr la coherencia en el diseño y mantener una experiencia de usuario agradable se volvió cada vez más difícil con múltiples líneas de negocio que requerían lanzamientos rápidos de funciones. Con una base de usuarios en crecimiento, el reto 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 plantilla dificultaba la colaboración. Sin la reutilización de elementos entre stacks tecnológicos, el proceso de desarrollo se ralentizó y complicó los esfuerzos por mantener la coherencia entre los servicios. Además, el enfoque de Swiggy, centrado en el consumidor, suponía que las pruebas de usuario eran cruciales, pero incorporar los comentarios y realizar los cambios necesarios en un plazo de tiempo ajustado suponía un obstáculo importante en los esfuerzos de diseño y lanzamiento.

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 tardaban semanas en desarrollarse ahora se compartían con los líderes empresariales en tiempo real. Los comentarios se introducían directamente en el archivo, facilitando iteraciones rápidas. «El tiempo que tardábamos en 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», añade Prasanna Venkatesh R, Director de Diseño, Nuevas Iniciativas en Swiggy.

Además de la coherencia, Figma permitió a Swiggy superar otro obstáculo: las pruebas de usuario. «La función de creación de prototipos de Figma nos permite recopilar comentarios iniciales 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 creación de prototipos 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 para páginas largas, como su feed de alimentación, y eliminando la necesidad de cambios manuales. «También facilita el diseño adaptativo, ya que nos permite adaptarnos a diferentes tamaños de dispositivos sin problemas», dice 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 brainstorming 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 comentarios, 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 se obtienen ideas de diferentes equipos, se consigue 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 mejor comercialización del producto. Sin embargo, este enorme nivel de colaboración, que antes llevaba meses, ahora se consigue en 2-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 a menudo se enfrentaban a dificultades a la hora de traducir los diseños en código funcional, atrapados con frecuencia en un proceso de entrega manual que requería mucho tiempo. Sin embargo, la introducción de Dev Mode y las herramientas de generación de código de Figma mejoraron significativamente la velocidad de ejecución, posibilitando un lanzamiento más rápido de nuevas funciones y servicios.

«La herramienta de generación de código de Figma ayuda a nuestros desarrolladores a crear correctamente la primera versión de la IU, ya sea para móviles o para web.», explica Tushar. Srinath añade, «Siempre ha existido una brecha entre el concepto y la producción. Dev Mode salva esa brecha al proporcionar a los ingenieros acceso directo a nuestros sistemas de diseño y flujos de trabajo, haciendo que sea más fácil dar vida a las ideas».

Desde la creación rápida de prototipos y las pruebas de usuario sin complicaciones hasta mantener la coherencia del diseño y salvar la brecha entre el diseño y el desarrollo, Figma ha sido fundamental para el crecimiento liderado por el diseño de Swiggy. Al hacer posible la innovación a gran escala, Figma garantiza que Swiggy pueda satisfacer las demandas de sus usuarios mientras sigue traspasando 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 fomentar la innovación, la rapidez y la excelencia, lo que en definitiva beneficia tanto a la marca como a sus clientes.