Shell Box
Uma plataforma mobile completa, projetada para transformar a experiência de abastecimento e pagamento em algo simples, fluido e agradável — diretamente na palma da mão do consumidor.
Visão Geral do Projeto
O Shell Box nasceu de uma necessidade real do mercado: consumidores que precisavam de praticidade no dia a dia, mas enfrentavam uma experiência digital aquém do esperado. O aplicativo existente era tecnicamente funcional, porém frustrante de usar — refletindo diretamente nas avaliações negativas nas lojas de aplicativo e no baixo engajamento dos usuários.
Nossa missão era redesenhar a experiência de ponta a ponta, eliminando os pontos de atrito da jornada de abastecimento e pagamento sem abrir mão da identidade da marca. Trabalhando em parceria com o time da Raízen/Shell, projetamos uma solução que equilibrasse simplicidade para o consumidor final com a robustez exigida por uma operação de grande escala.
O resultado foi um aplicativo significativamente mais intuitivo, acessível e alinhado às expectativas de um público cada vez mais exigente em termos de experiência digital.
Ferramentas Utilizadas
Construído com tecnologias modernas e escaláveis, escolhidas cuidadosamente levando em consideração performace e experiência de uso.
Sketch
Ferramenta principal para criação de interfaces e design system
InVision
Prototipagem navegável e validação de fluxos com stakeholders
UserTesting
Testes não moderados com usuários reais
Sala Espelho
Sessões de observação em tempo real do comportamento dos usuários
Firebase
Monitoramento de comportamento in-app
iOS/Android nativos
Desenvolvimento com recursos nativos para cada plataforma
O Desafio
- O aplicativo existente apresentava uma experiência deficiente, resultando em avaliações negativas e alto índice de abandono nos fluxos principais
- A jornada de abastecimento e pagamento possuía etapas desnecessárias, gerando fricção e confusão para o usuário
- A ausência de feedback visual em tempo real deixava o usuário sem clareza sobre o impacto de suas ações dentro do app
- A arquitetura de informação desorganizada dificultava a navegação e aumentava o tempo para conclusão das tarefas
A Solução
- Reestruturação completa da arquitetura de informação, simplificando fluxos e reduzindo etapas desnecessárias na jornada principal
- Introdução de componentes interativos com feedback visual em tempo real, tornando ações como o resgate de pontos mais intuitivas e tangíveis
- Redesign da hierarquia visual para guiar o usuário progressivamente: contexto → ação → confirmação
- Ciclos contínuos de prototipagem e teste com usuários reais ao longo de todo o processo, garantindo validação antes da implementação
Showcase do Projeto
Conheça as telas principais e outros artefatos relacionados ao projeto.
Shell Box • Overview
Telas principais do aplicativo
Shell Box • Primeiros Esboços
Detalhe da materialização das primeiras ideias, em papel
Shell Box • Wireframes
Alguns exemplos de wireframes em baixa/média-fidelidade
Shell Box • Interface (UI)
Telas do aplicativo em alta-fidelidade, versão final
Shell Box • Interface (UI)
Telas do aplicativo em alta-fidelidade, versão final
Destaques do Projeto
Tudo o que tornou a experiência do Shell Box irresistível para os seus usuários.
Pesquisa Baseada em Dados
Combinação de analytics quantitativos via Firebase e testes qualitativos via UserTesting para mapear com precisão os pontos de atrito na jornada do usuário.
Arquitetura Repensada
Reestruturação completa dos fluxos do aplicativo, eliminando etapas desnecessárias e tornando a navegação mais clara e eficiente para todos os perfis de usuário.
Interações em Tempo Real
Componentes interativos com feedback visual imediato — como o slider de resgate de pontos — reduzindo a ansiedade do usuário e aumentando a confiança nas ações realizadas.
Validação Contínua
Processo iterativo com múltiplas rodadas de teste ao longo de 8 meses, garantindo que cada decisão de design fosse fundamentada em comportamento real, não em suposições.
Resultados do Projeto
Impacto mensurável que deixa claro o sucesso do redesign.
O app atingiu avaliações substancialmente superiores às da versão anterior nas lojas iOS e Android.
Aumento significativo no número de instalações, sustentado por uma experiência capaz de reter e engajar os usuários.
Simplificação da jornada resultou em menor taxa de abandono nas etapas críticas de abastecimento e pagamento.
Processo completo de redesign conduzido em ciclos iterativos de validação contínua.
"Trabalhar com o Fabiano no redesign do Shell Box foi uma experiência transformadora para o nosso time. A capacidade de traduzir dados de comportamento em decisões de design precisas e centradas no usuário fez toda a diferença no resultado final."