Raizen cover
Raizen logo

Maio 2021 - Julho 2022

Icon 1
Icon 2
Icon 3

O Problema

Quais os principais desafios que donos de postos enfrentam para gerenciar abastecimento, entregas, pendências e relacionamento com fornecedores devido à burocracia, interfaces fragmentadas e falta de transparência?

Sobre este Projeto

A Raízen é referência nacional e internacional em energia e combustíveis, destacando-se neste ramo como a maior representante no Brasil para as empresas Shell. A empresa vai além da simples venda: entrega tecnologia, logística avançada, serviços integrados e suporte para donos de postos maximizarem seus resultados. O grande problema da empresa era associar toda a inovação ao seu usuário. Ao ser contratado para resolver este problema e com base nos levantamentos iniciais realizados pelos stakeholders, criei uma síntese com os principais problemas, para serem organizados em oportunidades de melhoria, pensando na integração dos sistemas, simplificação de fluxos e comunicação clara. Construímos uma matriz de prioridades para atacar primeiro o que mais impacta na experiência e operação dos usuários: as interfaces. A parte mais importante para este sistema (cotação, pedidos, acompanhamento de entregas, chamados e pontos) foi desenvolvida de forma a ser prática e intuitiva, para que o responsável pela manutenção e administração de seu negócio não onere tempo e tão pouco gere insegurança para as demais ações e etapas a serem executadas posteriormente.

Skills

UX ResearchUX DesignUI DesignSketchingBranding DesignFast PrototypingEntrevistasTestes de usabilidadeProduct StrategyLeadership

Ferramentas utilizadas

Figma
Adobe Illustrator
Adobe Photoshop
Maze
Google Meet

Breakpoints

Desktop

Desktop

> 1440 px

Laptop

Laptop

1024 - 1440 px

Mobile

< 385 px

Solução

O CSOnline foi desenvolvido para ser um sistema integrado e intuitivo, centralizando cotação de preços, pedidos, rastreamento de entregas, abertura de chamados de suporte e resgate de pontos. O sistema apresenta dashboards em tempo real, notificações por status, e fluxos simplificados para que o dono do posto execute suas tarefas principais com fácil acesso e clareza. O visual aplicado é limpo, centrado em informações de alto valor e de forma que o usuário possa interagir, criar e filtrar informações de forma simples e assertiva, adaptando o sistema para uso desktop e mobile.

Foco

Experiência centrada no usuário (UX), ouvindo feedback real de proprietários de postos

Redução de fricção nos fluxos principais (cotação, pedido, acompanhamento, chamados)

Acessibilidade e responsividade para diferentes perfis de usuário

Clareza visual e foco em dados críticos: status dos pedidos, pendências e benefícios

Sistema escalável que permita fácil evolução de funcionalidades futuras

Double Diamond

Discover

Discover

  • Alinhamento dos objetivos do usuário e do negócio
  • Definição do problema
  • Análise de Competidores
  • Identificação e compreensão do problema
  • Compreensão do usuário
  • Pesquisas de usuários
Define

Define

  • Descoberta de novas oportunidades e considerações
  • Mapa da jornada da experiência
  • Resumo dos dados coletados
  • Validação de insights
  • Definição e criação das personas
  • Criação dos wireframes
  • Sessões de revisão
  • Realização de Workshops para confirmar os objetivos
  • Revisão técnica de viabilidade
Develop

Develop

  • Handoff de arquivos
  • Revisão técnica para estimativas
  • Testes de usuários, revisão de especialistas, etc.
Delivery

Delivery

  • Oportunidades e considerações
  • Resumo dos dados coletados
  • Criação de fluxo a partir do controle de qualidade (QA)
  • Todos os requisitos especificados
  • Entrega do design, tradução e mapa de jornada completa

Persona

Ricardo Almeida

Ricardo Almeida

Dono e administrador de posto de combustível; gerencia operações, equipe, compras e relacionamento com fornecedores.

Características

  • Idade: 45 anos
  • Gênero: Masculino
  • Formação: Ensino superior em Administração de Empresas
  • Cargo: Proprietário / Gerente Geral
  • Status: Casado, dois filhos adolescentes, um cachorro
  • Localização: Ribeirão Preto, SP

Personalidade

OrganizadoPragmáticoConservadorAtento a tendências de mercadoComunicativo

"Preciso garantir que nunca falte combustível no estoque e que as entregas ocorram sempre no prazo prometido."

🎯

Metas e Necessidades

  • Cotar preços rapidamente e sem burocracia para diferentes tipos de combustíveis
  • Acompanhar status dos pedidos e entregas em tempo real
  • Abrir chamados e resolver problemas com agilidade
  • Controlar pendências logísticas e administrativas
  • Gerenciar seu programa de fidelidade/pontos de forma prática
😖

Pontos problemáticos

  • Interface complicada ou lenta
  • Falta de transparência nos prazos de entrega
  • Ausência de canais de atendimento rápido
  • Dificuldade para acessar informações essenciais (contratos, notas, histórico)
😤

Frustrações

  • Demora no suporte para problemas urgentes
  • Falhas no sistema de rastreamento de entrega
  • Erros em relatórios ou inconsistências nos dados
  • Processo longo e confuso para resgatar pontos ou benefícios
💪

Motivações

  • Ter controle total sobre a operação do posto
  • Reduzir riscos de falta de produto
  • Ser reconhecido pela boa gestão do negócio
  • Aumentar lucratividade com melhores negociações e benefícios

Tipografia

A
a

Din PRO

A B C D E F G H I J K L M N O

P Q R S T U V X W Y Z

a b c d e f g h i j k l m n o p q r

s t u v x w y z

1 2 3 4 5 6 7 8 9 0

Cores

Primary 100

#781F77 - CS lilás 100

Secondary 100

#05C3DE - CS cyan 100%

Text

#666666 - Gray 100

Error 100

#F92415 - Red

Attention 100

#F47920 - Orange

Success 100

#00B900 - Green

Info 100

#3FBFD0 - Cyan 100

Mapeamento da Estrutura (Brasil)

Mapeamento da Estrutura Brasil

Mapeamento da Estrutura (Argentina)

Mapeamento da Estrutura Argentina

Home page: personalizável de acordo com as prioridades

A home page do CSOnline oferece uma experiência completa e intuitiva. Nela, é possível visualizar os preços atualizados dos combustíveis, realizar suas compras com facilidade e aproveitar descontos exclusivos. Além disso, é possível gerenciar pedidos em tempo real e abrir chamados para suporte, garantindo que suas dúvidas sejam resolvidas rapidamente. Para tornar a experiência ainda mais personalizada, o sistema conta com ferramentas que podem ser ajustadas de acordo com as preferências do usuário.

Home Page Lubrificantes

Material de Apoio

Materiais de apoio visual como banners desempenham um papel crucial em interfaces de venda de produtos e serviços. Eles não apenas atraem a atenção do usuário, mas também comunicam informações de forma clara e impactante. Ao integrar esse tipo de elemento de forma harmoniosa na interface, o CS Online também pode oferecer para as empresas a possibilidade de uma melhor experiência do usuário e, consequentemente, um impulsionamento nas vendas e serviços oferecidos.

Material de Apoio 1
Material de Apoio 2
Material de Apoio 3
Material de Apoio 4
Material de Apoio 5
Material de Apoio 6

Padronização do Sistema

O layout das telas é fundamental para garantir uma experiência fluida ao usuário. A uniformização das informações facilita a compreensão dos processos, permitindo que os usuários naveguem com mais facilidade. Além disso, uma limpeza visual adequada evita distrações, tornando a interface mais agradável e intuitiva. Com esses elementos bem integrados, o CS Online pode proporcionar uma experiência superior, ajudando a aumentar as vendas e a satisfação do cliente.

Login
Valoriza
Meu Negócio
Termos
Chamados Abertos
Preços Combustíveis
Trading
PIX
Pedidos
Finanças
Chamados Encerrados
Chamados em Atendimento

App CS Online: o apoio que o usuário precisa para o dia a dia

O aplicativo desenvolvido para o sistema CS Online é projetado para oferecer uma experiência ágil e eficiente aos usuários. Com uma interface intuitiva, os usuários podem acessar informações e realizar atividades rapidamente pelo celular. A navegação simplificada permite que tarefas como consultas, atualizações e abertura de chamados sejam feitas com precisão, tudo na palma da mão. Além disso, o design limpo minimiza distrações, garantindo que a experiência seja não apenas funcional, mas também agradável. Com essas características, o CS Online se destaca em proporcionar um suporte valioso, aumentando a satisfação do cliente e facilitando o aumento das vendas.

iPhone CS Online 1
iPhone CS Online 2
iPhone CS Online 3
iPhone CS Online 4
iPhone CS Online 5
iPhone CS Online 6
iPhone CS Online 7
iPhone CS Online 8

O app CS Online oferece uma experiência sob medida, permitindo que você personalize a home page do seu jeito. Escolha entre diversos widgets para ter as informações mais importantes sempre à vista, como preços de combustíveis, status de pedidos, novidades e muito mais. Com essa flexibilidade, o CS Online se adapta às suas necessidades, tornando o dia a dia mais eficiente e produtivo.

End Page Raizen Lubrificantes