YANDesign de app mobile
Boater. Da escolha do barco ao embarque
Um app em português para aluguel de barcos e passeios, que conecta quem quer alugar a anunciantes. As reservas, pessoas 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
Boater é uma plataforma em português que, no próprio texto de boas-vindas, conecta pessoas interessadas em alugar embarcações a anunciantes. O arquivo do Figma tem 52 frames de celular, além de variantes, divididos entre o fluxo de quem aluga, da busca e da reserva até o check-in e o chat, e uma área do anunciante com perfil e reservas próprios. Aqui acompanho quem aluga.
O próximo passeio ocupa o topo da tela
Quando uma reserva está perto, um card escuro fica no topo da home com o que a pessoa reservou, a data, o tempo que falta e um botão, Fazer check-in. A descoberta começa abaixo dele, com as abas Para você e Explorar e cards grandes com fotos dos lugares mais procurados. A mesma tela serve para quem está prestes a embarcar e para quem ainda está escolhendo.
Quem vai estar no comando
A tela de informações dá ao capitão uma aba própria, separada das comodidades do barco. Ali ficam o nome e uma bio curta, três números de experiência, passeios e avaliação, a data em que uma credencial foi verificada e uma lista de certificações. A pessoa e os números são conteúdo de exemplo. A estrutura mostra a intenção: dá para conferir quem conduz o barco, além do que ele oferece.
No fim, a interface dá lugar ao mar
A maior parte do app é branca, com cards escuros. Quando a pessoa cria uma reserva, a tela muda para uma foto do mar em tela cheia, com o logo, uma confirmação curta e um botão, Ver Reservas, que leva para onde fica o status da reserva. Outra tela reaproveita a foto com um card de dicas para o passeio e um único botão, Fechar.
