Locação
Descoberta
Ideação
Design

Como a experiência do usuário viabilizou o portal do cliente white label para os clientes.

Visão Geral
A Vamos é um ecossistema completo que oferece locação, compra, venda e troca de caminhões, máquinas e equipamentos novos e seminovos, além de serviços de manutenção e soluções tecnológicas, visando melhorar a eficiência operacional e a rentabilidade dos clientes.
Meu papel no projeto
Eu tive uma participação de ponta a ponta no projeto, sempre muito proximo da PM desde a definição, ideação até a concepção do protipo.
Definição
Ideação
Design
Meu papel no projeto
Quando eu entrei no time da Vamos, eu era o único designer do projeto. Nossa equipe era formada por mim como único designer,
2 desenvolvedores front-end, 1 desenvolvedor back-end e 1 PM.
Tivemos extensos workshops para entender o negócio e quais eram
as expectativas do que iriamos construir.
Insights e ideação das partes interessadas: Construção do processo de design Fluxo da area financeira e login Interação e sintonia com os desenvolvedores Interface e experiencia do usuário Inicio da conceitualização e desenvolvimento do Design System

O desafio com a Vamos

Os principais desafios foram o tempo de execução e atender a demanda comercial. Houve uma pesquisa feita pelo departamento de marketing para descobrir o nível de conforto dos clientes, o que retornou foi que eles se sentiam perdidos ao entrar no login ou tercerizam para alguem do time e se sentiriam mais confortáveis se conseguissem organizar o dashboard, trocar as cores de acordo com a marca que esta utilizando o dash e mostrar de alguma forma a marca da empresa contratante, com base nesses dados definimos que havia uma necessidade de humanizar, deixar mais dinâmico e facilitar os fluxos da plataforma para os clientes se sentissem mais confortáveis. Então viabilizamos a customização da plataforma aonde a empresa contratante pode-e customizar e definir o nome da companhia, dados sobre ela, adicionar o logo e modifica-se as cores de acordo com sua identidade.

Ferramentas usadas
Figma
Jira
Discord
Gitlab
Visual Studio
Photoshop
Ilustrator
Matrix DIBB
A matriz DIBB foi aplicada com base em dados e fatos e com o propósito de mapear insights, crenças e apostas do negócio, o que contribuiu com a tomada de decisão de quais itens trariam mais resultados.
Matrix Esforço x Impacto
Em sequência, a matriz de esforço x impacto foi aplicada para unir e classificar os itens que deveriam ser priorizados à partir das análises constatadas.
Foi utilizado o processo de diamante duplo para o design
Matrix DIBB
A matriz DIBB foi aplicada com base em dados e fatos e com o propósito de mapear insights, crenças e apostas do negócio, o que contribuiu com a tomada de decisão de quais itens trariam mais resultados.
As apostas
Os campos mais votados que entregavam valor foram os seguintes:
Permitir a criação de vários chamados para vários ativos em lote, integrando diretamente com o Vetor
Ter um módulo para gerenciamento de usuários onde o cliente (adm) tenha acesso de edição e a Vamos um gerenciamento Master.
Aba telefone uteis e a explicação de toda atividade que pode ser resolvida naquele canal
Criar uma área com a visão financeira do cliente, iniciando por Medição, Faturamento e boleto.
Matrix Esforço x Impacto
Em sequência, a matriz de esforço x impacto foi aplicada para unir e classificar os itens que deveriam ser priorizados à partir das análises constatadas.
Site map
Para ajudar na visualização simplificada de toda a arquitetura de informação do produto, o site map trouxe o mapeamento das áreas existentes e da combinação das evoluções definidas dos resultados obtidos na matrix de esforço e impacto realizado anteriormentes, tais como, novas áreas para os canais de atendimento, gestão de usuários, resumo do contrato, financeiro e multas que serão desdobrados em novas descobertas.

Design system

Nos começamos a criar o design system, para quando houvesse a entrada de outros designers e desenvolvedores pude-se ser mantido consistência, agilidade e escalabilidade. Usamos de ponto de partida o Untitled ui e todos os componentes foram pensandos de forma avançada, construído variantes de tamanho, estado do elemento iconografia e cores.
O desenvolvimento dele foi feito em React utilizando a framwork Chakra UI, por ter uma sinergia em mobile de desktop e integrado ao GitLab, para manter histórico sempre atualizado.

Prototipagem
Para alcançar resultados mais assertivos, tanto com stakeholders quanto usuários, foram elaborados protótipos interativos que auxiliaram na condução dos testes de usabilidade para coleta de feedbacks e identificação de áreas de melhoria.
Recursos extras adicionado
Depois de mapear os fluxos principais foram adicionados jornadas e funcionalidades novas que serão desenvolvidas nas próximas fases:
Gerente de vendas: Apresentação da empresa, proposta comercial, portifólio de serviços customizados.
Controlador de frota: Cadastro na base da Vamos, entrega dos veículos e apresentação dos serviços (contato do controlador - ponto focal).
Analista de faturamento: Realiza a medição dos custos, envia para validação/aprovação, emite o faturamento/boleto.
Aprendizados
Aprendi muito na jornada do produto, desde o começo até o final, e se fosse para destacar os pontos altos que obtive nessa experiencias, eu colocaria:
As coisas mudam sempre, então erre, aprenda rápido e conserte rápido
Começar um produto com design system, poupa retrabalho e diminui o custo operacional a longo prazo.
Obrigado a esse time incrivel!
Durante todo o processo, houve uma excelente sintonia e um ótimo clima de colaboração com o time de criação, planejamento, design e desenvolvimento, presando sempre pela qualidade da entrega.
Danielle
Product Manager
Pedro
Back-end
Italo
Product Designer
Luciano
Front-end
Enzo
Front-end
Obrigado a esse time incrivel!
Durante todo o processo, houve uma excelente sintonia e um ótimo clima de colaboração com o time de criação, planejamento, design e desenvolvimento, presando sempre pela qualidade da entrega.
Danielle
Product Manager
Italo
Product Designer
Luciano
Front-end
Enzo
Front-end
Pedro
Back-end