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.