Corazonada Tattoo

Resumen del Proyecto

Corazonada Tattoo es el sitio web de un estudio privado de tatuajes ubicado en Playa del Carmen, México. El sitio sirve como centro digital para mostrar artistas invitados, facilitar las reservas de citas y compartir contenido sobre cuidado de tatuajes a través de un blog integrado.

Características Clave

🎨 Sistema de Portfolio de Artistas

• Galerías dinámicas de artistas con cantidades variables de imágenes de tatuajes
• Páginas individuales de artistas con biografía, portfolio y opciones de contacto
• Sistema de rotación de artistas invitados para tatuadores visitantes
• Displays de imágenes en alta resolución con visualización modal

📅 Reserva de Citas

• Integración de formulario de contacto con almacenamiento MongoDB
• Notificaciones por email vía Nodemailer
• Validación de formularios con esquemas Zod
• Integración WhatsApp para comunicación directa

📱 Experiencia de Usuario

• Animaciones fluidas en todo el sitio usando Framer Motion
• Diseño responsivo optimizado para móvil y desktop
• Carruseles de imágenes para visualización de portfolios
• Galerías modales con controles de navegación

Arquitectura Técnica

Frontend

• Next.js con App Router para rendimiento óptimo
• Componentes React con hooks modernos y gestión de estado
• Framer Motion para transiciones de página y animaciones fluidas
• Tailwind CSS para estilado responsivo y paleta de colores personalizada

Backend y Datos

• MongoDB para almacenar información de artistas y envíos de contacto
• Server Actions para procesamiento de formularios y operaciones de base de datos
• Nodemailer para notificaciones por email
• Optimización de imágenes con el componente Image de Next.js

Componentes Clave

• Sección Hero con fondo de video y llamada a la acción
• Grid de Artistas con carga dinámica y filtrado
• Sistema de Galería con integración de Embla Carousel
• Formularios de Contacto con validación y manejo de envíos

Secciones Principales

1. Acerca del Estudio

Explicación de lo que hace único a un “estudio privado”, enfatizando el enfoque personalizado basado en citas y el tiempo dedicado a cada pieza.

2. Artistas Invitados

Showcase de artistas tatuadores visitantes con:

• Portfolios individuales con fotografía de tatuajes de alta calidad
• Biografías de artistas e información de especialización
• Enlaces de reserva para programar citas

3. Blog

Contenido de cuidado de tatuajes e industria incluyendo:

• Guías de cuidado posterior para tatuajes nuevos
• Spotlights de artistas y trabajo destacado
• Actualizaciones del estudio y anuncios

4. Contacto y Reservas

• Programación de citas con formularios de contacto detallados
• Información de ubicación para el estudio en Playa del Carmen
• Integración de redes sociales y contacto directo por WhatsApp

Destacados Técnicos

• ✅ Gestión de contenido dinámico con integración MongoDB
• ✅ Galerías de imágenes responsivas con carga lazy
• ✅ Animaciones fluidas y transiciones de página
• ✅ Manejo de formularios con validación y notificaciones por email
• ✅ Optimización SEO con generación dinámica de metadatos
• ✅ Diseño mobile-first con interacciones táctiles amigables

Impacto

El sitio web de Corazonada Tattoo establece exitosamente la presencia digital del estudio, proporcionando a los clientes potenciales una vista previa inmersiva del trabajo de los artistas mientras optimiza el proceso de reserva de citas a través de tecnologías web modernas.