Accelerare l'innovazione: Swiggy velocizza del 50% l'introduzione di nuove funzionalità con Figma

Tempo di lettura: 4 minuti

Riepilogo: Swiggy, la piattaforma indiana che ha rivoluzionato la consegna a domicilio e i servizi on-demand, si è trovata ad affrontare la sfida di dover estendere esperienze altamente personalizzate per abbracciare la sua vasta ed eterogenea base di utenti, gestendo al contempo flussi di lavoro di design molto complessi. Integrando Figma nei suoi processi, Swiggy ha trasformato la collaborazione tra team di design, prodotto e sviluppo, consentendo feedback e iterazioni più veloci. Di conseguenza, il tempo per il lancio delle nuove funzionalità si è ridotto di quasi il 50%, permettendo a Swiggy di migliorare l'esperienza utente e mantenere il suo vantaggio competitivo in un mercato in rapida evoluzione.

Sfida: assicurare una personalizzazione e una coerenza scalabili in un ecosistema multiprodotto

Tra le app che hanno trasformato la quotidianità di milioni di indiani, dalla casalinga di Delhi allo studente universitario di Bangalore, ce n'è una che sicuramente emerge, ed è Swiggy. Leader indiscussa nel servizio di consegna di cibo a domicilio in India, con proposte come Swiggy Dineout e Swiggy Instamart, Swiggy è diventata sinonimo di comodità. Ma con una base tanto estesa di utenti, che conta milioni di persone, l'azienda si è trovata ad affrontare la sfida di riuscire a creare esperienze coerenti, ma che apparissero al contempo personalizzate per ciascun utente, il tutto mentre si espandeva su diversi dispositivi, piattaforme e servizi. Si trattava di un'impresa titanica: come si fa a rendere la personalizzazione scalabile?

Per la leadership di Swiggy, la risposta era nel design. "Abbiamo una filosofia fondata sul "design emozionale", dove ogni singolo punto di contatto, ogni interfaccia, ogni esperienza deve sorprendere ed entusiasmare", afferma Sriharsha Majety, DG e AD del Gruppo di Swiggy.

Ma era sempre più difficile mantenere la coerenza del design e offrire un'esperienza utente ottimale, questo per via delle diverse linee di business che richiedevano lanci rapidi di nuove funzionalità. Con una base di utenti in crescita, la sfida risiedeva nel gestire questa complessità, senza sacrificare la personalizzazione o la qualità.

A complicare ulteriormente le cose c'era il passaggio a un ambiente di lavoro ibrido, dato che i team di design e sviluppo di Swiggy lavoravano spesso da remoto. La natura decentralizzata della forza lavoro rendeva più difficile la collaborazione. Senza la riusabilità degli elementi tra stack che includevano diverse soluzioni tecnologiche, il processo di sviluppo andava a rallentare e complicare gli sforzi per mantenere la coerenza tra i servizi. Inoltre, l'approccio orientato al cliente di Swiggy significava che il test degli utenti era cruciale, ma incorporare i feedback e apportare le modifiche necessarie in un arco di tempo ristretto era un ostacolo sia per le operazioni di design, che di lancio.

Soluzione: velocizzare il processo di progettazione e migliorare la collaborazione con Figma

Il responsabile del design di Swiggy, Srinath Rangamani, e il suo team si sono rivolti a Figma non solo per gestire tutte queste complessità, ma anche per accelerare il processo di introduzione di nuovi prodotti sul mercato. Con Figma, le idee che in passato richiedevano settimane per essere sviluppate, ora possono essere condivise con i dirigenti aziendali in tempo reale. I feedback vengono raccolti direttamente all'interno del file, permettendo iterazioni molto più rapide. "Il tempo necessario per implementare le nuove idee e renderle disponibili ai nostri consumatori finali si è ridotto praticamente della metà", spiega Srinath Rangamani, responsabile del design di Swiggy.

Crea una volta, distribuisci ovunque: come ottimizzare la progettazione in un ecosistema in espansione

Per i designer di Swiggy, sparsi in città diverse e impegnati su prodotti differenti, Figma ha significato poter contare su un linguaggio di design condiviso, che ha ridotto i tempi e semplificato enormemente il lavoro. "Figma ci permette di illustrare le user story e pubblicare interi componenti in una libreria di design accessibile a tutte le unità di business", aggiunge Prasanna Venkatesh R, direttore del design, sezione New Initiatives di Swiggy.

Oltre alla coerenza, Figma ha permesso a Swiggy di superare un altro ostacolo: il test degli utenti. "La funzione di prototipazione di Figma ci consente di raccogliere anticipatamente i feedback dai potenziali utenti, tracciando con cosa interagiscono, cosa saltano e realizzando così delle iterazioni più rapide. Devo dire che Figma offre l'esperienza di prototipazione più veloce con cui abbia mai lavorato", rivela Saptarshi Prakash, vicepresidente aggiunto, divisione Design presso Swiggy.

Inoltre, il Layout automatico di Figma ha semplificato significativamente il processo di progettazione di Swiggy, automatizzando le regolazioni per le pagine più lunghe, come il suo feed sulle proposte gastronomiche, ed eliminando la necessità di ricorre a modifiche manuali. "Semplifica enormemente anche la creazione di design responsivi, permettendoci di adattarci senza problemi ai diversi formati dei dispositivi", aggiunge Saptarshi.

Una cultura collaborativa: come creare un ponte tra designer e non designer

In un contesto in cui l'innovazione impone flussi di lavoro simultanei e brainstorming rapidi ed efficienti, FigJam ha permesso anche ai team non di design di avere un ruolo decisivo nelle scelte progettuali. Quando le idee passano attraverso diversi cicli di feedback, dal prodotto, all'ingegneria e al marketing, FigJam è lo spazio che permette a centinaia di persone di ritrovarsi per rivedere e contribuire ai progetti. Come afferma Tushar Tayal, direttore dell'ingegneria di Swiggy: "Quando le idee arrivano da più team diversi, il risultato è un design efficace che risponde alle esigenze di tutti, fino all'ultimo utente".Il risultato? Decisioni più rapide, una comprensione più profonda dei dati e un marketing più efficace intorno al prodotto. In passato, un tale livello di collaborazione richiedeva mesi, ora tutto avviene nell'arco di 2-3 settimane.

Sinergia tra sviluppatori e designer: come velocizzare l'esecuzione

La riduzione del tempo e del lavoro richiesto è stata osservata anche in un altro ambito cruciale. In passato, i team di design e sviluppo di Swiggy spesso si trovavano in difficoltà quando dovevano tradurre i progetti in codice funzionante, questo perché si erano intrappolati in un processo manuale e interminabile per il passaggio di consegne. L'introduzione di Dev Mode e degli strumenti di generazione di codice di Figma ha permesso di migliorare notevolmente la velocità di esecuzione, consentendo lanci più rapidi di nuove funzionalità e servizi.

"Lo strumento di generazione di codice di Figma aiuta i nostri sviluppatori a ottenere una prima versione dell'UI già corretta, sia per i dispositivi mobili che per il web", spiega Tushar. Srinath aggiunge: "C'era sempre un divario tra il concetto e la produzione. Dev Mode ha colmato quel divario, offrendo agli ingegneri un accesso diretto ai nostri sistemi di progettazione e ai flussi di lavoro, rendendo più semplice trasformare le idee in realtà".

Dalla prototipazione rapida al test più fluido degli utenti, dal mantenere la coerenza del design al colmare il divario tra progettazione e sviluppo, la piattaforma Figma è stata fondamentale per supportare la crescita incentrata sul design di Swiggy. Favorendo l'innovazione su larga scala, Figma assicura a Swiggy di riuscire a soddisfare le esigenze dei suoi utenti, mentre continua a ridefinire i limiti del possibile. In un contesto digitale in continua evoluzione, la collaborazione di Swiggy con Figma mette in luce come i giusti strumenti di design possano potenziare l'innovazione, la velocità e l'eccellenza, offrendo in definitiva vantaggi sia per il marchio che per i suoi clienti.