Raízen ROXlite

Este projeto se tornou um verdadeiro case de sucesso ao modernizar por completo o processo de emissão de notas fiscais de abastecimento de combustíveis Shell nos aeroportos do Brasil. Com a implantação do novo aplicativo em tablets por todo o país, a empresa passou a contar com um sistema ágil, seguro e de fácil atualização, eliminando as limitações do antigo equipamento. A solução trouxe ganhos expressivos em eficiência operacional e reduziu falhas, e melhorou significativamente a experiência dos operadores. Além disso, consolidou uma base tecnológica escalável, que permite a implementação rápida de melhorias e garante maior confiabilidade e velocidade no atendimento em nível nacional e internacional pois já foi expandida para Argentina.

Raízen

A Raízen é uma empresa brasileira de energia integrada, que atua na produção de açúcar e etanol, distribuição de combustíveis (licenciada pela marca Shell no Brasil, Argentina e Paraguai) e na geração de energia renovável. A empresa é uma das maiores do país, com atuação do campo à distribuição final, emprega mais de 45 mil pessoas e tem mais de 15 mil parceiros de negócios espalhados pelo país.

A empresa é uma joint-venture entre a Cosan e a Shell, que combina a expertise em produção de biocombustíveis da Cosan com a infraestrutura de distribuição global da Shell.

Desafio

A Raízen, responsável pelos abastecimentos de aeronaves com combustível Shell nos aeroportos, utilizava um equipamento ultrapassado para registrar e emitir notas fiscais de abastecimento. Esse dispositivo apresentava sérias limitações técnicas: sistema fechado, sem conectividade moderna e com manutenção e atualizações extremamente complexas. Com isso, surgiu o desafio de criar uma solução que garantisse a escalabilidade e facilidade de atualização em todo o território nacional.

Equipamento antigo de registro de abastecimento

Imagem meramente ilustrativa

Meu Papel

Minha atuação como UX/UI Designer foi essencial para transformar um processo técnico e limitado em uma experiência digital eficiente e intuitiva. Fui responsável por conduzir as etapas de pesquisa e entendimento das dores dos usuários, mapear os fluxos existentes e propor uma nova arquitetura de informação que simplificasse as tarefas no dia a dia dos operadores. Criei os wireframes, protótipos de alta fidelidade e a interface final do aplicativo, sempre validando as soluções com o cliente e o time de desenvolvimento. Essa colaboração próxima garantiu que o produto final fosse não apenas funcional e escalável, mas também visualmente consistente com a identidade da marca e centrado nas reais necessidades dos usuários.

UX Research

Entendimento do contexto e intenção

Realizei entrevistas com operadores de abastecimento em campo, observações diretas do fluxo de trabalho atual e análise dos documentos fiscais. O objetivo era mapear as dores reais, o contexto de uso (ambiente de aeroporto, conectividade instável, operação em campo) e as expectativas dos usuários.

Definição

Principais problemas identificados:

  • Processo manual, lento e sujeito a erros humanos
  • Ausência de visibilidade do status de abastecimento em tempo real
  • Impossibilidade de operar offline em locais com conectividade ruim
  • Interface do sistema legado pouco intuitiva

Ideação e Arquitetura

Com base nos insights, defini os fluxos principais e a arquitetura de informação do app. A jornada foi desenhada para ser concluída em poucos passos, com feedbacks visuais claros em cada etapa do abastecimento.

Persona

João Santos
João Santos

38 anos

"Sou operador de Abastecimento de Aeronaves. Trabalho faça chuva ou faça sol e gosto de agilidade no meu trabalho."

SOBRE MIM

que eu sou? o que faço?

  • Sou operador de abastecimento de aeronaves na Raizen.
  • Responsável por registrar abastecimentos e emitir notas fiscais.
  • Trabalho diretamente na pista, garantindo segurança e eficiência.
  • Tenho anos de experiência.

SOBRE MINHA ROTINA

com quem eu vivo? quais são meus hábitos? como é meu dia a dia?

  • Trabalho em turnos (manhã e noite) sob diferentes condições climáticas.
  • Convivo com colegas de equipe, supervisores e pessoal de solo.
  • Meu dia é corrido, com pouco tempo entre um abastecimento e outro.
  • Em casa, passo tempo com minha esposa e dois filhos.
  • Descanso assistindo televisão.

MINHA PERSONALIDADE

computador
celular
caseira
sociável
sem rotina
com rotina
tecnológico
tradicional
muito organizado
pouco organizado

MOTIVAÇÕES & HOBBIES

quais são meus interesses? como aproveito o tempo livre?

  • Futebol com os amigos.
  • Sair com a família.
  • Assistir televisão.
  • Mexer no celular.
  • Dormir.
  • Fazer churrasco com amigos.

DORES

Quais são as minhas dificuldades? O que eu gostaria de resolver?

  • Equipamento antigo travava e tinha interface restrita à uma tela pequena.
  • Processos mais lentos.
  • Mensagens de erro eram difíceis de entender e não havia suporte rápido.
  • Atritos operacionais por conta de problemas ou dificuldades na operação.

DESEJOS

quais são minhas necessidades? quais resultados gostaria de ter?

  • Ter um sistema confiável, rápido e intuitivo.
  • Registrar abastecimentos e emitir notas fiscais sem erros.
  • Receber atualizações automáticas e ter equipamento funcional em qualquer condição.

User Flow

Mapeei todo o fluxo do usuário, desde o login até a emissão e envio da nota fiscal, considerando cenários online e offline para garantir continuidade operacional.

Raízen ROXLite — User Flow

Arquitetura de Informação

Raízen ROXLite — Arquitetura de Informação

Wireframes

Desenvolvi wireframes de baixa e média fidelidade para validar os fluxos com os stakeholders antes de avançar para o design visual. A abordagem permitiu iterar rapidamente com base no feedback do time da Raízen.

Tela de abastecimento
Resumo do abastecimento
Listagem de abastecimentos

Testes de Usabilidade

Os fluxos do aplicativo eram bem simples e seus teste apenas confirmou o que havia sido identificado até o momento. Esses protótipos de baixa fidelidade permitiram validar as interações com os usuários nas fases iniciais do projeto, focando exclusivamente na funcionalidade, no fluxo e na arquitetura da informação, sem distrações causadas por elementos visuais mais elaborados.

Exemplo:

SUGESTÕES SOLUÇÕES
Incluir mais informações na nota emitida. Foram feitos ajustes pontuais no documento de emissão de nota viabilizando a inclusão das informações adicionais.

Design System

Seguindo as diretrizes do time de marketing da Raízen, defini os padrões de cores, tipografia e componentes que comporiam o projeto, garantindo consistência visual e funcional ao produto. Todo o material foi validado pelo cliente, o que possibilitou uma criação de interfaces mais ágil, escalável e profissional.

Raízen ROXLite — Style Guide / Design System

UI Design

Raízen ROXLite — Wireframes