Situación
Las fotógrafas y directoras creativas necesitan portafolios web que no solo muestren imágenes estáticas, sino que transmitan su sensibilidad artística mediante la luz, el color y el movimiento, permitiendo además la gestión interactiva de reservas y la muestra detallada de su equipo técnico de una manera fluida y adaptada a dispositivos móviles.
Tarea
El objetivo fue diseñar y desarrollar un portafolio web premium y dinámico (React + TypeScript + Vite + GSAP) para la fotógrafa Mónica López, implementando un selector dinámico de acento (Dorado/Azul), una sección interactiva de enfoque y revelado mediante máscaras de escala de grises a color animadas por GSAP, una ficha técnica interactiva del equipamiento fotográfico y una pasarela de reservas modular.
Acción
Para lograr esto, se implementaron las siguientes soluciones técnicas:
- Estructura y Tipado con React & TypeScript: Arquitectura modular y escalable que optimiza el renderizado de la galería dinámica categorizada (Retratos, Paisajes, Naturaleza) y los detalles del equipo técnico.
- Experiencia Visual con GSAP: Desarrollo de una sección interactiva con animación de revelado por máscara (Mask Reveal) al deslizar el cursor, simulando el enfoque de una lente fotográfica y el paso del blanco y negro al color.
- Personalización Dinámica: Implementación de un selector en tiempo real que conmuta la paleta de colores de acento (Dorado para un estilo clásico/premium, Azul para un enfoque moderno/frío) combinable con los modos de tema oscuro y claro.
- Módulo de Reservas y Tarifas: Estructuración de tarjetas de precios fluidas y preparación de un calendario interactivo modular (Scheduler.tsx) para la reserva de sesiones y comprobación de disponibilidad en tiempo real.
- SEO y Accesibilidad Web (WCAG AAA): Optimización completa para motores de búsqueda (SEO) y cumplimiento estricto del estándar de accesibilidad AAA (WCAG), garantizando una experiencia de usuario inclusiva, accesible y de alta visibilidad.
Galería del Proceso
Resultado
El resultado es una plataforma inmersiva de alto rendimiento con animaciones fluidas que incrementa la conversión de reservas y retiene a los usuarios mediante una experiencia visual sumamente atractiva y personalizada.