YANDesign de app mobile
DossApp. Dois pedidos e um botão vermelho
Um app de segurança residencial em português em que moradores pedem uma verificação ou uma cobertura, e os vigias recebem esses pedidos no lado deles. Os nomes, datas e valores nas telas são conteúdo de exemplo.
- Meu papel
- Fluxos de produto e design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas do design original no Figma e no Dribbble, com dados de exemplo.
Minha contribuição
DossApp é um app em português de segurança sob demanda para a casa, com um lado para moradores e outro para prestadores de serviço. Uma verificação pede que um vigia confira alguma coisa, como se um portão ficou trancado. Uma cobertura envia um vigia para acompanhar a chegada do morador.
O trabalho no Figma cobre os dois lados, com wireframes, fluxo do usuário e páginas de protótipo. Um arquivo separado guarda capturas de tela com legenda, preparadas para a página do app na loja.
O que cada cor pede
Em uma tela escura, a cor faz a maior parte da organização. Os dois pedidos do dia a dia são os maiores blocos: Solicitar Verificação em cinza-claro e Solicitar Cobertura no amarelo da marca. Emergência fica à parte, como único elemento vermelho, ao lado da pergunta “Precisando de uma ajuda mais urgente?”, então o caminho urgente não se confunde com o de rotina. Conta, veículos, familiares e o resto ficam mais abaixo, em uma grade discreta de ícones.
Depois do pedido, o que está acontecendo agora
O pedido não termina no botão. A tela de cobertura diz qual vigia está a caminho e mostra quatro etapas, Criada, Enviada, Em andamento e Concluído, com a atual em negrito e Cancelar no topo. Depois, uma tela de mapa desenha a rota do vigia e a do morador em cores diferentes, conforme os dois se aproximam da casa.
A verificação acontece em um chat ligado à pergunta original. No exemplo, o vigia responde com a foto do cadeado e envia uma solicitação de resolução. Quando o morador marca como resolvida, o vigia fica livre para outros trabalhos.
A mesma tela do lado do vigia
A home do prestador de serviço mantém o layout da home do morador, então os dois lados do app se leem do mesmo jeito. O que muda é o conteúdo: um toggle substitui o nome do plano, os dois blocos grandes viram Cobertura e Verificações e a grade ganha Clientes e Notificações. Do lado do morador, o Histórico continua sendo um registro simples, com filtro por tipo e um card para cada data, vigia e pedido.
