Pular para o conteúdo
TV viewVamos conversar
PT
Todos os trabalhos

Design de app mobile

HubProlog. Trampos curtos, decididos card a card

Um app mobile em que os chapas, ajudantes de carga e descarga, encontram trampos curtos e pagos, aceitam o serviço e guardam os comprovantes de pagamento.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Mockup do HubProlog montado para este mural com telas reais do projeto.
Mockup montado para este mural com telas reais do projeto.

Telas do arquivo de design original no Figma, com dados de exemplo.

Minha contribuição

O HubProlog, que aparece na tela como hub, é um app em português para quem pega trabalhos curtos e pagos, como o de chapa, o ajudante de carga e descarga. O app chama esses trabalhos de trampos, como se diz no dia a dia.

O arquivo de design tem 47 frames mobile, entre acesso, propostas, busca, comprovantes e perfil. Os trampos, locais e valores mostrados aqui são conteúdo de exemplo.

Gravação do protótipo no Figma. Passar pelas convocações, filtrar por cidade e abrir uma delas.
Tela Buscar com o título Propostas em São Paulo, um card grande com a ilustração de um trabalhador de armazém, o serviço Chapa por R$ 100 a diária, a 11 km de distância, e os botões de recusar, desfazer e aceitar.
Buscar mostra um trampo de cada vez, com recusar, desfazer e aceitar.

Um trampo de cada vez na tela

A tela Buscar mostra os trampos disponíveis como cards para deslizar, um card grande de cada vez. O card diz qual é o serviço, quanto paga, onde fica e a que distância, com o texto sobre um degradê escuro para continuar legível em cima da ilustração. Logo abaixo ficam três controles redondos: recusar, desfazer e aceitar.

Tela Convocação com o logo do hub sobre uma ilustração desbotada de armazém, a descrição do serviço, a lista de atividades incluídas e os botões Recusar e Aceitar.
A convocação explica o serviço antes de pedir uma resposta.

Primeiro ler, depois responder

A convocação abre com uma descrição simples do serviço e uma lista do que está incluído. A pergunta só aparece no fim, “Você aceita este trampo?”, logo acima de Recusar e Aceitar, para a pessoa decidir depois de ler. O coral indica a recusa e o verde-limão da marca indica o aceite, a mesma dupla de cores em todas as telas de propostas.

Tela Comprovantes com as abas Holerites e Comprovantes de PIX e uma lista por semana com pagamentos de exemplo de R$100 recebidos por PIX.
A tela Comprovantes agrupa os registros de pagamento por semana.

O comprovante do que foi pago

A tela Comprovantes separa Holerites de Comprovantes de PIX e agrupa os registros por semana. Cada card começa pelo valor, depois vêm o serviço e a data. O acesso é curto do mesmo jeito: um campo de CPF e um botão Continuar.

Tela de acesso com o logo do hub, um campo de CPF e um botão escuro Continuar.
O acesso pede uma coisa só: o CPF.