Tintaê
App de agendamento para estúdios de tatuagem: da referência ao horário marcado com o artista, em poucos toques
- Meu papel
- Designer UX/UI
TintaêContexto
O Tintaê é um aplicativo de agendamento para estúdios de tatuagem. Ele junta num lugar só o que hoje fica espalhado entre Instagram, direct e WhatsApp: encontrar referências, conhecer o trabalho de cada artista, ver os desenhos prontos (flashs) com preço e marcar a sessão. Fiz o UX do fluxo e o UI de todas as telas, do primeiro contato à confirmação.
Desafio
Quem vai tatuar costuma chegar com uma referência salva e muitas dúvidas: qual artista faz esse estilo, quanto tempo leva, quanto custa, quando dá para marcar. Hoje isso vira uma conversa longa no direct. O app precisava responder essas perguntas na ordem em que elas aparecem e levar até um horário confirmado, sem perder o clima de estúdio autoral que faz a pessoa confiar no artista.
O fluxo, passo a passo
Fundo branco, tipografia preta e as fotos das tatuagens como único elemento de cor. Em cada tela, um título curto e um botão principal preto que leva ao próximo passo.
- 01 / 03
Descoberta
A home abre com a frase “Sua próxima tattoo começa aqui.”, uma foto de estúdio em preto e branco e a busca por artista, estilo ou desenho. Logo abaixo, os estilos em círculos (fine line, blackwork, realismo, tradicional, oriental) e os artistas em destaque com nota e cidade. Explorar e Flashs organizam as referências em grade de duas colunas, com filtros em pílula e, nos flashs, o preço de cada desenho pronto.
- 02 / 03
Da tattoo ao artista
A tela da tattoo mostra a foto grande, as tags, a história do desenho, a duração estimada e a região do corpo, com um único botão: “Agendar esta tattoo”. Em seguida, a pessoa compara os artistas em cards com retrato, estilos, nota, número de avaliações e distância, e pode abrir o perfil completo com portfólio, sobre e avaliações antes de decidir.
- 03 / 03
Agendamento
O resumo da tattoo e do artista fica no topo enquanto a pessoa escolhe o dia no calendário e o horário em chips. A confirmação reúne data, horário, duração e local num card só, avisa que o artista vai entrar em contato para alinhar os detalhes e os cuidados, e a tela final oferece adicionar ao calendário ou falar com o artista.
Todas as telas
As 10 telas do app, com a barra de navegação fixa (Início, Explorar, Salvos, Agenda e Perfil) nas telas de descoberta e o perfil do usuário reunindo agendamentos, tattoos salvas, artistas seguidos e pagamento.
Sistema Visual
Uma interface quase monocromática para o trabalho dos artistas ser a cor da tela: preto para títulos, botões e itens selecionados, branco de fundo, cinza quente para textos de apoio e linhas, e um off-white só nos avisos. A Inter em três pesos dá o tom editorial sem disputar atenção com as fotos.
Paleta
Preto Tinta
#121211
Títulos, botões principais e itens selecionados
Branco
#FFFFFF
Fundo das telas e cards
Cinza Grafite
#6B6B66
Textos de apoio, legendas e ícones
Cinza Linha
#E3E3DE
Bordas de cards, campos e divisores
Off-white
#F5F5F2
Avisos e áreas de destaque suave
Tipografia
Inter
400 / 500 / 700
Fonte única: títulos em bold, botões em medium, textos em regular
Aprendizado
Num app de tatuagem, quem vende é o trabalho do artista. Tirar a cor da interface e deixar as fotos ocuparem o espaço fez cada tela parecer um portfólio, e manter um único botão por tela transformou uma conversa longa no direct em seis passos curtos até o horário marcado.
Outros projetos para conhecer.
App · EventosiPass
App de cadastro de documento e biometria facial para entrada em eventos, feito na Ivy
Ver projeto
App · Aviação e PetsMIA Pet
App do Aeroporto Internacional de Miami para quem viaja com pet: identidade digital do animal, check-in e parceiros, feito na Ivy
Ver projeto
E-commerce & PetManada Animal
E-commerce e experiência digital de pet shop
Ver projeto