Redesign da experiência do painel de parceiros da Food To Save
Top 5 aplicativos de alimentação mais baixados de 2024.
- Empresa
- Food to Save
- Função
- Product Designer
- Duração
- 6 meses
- Setor
- Foodtech
- HQ
- São Paulo, Brasil
- Site
- Página parceiros
Neste projeto
Sobre
A Food to Save é uma foodtech brasileira que atua no combate ao desperdício de alimentos, conectando estabelecimentos com produtos que seriam descartados ou não vendidos a consumidores que buscam opções mais acessíveis e sustentáveis por meio de um aplicativo.
Produtos e serviços
A empresa oferece uma plataforma integrada composta por três módulos principais: o aplicativo móvel, o painel de parceiros e o sistema administrativo.
Aplicativo móvel
Voltado ao consumidor final: encontrar estabelecimentos próximos, fazer pedidos e acompanhar entregas em tempo real.
Painel de parceiros
Destinado aos estabelecimentos: gerenciar produtos, receber pedidos e acompanhar o desempenho das vendas.
Sistema administrativo
Usado pela operação: gestão completa de usuários, parceiros, pedidos e indicadores de desempenho.
Problema
A plataforma cresceu rápido e cada parte foi sendo construída de um jeito, sem uma linguagem comum. Some-se a isso a responsividade frágil diante da diversidade de dispositivos usados pelos parceiros: a interface se comportava de forma inconsistente em telas menores, prejudicando o uso fora do desktop.
A plataforma cresceu muito rápido e, com o tempo, cada parte foi sendo desenvolvida de um jeito. Hoje, cada tela parece falar uma língua diferente. Isso confunde o usuário e atrasa nosso time de desenvolvimento.
Linguagem visual fragmentada
Cada tela seguia um padrão próprio, confundindo o usuário e tornando o produto difícil de evoluir.
Responsividade inconsistente
A interface quebrava em telas menores, justamente o cenário comum entre os parceiros no ponto de venda.
Sem design system
A ausência de um sistema consolidado travava a escalabilidade, a manutenção e a adaptação a novos contextos.
Produto antes do redesign
Objetivo
Redesenhar o Painel do Parceiro, evoluindo-o para um marketplace mais profissional, intuitivo e informativo. O foco foi aprimorar a experiência e a usabilidade do parceiro, oferecendo dados mais relevantes e acessíveis para otimizar a gestão no ponto de venda.
Etapas do projeto
O projeto começou com uma imersão estratégica para compreender a operação e alinhar objetivos, metas e resultados esperados. A partir disso, foram desenvolvidas as principais entregas de design.
1. Fluxos de usuário
Mapeamento das jornadas dos usuários, identificando caminhos críticos e oportunidades de melhoria na navegação.
2. Site map
Estruturação do mapa de páginas do painel do parceiro e do aplicativo, definindo hierarquias, conexões e lógica de navegação.
3. Wireframes de baixa fidelidade
Wireframes construídos sobre o mapeamento funcional existente, para testar e validar a organização dos conteúdos e os fluxos de interação junto à equipe e aos stakeholders.
4. Interface (UI)
A interface foi construída sobre a identidade visual da marca, aplicando de forma consistente paleta de cores, tipografia e iconografia (Google Material Icons). Foram adotadas boas práticas de UI (hierarquia visual clara, espaçamento adequado, contraste acessível, componentes reutilizáveis e padronização de comportamentos) para uma experiência fluida e coerente em qualquer dispositivo.
Resultados
O redesign trouxe melhorias claras na experiência do usuário e na eficiência operacional. As primeiras impressões de usuários internos e externos foram positivas em relação à nova interface e à usabilidade da plataforma.
Interface mais clara e moderna
Navegação e entendimento das funcionalidades ficaram mais simples e agradáveis.
Padronização visual e técnica
Um design system baseado em Material Design garantiu consistência e reduziu a complexidade do desenvolvimento.
Agilidade no desenvolvimento
Componentes reutilizáveis e diretrizes claras aceleraram a produção de novas telas e funcionalidades.
Mais alinhado à marca
A comunicação passou a refletir os valores e o posicionamento do produto.
Design System
A partir de uma identidade visual já estabelecida, criamos um guia de estilo apoiado na biblioteca do Material Design, ganhando agilidade na escala e no desenvolvimento das aplicações.
Destaques do projeto
Design system escalável
Sistema robusto, baseado em Material Design, que garante consistência visual e facilita manutenção e evolução.
Experiência do usuário aprimorada
Reestruturação dos fluxos e da hierarquia de informação para uma navegação mais fluida e intuitiva.
Interface alinhada à marca
Nova identidade visual que comunica profissionalismo e reforça os valores do produto.