Acelerando a Inovação: a Swiggy lança recursos 50% mais rápido com o Figma

Tempo de leitura: 4 minutos

Resumo: a Swiggy, principal plataforma de conveniência sob demanda da Índia, enfrentou o desafio de ampliar experiências personalizadas para sua diversa base de usuários enquanto gerenciava fluxos de trabalho de design complexos. Ao integrar o Figma em seus processos, a Swiggy transformou a colaboração entre as equipes de design, produto e desenvolvimento, permitindo feedbacks e iterações mais rápidas. Como resultado, o tempo para lançar novos recursos foi reduzido em quase 50%, permitindo que a Swiggy aprimorasse a experiência do usuário e mantivesse sua vantagem competitiva em um mercado em rápida evolução.

Desafio: escalar personalização e consistência em um ecossistema com múltiplos produtos

Se você tivesse que escolher um único app que transformou o dia a dia de indianos comuns — seja uma dona de casa em Delhi ou um estudante universitário em Bangalore — muitos escolheriam o Swiggy. Como principal serviço de delivery de alimentos da Índia, e por meio de serviços como Swiggy Dineout e Swiggy Instamart, a Swiggy se tornou sinônimo de conveniência. Mas, com uma base de usuários de milhões de pessoas, eles enfrentaram o desafio de criar experiências consistentes que parecessem pessoais para cada indivíduo, mesmo ao expandir para diferentes dispositivos, plataformas e serviços. A tarefa era monumental — como escalar a personalização?

Para a liderança da Swiggy, a resposta estava no design. “Temos a filosofia de ‘design com emoção’, em que cada ponto de contato, cada interface, cada experiência precisa encantar”, diz Sriharsha Majety, MD e CEO do grupo Swiggy.

No entanto, alcançar consistência no design e manter uma experiência do usuário agradável tornou-se cada vez mais difícil com múltiplas linhas de negócio que exigiam lançamentos rápidos de novos recursos. Com uma base de usuários em crescimento, o desafio estava em gerenciar essa complexidade sem comprometer a personalização ou a qualidade.

A isso se somava a transição para um ambiente de trabalho híbrido, já que as equipes de design e desenvolvimento da Swiggy frequentemente trabalhavam remotamente. A natureza descentralizada da força de trabalho tornou a colaboração mais difícil. Sem a reutilização de elementos entre diferentes pilhas tecnológicas, o processo de desenvolvimento desacelerou e tornou mais complexos os esforços para manter a consistência entre os serviços. Além disso, a abordagem centrada no consumidor da Swiggy significava que os testes com usuários eram cruciais — mas incorporar feedbacks e realizar as mudanças necessárias dentro de prazos apertados era um grande desafio nos esforços de design e lançamento.

Solução: acelerar a velocidade do design e melhorar a colaboração com o Figma

O Chefe de Design da Swiggy, Srinath Rangamani, e sua equipe recorreram ao Figma não apenas para gerenciar essas complexidades, mas também para acelerar o processo de lançamento de novos produtos no mercado. Com o Figma, ideias que antes levavam semanas para serem desenvolvidas agora eram compartilhadas com líderes de negócios em tempo real. O feedback era dado diretamente no arquivo, permitindo iterações rápidas. “O tempo que levávamos para implementar ideias e torná-las disponíveis aos nossos consumidores finais foi reduzido quase pela metade”, explica Srinath Rangamani, Head de Design da Swiggy.

Crie uma vez, veja em todos os lugares: otimizando o design em um ecossistema em expansão

Para os designers da Swiggy, que trabalham em diferentes cidades e produtos, o Figma possibilitou o acesso a uma linguagem de design compartilhada, reduzindo o tempo e o esforço necessários. “O Figma nos permite demonstrar histórias de usuários e publicar componentes inteiros na biblioteca de design para qualquer unidade de negócios acessar”, acrescenta Prasanna Venkatesh R, Diretor de Design, Novas Iniciativas da Swiggy.

Além da consistência, o Figma permitiu que a Swiggy superasse mais um obstáculo – testes com usuários. “O recurso de prototipagem do Figma nos permite coletar feedbacks iniciais de usuários potenciais — rastreando o que eles interagem, o que ignoram — e fazer iterações rápidas. Na verdade, o Figma oferece a experiência de prototipagem mais rápida com que já trabalhei”, diz Saptarshi Prakash, Vice-Presidente Assistente de Design na Swiggy.

Além disso, o Layout Automático do Figma simplificou significativamente o processo de design da Swiggy, automatizando ajustes para páginas longas, como o feed de alimentos, e eliminando a necessidade de alterações manuais. “Ele também torna o design responsivo simples, permitindo que nos adaptemos a diferentes tamanhos de dispositivos de forma fluida”, diz Saptarshi.

Cultura colaborativa: conectando designers e não designers

Com o ritmo de inovação exigindo fluxos de trabalho síncronos e brainstorms rápidos e eficazes, o FigJam permitiu que equipes não relacionadas ao design desempenhassem um papel essencial na definição das decisões de design. Quando as ideias passam por várias rodadas de feedback, do produto à engenharia e ao marketing, o FigJam permite que centenas de pessoas revisem e contribuam para o design. Como diz Tushar Tayal, Diretor de Engenharia da Swiggy, “Quando você recebe ideias de diferentes equipes, você obtém um design que funciona para todos, até o último usuário”.O resultado? Decisões aceleradas, melhor compreensão dos dados e marketing aprimorado em torno do produto. No entanto, esse nível maciço de colaboração, que anteriormente levava meses, agora acontece em 2-3 semanas.

Sinergia entre desenvolvedor e designer: acelerando a execução

A redução de tempo e esforço também foi observada em outra área crucial. Anteriormente, as equipes de design e desenvolvimento da Swiggy frequentemente enfrentavam desafios para transformar os designs em código funcional, muitas vezes presas a um processo manual e demorado de transferência. No entanto, a introdução do Dev Mode e das ferramentas de geração de código do Figma melhorou significativamente a velocidade de execução, permitindo lançamentos mais rápidos de novos recursos e serviços.

“A ferramenta de geração de código do Figma ajuda nossos desenvolvedores a acertar a primeira versão da UI, seja para dispositivo móvel ou web”, explica Tushar. Srinath acrescenta, “Sempre houve uma lacuna entre o conceito e a produção. O Dev Mode preenche essa lacuna dando aos engenheiros acesso direto aos nossos design systems e fluxos de trabalho, tornando mais fácil trazer ideias à vida.”

Do protótipo rápido e testes de usuário sem atrito à manutenção da consistência do design e à redução da distância entre design e desenvolvimento, o Figma tem sido fundamental para o crescimento da Swiggy orientado pelo design. Ao permitir inovação em escala, o Figma garante que a Swiggy possa atender às demandas de seus usuários enquanto continua a ultrapassar os limites do que é possível. Em uma paisagem digital em constante evolução, a colaboração da Swiggy com o Figma destaca como as ferramentas de design certas podem impulsionar inovação, velocidade e excelência, beneficiando, em última análise, tanto a marca quanto seus clientes.