2023 Produtos naturais / B2B App mobile + Dashboard Jonnpo Tecnologia

Os desafios de design em um app de pedidos de suco

App de pedidos e dashboard de gestão para a Pró-Laranja, fábrica de suco 100% integral que abastece hotéis, restaurantes e padarias todos os dias.

Notebook com a tela de login da Pró Laranja, ao lado de garrafa de suco e laranjas
Cliente
Pró-Laranja
Empresa
Jonnpo Tecnologia
Ano
2023
Meu papel
Product Designer · UX/UI
Entregas
App mobile · Dashboard web
Público
B2B · hotéis, restaurantes, padarias
01

Contexto

A Pró-Laranja é uma fábrica de suco 100% integral de laranja, sem diluição, açúcar ou aditivos químicos. O foco é B2B: hotéis, restaurantes, padarias, eventos e outros estabelecimentos com pedidos recorrentes e entregas diárias.

A pergunta do projeto

Como criar um app e um dashboard de gestão realmente práticos e visualmente atraentes?

02

O desafio real

Mais do que criar um app bonito e intuitivo, precisávamos lidar com a realidade do modelo de negócio da Pró-Laranja. A operação acontecia de madrugada, e boa parte dos pedidos chegava fora de qualquer sistema.

Pedidos tarde da noiteClientes pedindo de madrugada para receber no dia seguinte.
Alterações por telefoneMudanças de última hora fora do sistema, difíceis de rastrear.
Pedidos duplicadosO mesmo cliente pedindo duas vezes para a mesma entrega.
Franquias com várias unidadesGerentes pedindo quantidades diferentes para cada loja.
03

Duas frentes, uma operação

Para reduzir esses gargalos, o sistema passou a organizar rotas, quantidades e ainda gerar relatórios impressos, garantindo que cada entregador tivesse clareza no acompanhamento de suas entregas.

Para quem compra

App mobile
Pedido único ou recorrenteDiário ou semanal, com calendário de entregas
Catálogo por embalagemBombona retornável em litros, frascos de 300 e 500 ml
Agenda de entregasPular um dia ou alterar sem ligar para a fábrica

Para quem produz e entrega

Dashboard
Visão geral dos pedidosVolume por horário e vendas por embalagem
Rotas e estabelecimentosCadastro de clientes e montagem das rotas do dia
Relatórios em PDFLista impressa para cada entregador
04

Ponto de partida

Os primeiros fluxos separavam pedido rápido e pedido agendado em caminhos diferentes. A partir deles, a estrutura foi simplificada até chegar a um único fluxo, em que o tipo de pedido é só uma escolha dentro dele.

Ilustração de ramo de laranjeira ao lado das primeiras telas do fluxo de pedido em tons de cinza

Ilustração da marca e versões iniciais do fluxo de pedido.

05

Decisões de design

Cada gargalo da operação virou uma regra visível na interface, para que o cliente resolvesse sozinho o que antes exigia uma ligação.

5.1

A recorrência como centro do app

Como a maior parte dos clientes compra todo dia, o pedido recorrente ganhou tela própria: próxima entrega em destaque, calendário da semana e a opção de pular um dia sem cancelar o contrato. Ao cancelar, o cliente ainda tem 1 minuto para desfazer.

Quatro telas do app: home com sucos de laranja, produto Bombona Retornável, detalhes do pedido e pedidos recorrentes
5.2

Regras do negócio antes do botão de confirmar

O horário de corte aparece no carrinho e nos detalhes do pedido: pedidos até 04:00 saem às 06:00. A diferença entre pedido único e recorrente é explicada na própria opção, e o pedido único avisa que não pode ser cancelado.

Card de produto Suco Integral de Laranja e telas de carrinho e detalhes do pedido com avisos de horário
5.3

Prevenir o pedido duplicado

Se já existe uma entrega recorrente para o dia, o app avisa antes de criar outra e oferece ver os pedidos agendados. A confirmação deixa claro em qual rota e horário o pedido entrou.

Tela de pedido realizado com sucesso e modal de atenção sobre pedido recorrente já agendado
5.4

Um painel para a madrugada da fábrica

No dashboard, a equipe vê o pico de pedidos por horário, as vendas por embalagem e a lista do dia com rota, categoria e tipo de pedido. Rotas e estabelecimentos são montados ali mesmo, e cada lista vira um PDF para o entregador.

Dashboard Visão Geral com gráfico de número de pedidos por horário e telas de pedidos, detalhes e tabela de preços
Modais de novo estabelecimento e nova rota sobre a ilustração da marca
06

Uma marca que vira interface

O laranja e o amarelo da embalagem guiam ações e destaques, o creme organiza as áreas de aviso, e a ilustração aparece nos momentos de produto. Os componentes foram pensados para servir app e dashboard ao mesmo tempo.

Componentes: barra de navegação, chips de sabores, card de pedido e gráfico
Componentes de login, calendário, perfil e busca
Pedidos recorrentes, cadastro de novo produto e detalhe do suco com tabela nutricional
07 · Resultado

Menos ligações, menos retrabalho, mais clareza na rota.

O app tirou do telefone os pedidos e as alterações de última hora, e as regras de horário e de recorrência passaram a ficar visíveis para o próprio cliente.

Na fábrica, rotas, quantidades e relatórios impressos deram a cada entregador uma lista clara do que entregar, onde e quando.

●Pedidos recorrentes ●Corte às 04:00 ●Rotas organizadas ●Relatórios para entregadores
Logo Pró Laranja com selo 100% Produto Capixaba
Próximo case Clubii →