Espacio Impro Cusco: Identidad Digital y Portafolio Cultural

Este proyecto consistió en el diseño y desarrollo de la plataforma oficial para Espacio Impro, un centro dedicado al arte y la improvisación. El objetivo fue crear una presencia digital que reflejara la esencia creativa de la marca, ofreciendo una navegación fluida y rápida.

Mi Rol: Frontend Developer

En este proyecto asumí el desafío de liderar el desarrollo del cliente (Frontend). Mi enfoque principal fue la experiencia de usuario (UX) y el rendimiento, utilizando tecnologías modernas para garantizar que el contenido visual y las presentaciones del espacio se carguen de manera instantánea.

Características principales

• Arquitectura Híbrida: Uso de Astro para el contenido estático optimizado y React para componentes interactivos.
• Galería Dinámica: Implementación de una galería tipo Masonry para mostrar de forma estética las colaciones y eventos de Espacio Impro.
• Portafolio de Proyectos: Sección dedicada a la presentación de las producciones y servicios del centro cultural.
• Formularios de Contacto: Integración de validaciones y captura de leads para interesados en los talleres y funciones.
• Contenerización: Despliegue profesional utilizando Podman para garantizar la estabilidad del servicio.

Stack tecnológico

Frontend

• Astro: Para lograr tiempos de carga mínimos y un SEO optimizado.
• React: Para la lógica de componentes interactivos y la galería.
• Tailwind CSS: Para un diseño responsivo, moderno y altamente personalizado.

Infraestructura

• Podman: Gestión de contenedores para el entorno de producción.
• Nginx: Configuración como servidor web y manejo de tráfico.

Desafíos y Logros

El Desafío del Primer Rol Netamente Frontend

Desafío: Al ser mi primer proyecto enfocado totalmente en el Frontend, el reto fue lograr un diseño profesional que no solo se viera bien, sino que fuera técnicamente superior en términos de velocidad.
Solución: Adopté Astro como framework principal. Esto me permitió entregar un sitio web con un peso mínimo de JavaScript, logrando una puntuación de rendimiento excelente en herramientas de medición (Lighthouse), lo que mejora directamente el posicionamiento del centro cultural en buscadores.

Implementación de la Galería Masonry

Desafío: Organizar fotos de distintos tamaños y formatos de manera que se viera armónico y cargara rápido en dispositivos móviles.
Solución: Desarrollé una galería tipo Masonry personalizada, optimizando las imágenes para que se adapten al ancho de banda del usuario, manteniendo la fluidez visual que un espacio artístico requiere.

Resultados

• Performance Superior: Sitio web optimizado con carga casi instantánea.
• Navegación Intuitiva: Estructura de "Inicio, Nosotros y Contacto" diseñada para facilitar la conversión de visitantes a alumnos.
• Despliegue Robusto: Implementación exitosa en contenedores Podman, facilitando futuras actualizaciones.

---

• Estado: En producción / Activo
• URL: https://espacioimprocusco.com/
• Repositorio: https://github.com/Wonder-Clouds/espacio-impro