Marca, web con IA y app de gestión para un estudio de tatuajes

Kobold Tattoo es un estudio de tatuajes en Cambrils, con clientela del pueblo todo el año y mucho turista en temporada. Le hicimos el logotipo y la ilustración del kobold que da nombre al estudio, sustituimos su WordPress por una web rápida en siete idiomas y le añadimos un chatbot con IA: un personaje del estudio que contesta a cualquier hora, en el idioma de quien escribe, y que pasa la conversación a WhatsApp cuando toca reservar. Después le hicimos la app con la que el estudio se gestiona desde la tablet del mostrador: clientes, agenda, consentimientos firmados en pantalla, ventas, fidelización y contabilidad, con todo su histórico importado del programa anterior.

Cliente
Kobold Tattoo, Cambrils
Año
2026
Qué hicimos
Logotipo, ilustración, web, chatbot con IA y app de gestión
Idiomas
Siete: ES, CA, EN, FR, DE, NL y RU
Galería
Más de 50 tatuajes, filtrados por estilo
Gestión
App en la tablet del estudio: agenda, consentimientos, caja y contabilidad
Estado
Web publicada en koboldtattoo.com; la app, en uso en el estudio
La app de gestión de Kobold en la tablet del mostrador: el botón de «Empezar» para el cliente que entra, accesos a cita, consentimiento y cobro, avisos y las citas del día (recreación con datos ficticios).

El logotipo y el kobold del estudio

Un kobold es una criatura pequeña de los juegos de rol y es la que da nombre al estudio. La dibujamos tatuándole la lengua a un cofre con dientes, entre antorchas y un dado de veinte caras. El logotipo es de letra gótica y es el mismo que está en el rótulo de la calle. La misma ilustración es el fondo de la portada de la web y la cara del chat.

Detalle de la ilustración: un kobold verde con gafas de aviador tatúa con su máquina la lengua de un cofre con dientes, entre dos antorchas y un dado rojo de veinte caras.
La ilustración del estudio, en detalle
Ilustración completa, con el rótulo «Kobold» arriba y la banda «Tattoo Studio · Cambrils» abajo.
La ilustración completa, con su rótulo

Una web hecha para que el visitante acabe escribiendo al estudio

En un estudio de tatuajes la reserva se cierra hablando. Por eso la web enseña el trabajo, resuelve las dudas de siempre (cuidados, horario, tooth gems) y deja el botón de WhatsApp a mano en todas las páginas.

  • Siete idiomas, cada uno con sus propias direcciones para Google
  • Galería de tatuajes con filtros por estilo y vista ampliada
  • Páginas de tooth gems, cuidados y preguntas frecuentes
  • Migración desde WordPress con redirecciones de las páginas antiguas
Ver koboldtattoo.com
Galería de la web de Kobold Tattoo: filtros por estilo y un mosaico de tatuajes reales del estudio.

La web en el móvil

Un estudio de tatuajes se busca desde el teléfono, así que la web está pensada primero para esa pantalla.

  1. Portada de la web de Kobold Tattoo en el móvil, con el titular y el botón de reserva por WhatsApp.

    Portada

    Qué es, dónde está y cómo reservar.

  2. Chat de Kobold en el móvil: un visitante pregunta en inglés si abren el domingo y el chat responde con el horario y que puede pasar sin cita.

    Chat del estudio

    Le preguntan en inglés y contesta en inglés, con el horario real.

  3. Galería de tatuajes en el móvil, con los filtros por estilo y las fotos a dos columnas.

    Galería

    Filtros por estilo que se tocan con el pulgar.

  4. Lista de precios de tooth gems en el móvil.

    Tooth gems

    Los precios, a la vista y sin tener que preguntar.

  5. Página de cuidados del tatuaje en el móvil, con los pasos numerados.

    Cuidados

    La guía de curación que el estudio da a cada cliente.

Pantalla de inicio de la app de gestión en la tablet: un botón grande de «Empezar» para el cliente que entra, accesos a nueva cita, consentimiento y cobro, avisos de citas sin firmar y la lista de citas del día.
La app de gestión en la tablet del mostrador: el cliente entra y se pulsa «Empezar» (recreación con datos ficticios)
Pantalla de consentimiento informado: datos del cliente y declaraciones a la izquierda, y a la derecha el recuadro de firma con una firma trazada y el botón de firmar y guardar.
El consentimiento se firma en la pantalla y queda como PDF en el servidor del estudio
Agenda mensual de la app de gestión: rejilla del mes con chips de color por estado de cada cita y, a la derecha, el detalle del día seleccionado con su total.
La agenda por mes, con el día abierto al lado
Pantalla de nueva venta: catálogo de productos con stock y contadores a la izquierda, y a la derecha el resumen con el total, el método de pago y el botón de cobrar.
La caja: catálogo con stock, pago mixto y recibo numerado
El chat de Kobold abierto sobre la portada: un visitante pregunta qué estilo le recomienda para un pulpo en el antebrazo y el chat propone blackwork, neotradicional o japonés.
El chat, en cualquier página: aquí aconseja estilos para una idea de tatuaje
Página «El estudio» con fotografías en blanco y negro del local: la entrada, la sala de espera y la cabina.
La página del estudio, con las fotos del local en blanco y negro

Tres encargos, un mismo estudio

Primero fue la marca; después, la web con el chatbot; y cuando el estudio quiso dejar el programa de gestión que usaba, la app que hoy manda en el mostrador. Cada pieza se apoya en la anterior: el mismo logotipo, los mismos colores y los mismos datos.

  1. 2026 · Marca

    Ilustración del kobold, la criatura que da nombre al estudio.

    Logotipo e ilustración del kobold

    Un personaje propio que después atiende el chat y preside la app.

    • Logotipo. Rotulado propio, en negro verdoso, verde y dorado.
    • Ilustración. El kobold, dibujado para la web, el chat y la señalética del estudio.
  2. 2026 · Web

    Portada de la web de Kobold en el móvil.El chat de Kobold contestando en inglés en el móvil.

    Web en siete idiomas con chatbot de IA

    Sustituye a su WordPress, carga en nada y contesta a cualquier hora en el idioma del visitante.

    • Siete idiomas. Con datos estructurados y SEO local para Cambrils.
    • Galería por estilos. Más de 50 tatuajes filtrados con el pulgar.
    • Chatbot Kobold. Responde con los datos del estudio y pasa a WhatsApp para reservar.
  3. 2026 · Gestión

    Pantalla de inicio de la app de gestión, con el botón de Empezar y los accesos rápidos (recreación con datos ficticios).

    La app del mostrador

    Clientes, agenda, consentimientos firmados en la tablet, caja, fidelización y contabilidad, con todo el histórico importado.

    • Walk-in en un paso. Alta del cliente, cita y firma del consentimiento seguidos.
    • Consentimientos con valor legal. Firma en pantalla, PDF con fecha y hora, tutor si es menor.
    • Caja y contabilidad. Ventas con pago mixto, recibos numerados y liquidación por artista.
    • Roles. Cada artista ve lo suyo; las cifras del estudio, solo el administrador.

Cómo funcionan la app de gestión y el chatbot

Kobold es el personaje del estudio y atiende el chat. Ayuda a dar forma a una idea, contesta lo que sabe y, cuando hay que hablar de fechas o de un precio cerrado, manda al visitante a WhatsApp con el tatuador.

La gestión del estudio, en la tablet del mostrador
Una app instalable en la tablet, pensada para tocar con el dedo: un botón grande de «Empezar» que da de alta al cliente, abre la cita y pasa a la firma del consentimiento, todo en una pantalla. Agenda por día, semana y mes, y caja con pago mixto y recibos numerados.
Consentimientos firmados en pantalla, con valor legal
El cliente firma en la tablet, la app genera el PDF con sus datos, la fecha y la firma, y lo guarda en el servidor del estudio. Con tutor si es menor. Se acabaron los papeles.
Nada se pierde al cambiar de programa
Importamos todo el histórico del programa anterior (clientes, citas, consentimientos y puntos de fidelización) con un proceso que se puede repetir y que valida que las cuentas cuadran antes de dar el cambio por hecho.
Cuentas claras por artista
Cada cita lleva su comisión y sus puntos. La contabilidad liquida por artista, por mes o por año, con gastos y estadísticas, y solo el administrador ve las cifras del estudio.
Solo dice lo que el estudio le ha dicho
Horario, servicios, cuidados y los precios que son públicos. Si no sabe algo, lo reconoce y remite a WhatsApp en lugar de inventarlo.
Las instrucciones las cambia el estudio
Están en un archivo de texto aparte: un cambio de horario o un servicio nuevo no necesita tocar el código de la web.
El gasto tiene techo
Límite de mensajes por visitante y un tope diario para toda la web. Un abuso no se convierte en una factura.
Sin datos personales
Se guarda qué pregunta la gente, sin IP ni nada que identifique a nadie. Sirve para mejorar la web y las respuestas del chat.
  • Astro
  • TypeScript
  • Tailwind CSS
  • PHP
  • OpenRouter
  • Umami
  • JSON-LD
  • Illustrator
  • Next.js
  • PostgreSQL
  • Prisma
  • PWA