Registro de entrega
Fecha del registro: 30 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.Contexto del negocio
Glam by Grisel necesitaba un espacio digital bilingüe para un estudio de maquillaje permanente y pestañas en Miami. La experiencia debía reunir servicios, reservas, galería, cursos y preguntas frecuentes sin perder la identidad visual de la marca.
Problema
Los clientes tenían que moverse entre las redes sociales y distintas fuentes de información para conocer el trabajo, comparar servicios y precios, leer reseñas o conocer los cursos y comenzar una reserva. El negocio necesitaba un solo sitio profesional que aclarara esos recorridos en inglés y español.
Restricciones
La reconstrucción debía conservar la identidad visual existente y, al mismo tiempo, admitir portafolios con muchos medios, comparaciones de antes y después, detalles de servicios, acciones de reserva, información de cursos y un feed de Instagram. Cada superficie también necesitaba contenido localizado y comportamiento responsivo.
Decisión
El enfoque fue reconstruir el sitio como una aplicación de una sola página con Vite y React, entregada mediante Cloudflare Pages. La estructura separa la biblioteca de servicios, el flujo de reservas, la galería, los cursos, el contenido de Instagram y las preguntas frecuentes dentro de una misma capa bilingüe.
Experiencia entregada
La implementación combina React 19, Tailwind CSS, react-i18next, medios en Cloudflare R2 y superficies de integración en Cloudflare Workers. Incluye un hero inmersivo, navegación de servicios, drawer de reservas, presentación de antes y después, galería masonry, cursos, FAQ y metadata localizada.
Servicios y reservas
La biblioteca organiza servicios de cejas, pestañas y labios en tarjetas responsivas. Las llamadas a reservar abren un drawer persistente y la navegación ofrece rutas directas hacia el mismo flujo.
Galería y cursos
Los pares de antes y después usan una interacción de arrastre, con galería responsiva y lightbox para trabajos adicionales. Las tarjetas de cursos muestran duración, nivel, características y acciones de inscripción.
Contenido y comunicación
La página incluye un feed de Instagram respaldado por Cloudflare Worker, contenido bilingüe, preguntas frecuentes, certificaciones y layouts responsivos para las superficies principales.
Verificación pública
Trabajar con Alejandro le dio a Glam by Grisel un sitio web que finalmente reúne cada parte de mi negocio. Los clientes pueden ver mi trabajo, entender cada servicio y su precio, leer reseñas, conocer mis cursos y reservar directamente sin tener que buscar en las redes sociales. También creó la experiencia en inglés y español, lo cual es importante para mis clientes de Miami. El proceso se sintió personal, y el sitio web terminado representa mi trabajo de manera profesional mientras le da espacio al negocio para crecer.Grisel Llamo, Propietaria, Glam by Grisel
Propiedad y soporte
Fui responsable de la arquitectura del sitio, la implementación del frontend, la experiencia bilingüe, el despliegue en Cloudflare, la entrega de medios y las integraciones representadas en esta entrega. La estructura mantiene separadas las áreas de contenido y las superficies de integración para permitir actualizaciones posteriores sin reconstruir toda la experiencia.
Tecnología
El frontend usa Vite, React 19, Tailwind CSS v4 y react-i18next. Cloudflare Pages aloja la aplicación, Cloudflare R2 sirve los medios y Cloudflare Workers proporciona las superficies de galería e Instagram. La capa de interacción incluye revelados por scroll, un drawer de reservas, controles responsivos y soporte para reducir movimiento.