Tintaê
App de reservas para estudios de tatuaje: de la referencia al turno confirmado con el artista, en pocos toques
- Mi rol
- Diseñador UX/UI
TintaêContexto
Tintaê es una app de reservas para estudios de tatuaje. Reúne en un solo lugar lo que hoy está disperso entre Instagram, mensajes directos y WhatsApp: encontrar referencias, conocer el trabajo de cada artista, ver los diseños listos (flashes) con precio y reservar la sesión. Hice el UX del flujo y el UI de todas las pantallas, del primer contacto a la confirmación.
Desafío
Quien va a tatuarse suele llegar con una referencia guardada y muchas dudas: qué artista hace ese estilo, cuánto tarda, cuánto cuesta, cuándo se puede reservar. Hoy eso se convierte en una conversación larga por mensaje directo. La app tenía que responder esas preguntas en el orden en que aparecen y llevar a un turno confirmado, sin perder el clima de estudio de autor que hace que la persona confíe en el artista.
El flujo, paso a paso
Fondo blanco, tipografía negra y las fotos de los tatuajes como único elemento de color. En cada pantalla, un título corto y un botón principal negro que lleva al siguiente paso.
- 01 / 03
Descubrimiento
La home abre con la frase “Tu próximo tatuaje empieza aquí.”, una foto de estudio en blanco y negro y la búsqueda por artista, estilo o diseño. Justo debajo, los estilos en círculos (fine line, blackwork, realismo, tradicional, oriental) y los artistas destacados con nota y ciudad. Explorar y Flashes organizan las referencias en una grilla de dos columnas, con filtros en píldora y, en los flashes, el precio de cada diseño listo.
- 02 / 03
Del tatuaje al artista
La pantalla del tatuaje muestra la foto grande, las etiquetas, la historia del diseño, la duración estimada y la zona del cuerpo, con un único botón: “Reservar este tatuaje”. Después, la persona compara a los artistas en tarjetas con retrato, estilos, nota, cantidad de reseñas y distancia, y puede abrir el perfil completo con portfolio, información y reseñas antes de decidir.
- 03 / 03
Reserva
El resumen del tatuaje y del artista queda arriba mientras la persona elige el día en el calendario y el horario en chips. La confirmación reúne fecha, horario, duración y lugar en una sola tarjeta, avisa que el artista se va a comunicar para coordinar los detalles y los cuidados, y la pantalla final ofrece agregarlo al calendario o hablar con el artista.
Todas las pantallas
Las 10 pantallas de la app, con la barra de navegación fija (Inicio, Explorar, Guardados, Agenda y Perfil) en las pantallas de descubrimiento y el perfil del usuario que reúne reservas, tatuajes guardados, artistas seguidos y pago.
Sistema Visual
Una interfaz casi monocromática para que el trabajo de los artistas sea el color de la pantalla: negro para títulos, botones y elementos seleccionados, fondo blanco, gris cálido para textos de apoyo y líneas, y un off-white solo en los avisos. Inter en tres pesos da el tono editorial sin competir con las fotos.
Paleta
Negro Tinta
#121211
Títulos, botones principales y elementos seleccionados
Blanco
#FFFFFF
Fondo de las pantallas y tarjetas
Gris Grafito
#6B6B66
Textos de apoyo, leyendas e íconos
Gris Línea
#E3E3DE
Bordes de tarjetas, campos y divisores
Off-white
#F5F5F2
Avisos y áreas de destaque suave
Tipografía
Inter
400 / 500 / 700
Fuente única: títulos en bold, botones en medium, textos en regular
Aprendizaje
En una app de tatuajes, lo que vende es el trabajo del artista. Quitarle el color a la interfaz y dejar que las fotos ocupen el espacio hizo que cada pantalla pareciera un portfolio, y mantener un único botón por pantalla convirtió una conversación larga por mensaje directo en seis pasos cortos hasta el turno reservado.
Otros proyectos para conocer.
App · EventosiPass
App de registro de documento y biometría facial para el acceso a eventos, hecha en Ivy
Ver proyecto
App · Aviación y MascotasMIA Pet
App del Aeropuerto Internacional de Miami para quienes viajan con mascotas: identidad digital del animal, check-in y aliados, hecha en Ivy
Ver proyecto
E-commerce y MascotasManada Animal
E-commerce y experiencia digital de pet shop
Ver proyecto