Voltar para o portfólio
App · Tatuagem

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êTintaê
01

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.

Projeto
Tintaê
Categoria
App · Tatuagem
Papel
Designer UX/UI
Entregas
10 telas e protótipo
02

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.

03

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.

  1. 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.

  2. 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.

  3. 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.

04

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.

Início: busca, estilos e artistas em destaque
Explorar tattoos
Detalhe da tattoo
Escolher o artista
Perfil do artista
Flashs com preço
Data e horário
Confirmar agendamento
Agendamento confirmado
Perfil do usuário

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

05

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.