Tinta Studio
Un estudio con cuatro artistas y cuatro estilos que no se parecen en nada, atrapados en un mismo feed de Instagram. Construimos una web que ordena el trabajo por artista y por estilo, enseña las fotos a tamaño grande y recoge cada petición de cita con el estilo, el artista y el tamaño ya dentro.
- Cliente
- Tinta Studio
- Sector
- Estudio de tatuajes
- Servicios
- Diseño UX/UI, desarrollo web, animación
- Duración
- 6 semanas
- Stack técnico
- Next.js + Tailwind + Vercel
Resultados cuantificables.
+0%
Menos mensajes, más citas
Antes todo entraba por un mensaje abierto. Ahora entra por un formulario que ya recoge estilo, artista y tamaño: menos conversaciones para descartar, más para agendar.
0,52 s
La galería aparece en medio segundo
Cada foto se sirve en el tamaño exacto que pide la pantalla, y el vídeo de portada va recomprimido y sin audio.
0 h/sem
Menos gestión manual
La web contesta por sí sola las preguntas que antes se repetían cada día: quién hace qué estilo, qué se puede reservar y con cuánta antelación.
Del problema a la web publicada.
Pulsa cada fase para ver el detalle.
Diagnóstico del problema
Todo entraba por mensaje directo. Cuatro artistas con estilos que no se parecen en nada compartían un único feed, así que el cliente potencial no sabía a quién pedir su tatuaje y el estudio repetía las mismas respuestas cada día.
- Quién entra en la web
Llega sabiendo el estilo que quiere, no el nombre del artista que lo hace. La navegación tenía que partir del estilo y llevar a la persona, no al contrario.
- Filtrar antes del primer mensaje
La web contesta estilo, artista, tamaño y zona antes del primer mensaje, para que la conversación empiece ya en la fase de agendar.
- Portada
- Artistas
- Trabajos
- Cita
Titulo principal
Títulos: Anton
Cuerpo: Geist Mono
- Enseñar bocetos, no solo trabajo terminado
- Un espacio propio para cada artista
- Que se note que es un estudio, no una plantilla
Primero la estructura, después el color
Antes de decidir un solo color validamos la estructura: qué se ve primero, cuánto espacio necesita la galería y en qué punto del scroll aparece el botón de pedir cita. A la izquierda, el boceto; a la derecha, lo que se publicó.
01 / 04·Portada
Que las fotos destaquen sobre el estilo minimalista
Neón minimalista: fondo profundo, un único acento y mucho aire, para que las fotos no compitan con nada. Las animaciones acompañan el scroll en lugar de decorarlo. Y dos piezas hechas a medida: la tinta que salpica la pantalla, con su propia física de ángulo, fuerza, dispersión y niebla para que ninguna salpicadura se repita, y un cursor propio que cambia de forma sobre todo lo que se puede pulsar.
Optimización y rendimiento
Una web llena de fotos es, por defecto, una web lenta — y una web lenta se cierra antes de abrirse. Todo el trabajo de esta fase fue optimización: que cada imagen pese lo mínimo y que la galería se cargue a medida que el visitante baja, no toda de golpe. El resultado: abre rápido con datos móviles en la puerta del estudio, que es donde de verdad se consulta.
- 99Rendimiento
- 100Accesibilidad
- 100Buenas prácticas
- 98SEO
- Next.js
- Tailwind CSS
- Vercel
- Framer Motion
01 / 04·Diagnóstico
«Antes perdíamos citas entre mensajes sin contestar. Ahora la gente llega sabiendo con quién quiere tatuarse y solo hay que darle fecha.»
Tu estudio merece algo mejor que un feed.
Instagram te da alcance, pero no te da una web. No puedes ordenar el trabajo por estilo, no puedes enseñar el portfolio de cada artista por separado y cada reserva empieza siempre desde cero en un mensaje directo.
Una web propia para un estudio de tatuajes resuelve tres cosas a la vez: enseña el trabajo con la calidad que merece, separa a los artistas por estilo para que cada cliente encuentre al suyo, y filtra las consultas antes de que lleguen. Eso es tiempo que vuelve a la cabina.
Diseño, desarrollo y rendimiento los llevamos nosotros, sin subcontratar nada, y la web se publica en semanas y no en meses.