UX Case: Vibra Energia
MDriver Mobile - Aplicativo de Gestão de Carregamento de Combustível
Contexto:
Em 2024 a Vibra Energia, uma das maiores distribuidoras de combustíveis do Brasil, precisava otimizar o processo de carregamento de combustível em seus caminhões-tanque. O sistema anterior, baseado em uma solução desktop, apresentava algumas limitações, principalmente por ser fixo e exigir que os funcionários se deslocassem até uma base com computadores para realizar operações. Esse processo resultava em perda de tempo e impactava a eficiência da operação.
Objetivo:
Desenvolver um aplicativo mobile que permitisse aos funcionários gerenciar o carregamento de combustível diretamente do local da operação, eliminando a necessidade de deslocamentos desnecessários e proporcionando uma gestão mais ágil e eficiente. A solução deveria garantir:
✅ Mobilidade: permitir que os operadores registrassem e monitorassem o carregamento diretamente do pátio.
✅ Integração em tempo real: atualizar dados instantaneamente para evitar falhas e otimizar o fluxo de abastecimento.
✅ Redução de erros humanos: simplificar os processos para minimizar retrabalhos e inconsistências.
✅ Maior produtividade: acelerar os abastecimentos diários e maximizar a capacidade operacional da empresa.
Desafios:
-
Resistência dos usuários: foi necessário um trabalho de adaptação e treinamento para facilitar a adoção da nova tecnologia.
-
Alinhamento com stakeholders: o curto prazo exigiu uma comunicação ágil e reuniões estratégicas para definir prioridades.
-
Equipe enxuta e prazo reduzido: o foco foi na criação de um MVP funcional, garantindo uma entrega rápida sem comprometer a qualidade.
UX Process
1 - Research
Metodologia: Entrevistas
Para garantir que o aplicativo atendesse às necessidades dos usuários, realizamos uma etapa de pesquisa focada em entender as principais dores e desafios do processo atual. Conversamos com operadores e gestores da Vibra Energia para mapear os problemas do sistema desktop e identificar oportunidades de melhoria.
As principais descobertas foram:
-
Deslocamentos frequentes: os operadores perdiam, em média, 30 minutos por dia indo até os computadores para registrar e monitorar operações
-
Falta de mobilidade: a impossibilidade de acesso remoto atrasava a tomada de decisões e a resolução de problemas
-
Fluxo de trabalho fragmentado: a comunicação entre equipes era descentralizada, gerando atrasos e inconsistências
2 - Ideate
Metodologia: Lean UX
Com as dores dos usuários mapeadas, iniciamos a fase de ideação para definir a melhor solução. O principal foco era criar um aplicativo mobile intuitivo, que permitisse aos operadores registrar e monitorar carregamentos diretamente no local da operação, eliminando a necessidade de deslocamentos.
As principais decisões foram:
-
Interface simplificada: fluxos diretos e interações rápidas para minimizar erros
-
Acesso instantâneo: os operadores poderiam iniciar e acompanhar carregamentos com poucos toques na tela
-
Integração em tempo real: dados atualizados automaticamente, evitando inconsistências
-
Adaptação ao ambiente operacional: design pensado para boa visibilidade em áreas externas e iluminação variável
3 - Prototype
Ferramenta: Adobe XD
Com a solução definida, iniciamos a fase de prototipação para validar a interface e a usabilidade do aplicativo antes do desenvolvimento final. Nosso objetivo era garantir que os operadores tivessem uma experiência intuitiva e eficiente no uso da nova ferramenta.
As principais etapas da prototipação foram:
-
Wireframes iniciais: Criamos esboços de baixa fidelidade para estruturar os fluxos principais do aplicativo
-
Protótipos interativos: Desenvolvemos versões navegáveis para testar os principais cenários de uso
-
Testes com usuários: Aplicamos os protótipos em um grupo piloto de operadores para avaliar a usabilidade
-
Ajustes com base no feedback: Refinamos a interface considerando as sugestões e dificuldades identificadas
4 - Implement and test
Ferramenta: Outsystems (low-code)
Após a validação dos protótipos, iniciamos o desenvolvimento do aplicativo utilizando a plataforma Outsystems, uma solução que acelerou o processo de criação sem comprometer a qualidade.
As principais etapas do desenvolvimento foram:
-
Integração com sistemas existentes: a plataforma facilitou a integração, garantindo que os dados fossem sincronizados em tempo real com os sistemas da empresa
-
Testes de usabilidade: conduzimos testes contínuos durante o desenvolvimento para garantir que a interface fosse intuitiva e eficaz, especialmente no ambiente operacional
-
Implementação gradual: iniciamos o uso do aplicativo em apenas algumas bases, como forma de testar a solução em um ambiente controlado. Esse piloto permitiu ajustes baseados no feedback dos usuários antes da expansão para outras operações
5 - Measure
Após os testes iniciais em poucas bases, a Vibra Energia implementou o aplicativo em todas as suas operações, alcançando um enorme sucesso. Os resultados foram evidentes tanto em termos de eficiência operacional quanto de satisfação dos usuários.
O feedback dos operadores foi extremamente positivo, destacando a rapidez, intuitividade e eficiência do novo sistema. A solução proporcionou mais autonomia e controle para os usuários, transformando a experiência de trabalho na operação de carregamento de combustíveis.
Os principais resultados foram:
-
Aumento da produtividade: o tempo médio de carregamento por caminhão foi reduzido, permitindo que a empresa realizasse mais abastecimentos diários
-
Redução de erros: a interface simplificada e a eliminação dos deslocamentos ajudaram a minimizar significativamente os erros humanos durante o carregamento
-
Integração em tempo real: com os dados sincronizados automaticamente, as equipes de operação e gestão passaram a ter informações atualizadas instantaneamente, facilitando decisões rápidas e precisas
6 - Learning
Esse projeto de desenvolvimento do aplicativo para a Vibra Energia trouxe importantes aprendizados tanto em termos de design quanto de gestão de projetos.
Os principais aprendizados foram:
-
Importância da pesquisa com usuários: A interação direta com operadores e gestores foi fundamental para compreender as reais necessidades do processo, o que garantiu que a solução fosse realmente eficaz
-
Resistência à mudança: Superar a resistência dos usuários à adoção de novas tecnologias foi um desafio, mas por meio de treinamento contínuo e uma interface simples, conseguimos garantir uma transição tranquila
-
Agilidade no desenvolvimento: O uso da plataforma Outsystems foi crucial para a entrega rápida do projeto, permitindo ajustes e iterações durante todo o processo, mantendo a qualidade e o prazo
-
Escalabilidade e impacto: A implementação bem-sucedida nas bases iniciais e a expansão para toda a operação mostraram como uma solução bem planejada pode ter um impacto significativo na produtividade e na rentabilidade da empresa
UI Samples
Quality and Awards
O projeto desenvolvido para a Vibra Energia foi reconhecido com dois prêmios importantes, destacando a qualidade, inovação e impacto da solução implementada.
-
Primeiramente, a aplicação foi reconhecida com o selo Quality App da Outsystems, alcançando uma impressionante avaliação de 92% de qualidade, muito acima da meta base de 75%. Esse selo é uma validação da alta performance e qualidade da solução, consolidando sua eficácia e confiabilidade.
-
Além disso, o projeto conquistou o 2º lugar no pilar "Transformar" do evento interno Reconhece+, que premia iniciativas de grande impacto em diversas áreas da empresa. Este prêmio celebra as soluções que geraram mudanças significativas e transformadoras dentro da organização, destacando a relevância e o sucesso do projeto.
E não para por aí! A conquista do Selo Quality App da Outsystems, por parte parte da Vibra Energia, com o aplicativo MDriver Mobile, contribuiu para que a SysManager Tecnologia, prestadora do serviço, conquistasse o Selo Premier OutSystems.