Compras S.A.
UI / UX Design
ETAPAS DO PROJETO
Sobre
O Compras S.A. é uma central de pedidos on-line voltada exclusivamente para o abastecimento do food service (mercado de alimentação fora do lar). Funciona como um marketplace B2B, reunindo indústrias de alimentos e bebidas.
O desafio
Criar uma plataforma digital que possa trazer agilidade, flexibilidade e transparência para as operações de compra e venda de insumos para o mercado food service.
ETAPAS DOS PROCESSO
1.
Descobrir
ETAPAS DOS PROCESSO
2.
Definir
ETAPAS DOS PROCESSO
3.
Desenvolver
ETAPAS DOS PROCESSO
4.
Entregar
1. Descobrir
Com o objetivo de levantar algumas hipóteses e entender melhor o que seria feito, utilizei o método 5W1H para me auxiliar no decorrer do estudo.
Why (Por que?)
Proprietários de restaurantes despendem até 15 horas semanais comprando mercadorias. A lista de compras é composta de centenas de produtos e um restaurante precisa de dezenas de fornecedores para suprir a totalidade de suas demandas. Em função da característica perecível dos produtos, das limitações de estoque (estrutura física) e de limitações financeiras, o food service opera no sistema just in time, com realização de compras diárias, aumentando a complexidade da operação.
What (O que?)
Criar uma plataforma de pedidos on-line. O comprador faz suas compras através do aplicativo ou website e encontra condições comerciais idênticas ou melhores do que aquelas que ele obtém nos demais canais de venda. Além disso, compra com maior praticidade e rapidez em uma loja aberta 24 horas por dia, 7 dias por semana.
Who (Quem?)
Compradores e Fornecedores.
Compradores
-
De todos os sexos, a partir de 17 anos.
-
De todas as classes sociais, com exceção das classes extremamente baixas.
-
Empreendedores do segmento food service que tenham empresas registradas.
Fornecedores
-
Indústrias e fornecedores do mercado food service.
-
Indústrias e fornecedores que tenham uma logística própria e eficiente com ampla área de cobertura.
-
Indústrias e fornecedores que tenham operação just in time.
Where (Onde?)
Qualquer lugar que disponibilize acesso à internet.
When (Quando?)
Os usuários utilizarão o app em momentos diversos, como:
-
No início ou final do dia, na necessidade de reposição do estoque.
-
Na falta de estoque.
-
Na pesquisa de novos produtos/fornecedores.
-
Na comparação do melhor custo-benefício de um determinado produto.
How (Como?)
As métricas iniciais utilizadas para acompanhar a evolução e sucesso do produto são:
-
Cadastro de 50 clientes/mês.
-
Taxa de retenção.
-
Qualidade dos produtos entregues.
-
Pouca ou nenhuma reclamação do desempenho da plataforma ou bugs.
-
Geolocalização (de onde vêm os usuários).
-
Principais dispositivos de acesso à plataforma.
2. Definir

Rafael
Dono de Restaurante
Persona
“Não aguento mais perder horas do meu dia ao telefone para fazer uma simples compra para meu restaurante.”
Dados
-
35 anos
-
Belo Horizonte (MG)
-
Chef de cozinha e empresário
-
Casado
-
Tem filhos
Dores & Necessidades
-
Como empreendedor, tem pouco tempo para fazer as compras do estabelecimento.
-
Perde horas do dia ao telefone para entrar em contato com todos os fornecedores.
-
Diariamente precisa comprar produtos frescos e de qualidade.
-
Não consegue fazer compras para o restaurante fora do horário comercial.
Possíveis Soluções
-
Fazer as compras pelo aplicativo a qualquer hora do dia, 7 dias da semana, com praticidade e rapidez.
-
Comparar os melhores preços.
-
Receber ofertas através de notificação.
-
Agendar as compras semanais.
-
Agendar o melhor dia para entrega.
-
Montar lista de compra.
-
Acompanhar métricas e indicadores de gastos.
-
Adicionar lembretes.
Jornada do Usuário

Era uma vez, Rafael, 35 anos, chef de cozinha, empresário e apaixonado pela família e amigos. Desde cedo, um sonhador e apaixonado pela cozinha.
Todos os dias, ele acorda cedo, faz o café da manhã para a família, leva as crianças para a escola e logo vai para o restaurante, onde permanece o resto do dia. No restaurante, ele é responsável por toda a operação, desde a cozinha, controle de estoque, compras, pagamentos e gestão de pessoas.
Todos os dias, o que mais irritava Rafael era fazer a compras. Ele tinha a árdua tarefa diária de ligar para mais de 10 fornecedores e isso despendia muito tempo do seu dia.
Um certo dia, Rafael percebeu que precisava de alguma solução para otimizar as compras do restaurante e ter mais tempo para se dedicar à cozinha.
Por causa disso, Rafael entrou no Google e pesquisou sobre e-commerce para restaurantes. No resultado da busca, encontrou o Compras S.A. e resolveu pesquisar mais a fundo sobre o aplicativo. Na internet, encontrou depoimentos positivos de outras pessoas que utilizam a ferramenta e acompanhou minitutoriais sobre as features da ferramenta.
Por causa disso, Rafael fez o download do aplicativo, cadastrou seu restaurante e instantaneamente teve acesso a uma extensa lista de produtos selecionados para seu estabelecimento, podendo personalizar a lista de compra e encontrar os melhores preços. Ao finalizar a compra, Rafael definiu o dia da entrega e ficou impressionado com a praticidade do aplicativo.
Até que, finalmente, com as horas que economizou nas compras, Rafael pôde focar mais na qualidade dos produtos na cozinha e ainda chegar mais cedo em casa para curtir a família.
3. Desenvolver
Wireframe






Nome e Logotipo
Além da conotação direta de “Compras”, o nome conta com a sigla S.A., que tem como significado sociedade anônima, ou companhia de capital aberto. No caso do Compras S.A., uma alusão à captação de recursos do mercado em geral para fornecimento, ou seja, o propósito é a captação de recursos (suprimentos) para o abastecimento.
Para o logotipo, foi utilizada uma fonte inclinada e mais encorpada, com o intuito de transparecer uma empresa sólida que está sempre em movimento.

Tipografia
A fonte escolhida para o projeto foi a Arial, uma fonte de fácil legibilidade e flexível que pode ser utilizada em vários suportes.



Cores
Escolhi uma paleta de cores primárias com um contraste vibrante para transmitir confiança e personalidade. Em contrapartida, cores auxiliares com tons pastéis, deixando um layout mais suave e confortável para navegação.



Ícones
Como o caminho cognitivo dos ícones é mais curto do que da escrita, foi necessário o uso de alguns ícones para postos-chave do aplicativo, como a categoria de produtos. Procurei definir um set de ícones mais limpo e de fácil interpretação com o intuito de atrair a atenção do leitor, deixando a leitura menos monótona, e guiá-lo por onde ele desejar.












4. Entregar
Design System & Escalabilidade
Todos os componentes da interface, como campos, botões e seus estados, ícones, paleta de cores, tipografias, foram documentados de forma a serem escaláveis, facilitando a implementação e gerenciamento em equipe.
Protótipo em alta fidelidade













Próximos passos
Através do primeiro protótipo, tenho ciência da necessidade de mais estágio de pesquisa e desenvolvimento constante. Cito aqui alguns dos próximos passos:
-
Pesquisa mais ampla com feedbacks diários em cima do primeiro protótipo.
-
Testes de usabilidade.
-
Informações sobre a tecnologia e captação de novos parceiros e investidores.
-
Acompanhar os resultados e definir novas métricas para desenvolvimento e validação do produto.