Registro de entrega
Fecha del registro: 4 de marzo de 2026. La tecnología y las capturas describen la versión entregada según quedó documentada en esta fecha. Cualquier observación de rendimiento corresponde al mismo registro puntual. El sitio enlazado puede incluir cambios posteriores realizados por el cliente u otros proveedores.
Lash Ibadry es un estudio de pestañas premium en Odessa, Texas, especializado en extensiones de pestañas de lujo, diseño de cejas y servicios de depilación profesional. Construí un sofisticado sitio web bilingüe (inglés/español) que refleja la naturaleza de alta gama de su marca mientras proporciona una experiencia de reserva sin fricciones. El sitio cuenta con una estética cálida y elegante con acentos dorados, una galería dinámica mostrando resultados reales de clientes obtenidos de almacenamiento en la nube y CTAs orientados a la conversión en todo el sitio.
- Crear una presencia digital sofisticada que refleje la experiencia de lujo en el estudio y genere confianza con clientes potenciales
- Servir efectivamente a la comunidad de Odessa con una interfaz completamente bilingüe que se sienta nativa tanto en inglés como en español
- Mostrar el trabajo del artista a través de una galería filtrable y dinámica que se actualiza automáticamente sin intervención manual
- Reducir la fricción de reserva proporcionando múltiples opciones de contacto (SMS, WhatsApp, Instagram, TikTok) accesibles desde cualquier página
Aspectos Destacados de la Experiencia
- Héroe cinematográfico con imágenes de viewport completo en móvil y layout de panel dividido en desktop, con revelados animados, miniaturas de vista previa y tipografía con gradiente dorado que establece la identidad de marca premium.
- Galería dinámica impulsada por Backblaze B2 que extrae automáticamente nuevas imágenes basadas en prefijos de nombre de archivo (10 categorías: Depilación y Tinte, Efecto Foxy, Efecto Hawaiano, Efecto Aurora, Extensiones 3D, Extensiones 4D, Extensiones Wispy, Laminado, Lifting de Pestañas, Micropigmentación). Incluye filtrado por categoría, cuadrícula masonry y lightbox con zoom.
- Reserva orientada a la conversión a través de un botón de CTA persistente que activa un modal/drawer con opciones de contacto SMS, WhatsApp, Instagram y TikTok, encontrando a los clientes donde ya están.
- Showcase de servicios con precios transparentes para más de 20 servicios en tres categorías (Extensiones de Pestañas, Cejas, Depilaciones), completo con políticas sobre depósitos, cancelaciones e instrucciones de preparación.
- Contenido que genera confianza incluyendo carrusel de testimonios, FAQ accordion organizado por tema (Reservas, Extensiones, Cejas y Depilaciones) y políticas del estudio que establecen expectativas claras.
- Experiencia optimizada para móvil con una barra de navegación inferior, manejo de safe-area y interacciones táctiles amigables que se sienten nativas en smartphones.
- Next.js 16 App Router con Server Components para páginas de marketing y Client Components para elementos interactivos (galería, modal de reserva, FAQ accordion).
- Tailwind CSS v4 con tokens de diseño personalizados para la paleta de colores cálidos marrón (#A0785A) y dorado (#C9A96E), superficies glassmorphism y tipografía responsiva.
- Framer Motion impulsando animaciones disparadas por scroll, revelados escalonados, transiciones basadas en spring y preferencias de reduced-motion.
- Integración Backblaze B2 S3 vía rutas de API personalizadas que listan objetos de galería, extraen categoría de patrones de nombre de archivo y sirven URLs firmadas con revalidación por hora, permitiendo a la cliente subir nuevas fotos y verlas en vivo sin cambios de código.
- Componentes shadcn/ui (Dialog, Sheet, Accordion, Badge) adaptados con temas personalizados para la estética cálida.
- Cursor personalizado agregando un sutil toque de marca a la experiencia de escritorio.
- Despliegue en Cloudflare Pages con adaptador OpenNext para entrega optimizada en el edge.
Accesibilidad y Rendimiento
- Honra preferencias del sistema para reduced motion con un hook useReducedMotion que alterna animaciones de manera elegante.
- Implementa HTML semántico apropiado, etiquetas ARIA, navegación por teclado para modales y accordions, y manejo de foco.
- Diseño responsivo mobile-first con safe-area insets para dispositivos con notch y navegación inferior posicionada en la zona del pulgar.
- Optimización de imágenes vía componente Image de Next.js con atributos sizes apropiados, lazy loading para contenido below-the-fold y carga prioritaria para assets del héroe.
- Revalidación ISR por hora mantiene la galería fresca sin sacrificar rendimiento con cada solicitud.
- Colaboré directamente con la dueña del estudio para traducir la calidad de su servicio en persona a una experiencia digital igualmente premium.
- Diseñé la estrategia de contenido bilingüe alrededor de los materiales de marketing existentes en español de la cliente, asegurando consistencia en todos los puntos de contacto.
- Configuré el workflow de Backblaze B2 para que la cliente pueda subir nuevas imágenes de portfolio con convenciones simples de nombre de archivo y que aparezcan automáticamente.
- Documenté el workflow de reserva y opciones de contacto para que la dueña pueda actualizar disponibilidad y respuestas sin soporte de ingeniería.
Lash Ibadry ahora tiene un buque insignia digital listo para la conversión que refleja el posicionamiento de lujo del estudio. La UX bilingüe, el portfolio dinámico y los caminos de reserva sin fricción ayudan a convertir visitantes del sitio en citas reservadas. El sistema automatizado de galería significa que el portfolio permanece fresco con cero mantenimiento continuo, mientras que el contenido de FAQ y políticas reduce preguntas de ida y vuelta antes del primer contacto.
Ver Proyecto
