Design de app mobile
Helps On. Serviços para a casa, com a carteira logo ao lado
Um app em português para pedir serviços para a casa, como diarista ou eletricista, com carteira, cupons e um plano PRO. Os nomes e valores nas telas são dados de exemplo.
- Meu papel
- Fluxos de produto e design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas do arquivo de design original no Figma, com dados de exemplo.
Minha contribuição
O Helps On é um app em português para pedir serviços, de diarista a eletricista ou troca de chuveiro. Em volta de cada pedido fica o que é preciso para pagar por ele: carteira, cartões salvos, cupons e um plano PRO.
O arquivo do Figma tem 58 frames de celular, rodadas de wireframe e um fluxo do usuário, além de cadastro, captura de documento e rosto e estados de pagamento. Aqui mostro a home, a carteira e os cupons.

Atalhos que mostram o próprio status
A home junta uma lista curta de pedidos e uma fileira de cards grandes em Meus atalhos. Cada card indica um destino e traz uma pequena tag de status, como Novas atualizações ou o número de cartões ativos, para a pessoa ver o que mudou antes de abrir qualquer coisa. O próximo card aparece um pouco na borda direita, o que mostra que a fileira continua.

Primeiro o saldo, depois todo o resto
A carteira abre com o saldo e um botão preenchido, Adicionar saldo, com o extrato ao lado como opção mais discreta. Depois vêm os cartões salvos, os cupons e as movimentações recentes, nessa ordem. Assim, o dinheiro disponível fica no topo e o histórico, a uma rolagem de distância.
Os cupons têm uma tela só para eles, separada em Ativos e Expirados. Cada card traz uma foto e, abaixo dela, o serviço, o desconto, a validade e um código, e termina com Detalhes do cupom.


