.png)
A EMPRESA
Plataforma online que centraliza licitações e pregões eletrônicos, proporcionando às empresas e aos órgãos públicos uma solução prática e eficiente. Conectando compradores com fornecedores.
O PRODUTO
• Um Marketplace que conecta compradores a fornecedores de forma simples
• Fluxo simples que facilite o processo de licitação
• Plataforma acessível centrada no usuário
%201.png)
DESAFIOS
• Otimizar o fluxo de usuário
• Entender as dores e as necessidades do usuário
• Redesign da interface base criada através de IA pelos stakeholders
• Construir uma biblioteca de elementos consistente com a marca
• Implementar uma biblioteca de componentes baseada no Design System já existente
• Finalizar todo o desafio em um período de 3 meses
Um primeiro olhar sobre o problema
No começo da nossa jornada, tínhamos um grande inimigo: o tempo. A empresa nos deu um deadline apertado para lançamento do produto o mais rápido possível para um evento de impacto nacional no ramo de compras públicas. A jornada do nosso usuário não estava finalizada e ainda não sabíamos como a nossa plataforma deveria ser ao certo. Começamos usando o Miro para montar os fluxos mais importantes e mapear as dores e necessidades do usuário.
Sim, esse começo foi tão confuso quanto parece...
Benchmarking
Nosso segundo desafio foi entender quais eram os principais marketplaces utilizados no mercado brasileiro e identificar os padrões das interfaces e os pontos que poderíamos trazer pra nossa solução. Utilizamos como principal referência o Mercado Livre e a Amazon e encontramos algo que unia essas plataformas a nossa ideia: o pensamento de que "um visual simples pode traduzir experiências incríveis". E o que quero dizer com isso em termos de design? Minimalismo.
Simplicidade x Complexidade
Então, encontramos nosso ponto de partida: como uma plataforma que precisa trazer muitas informações textuais, leis e burocracias, precisávamos simplificar o visual o máximo possível para melhorar nossa curva de aprendizado e criar uma experiência leve e intuitiva. Se tivéssemos escolhido uma abordagem mais ousada em quesito de estilo e layout nosso público alvo não se sentiria confiante o suficiente com o processo denso de licitação que exige muita leitura. Utilizando o Design System vigente no time de design nós conseguimos construir uma interface que refletisse a simplicidade que queríamos.
“Eu aprendi que as pessoas vão esquecer o que você disse e o que você fez, mas nunca esquecerão como você as fez sentir"
Maya Angelou
Solução
Com a conclusão de que nossa prioridade era fazer o usuário se sentir seguro no processo precisamos desenvolver a ideia na prática. Inspirada pela frase de Maya Angelou, definimos um objetivo: se nosso design conseguisse fazer o usuário se sentir seguro e tranquilo durante aquele processo burocrático, nós poderíamos fazer a diferença no mercado brasileiro! Com isso em mente, continuamos nosso processo de design e partimos - finalmente - para o uso do Figma.
O toque humano é necessário...​
​
Nossos stakeholders estavam ansiosos pelo resultado da solução e nos ofereceram como base uma interface criada por Inteligência Artifical. O esqueleto e a ideia estavam lá mas ainda faltava um toque humano. Nós refinamos o layout e fizemos as mudanças necessárias. A imagem abaixo mostra o protótipo base feito por IA.
Como uma designer brasileira e nordestina, eu precisei temperar essa interface!
Design System
Para começar o processo de mudança da interface base nós utilizamos o Design System vigente para manter a consitência através das diversas soluções do time de design. Especificamente para o Marketplace, fizemos adaptações nos componentes para tornar o visual mais leve, ajustando as cores para tons de azul e suas variantes - reforçando o sentimento de segurança e tranquilidade que queríamos para a plataforma.
Priorizamos o uso de cores claras e suaves.
O produto final
O resultado final de um processo consistente de design foi um Marketplace visualmente atrativo e minimalista focado na experiência do usuário e alinhado a marca. Nosso produto já está em fase de teste com um público controlado e esperamos continuar nosso processo com entrevistas e testes de usabilidade logo mais.
.png)
Página de gestão dos Carrinhos de Compras.
%20(2).png)
O chat que conecta compradores com fornecedores.
%201.png)