Calido Cine

Servicio

  • Frontend Development
  • Web Design Implementation

Herramientas

  • Astro · Tailwind CSS
  • GSAP
  • Figma · Claude

Descripción

Calido Cine es un proyecto de desarrollo realizado a partir del diseño creado por Mora Galafassi. Mi trabajo consistió en transformar esa propuesta visual en un sitio funcional utilizando Astro, Tailwind CSS y GSAP, encargándome de la implementación responsive, las interacciones y las animaciones. Lo más particular del proyecto fue el flujo de desarrollo: conecté el MCP de Figma con Visual Studio Code y Claude para trabajar directamente a partir del diseño y acelerar la implementación. El sitio completo se desarrolló en menos de 10 horas, integrando diseño, desarrollo e inteligencia artificial en un mismo proceso de trabajo.

Ver sitio web

Galería

Highlights

Calido Cine: captura 1 del sitio en desktop
Calido Cine: captura 2 del sitio en desktop
Calido Cine: captura 3 del sitio en desktop
Calido Cine: captura 4 del sitio en desktop

Galería

Mobile

Calido Cine: pantalla mobile 1
Calido Cine: pantalla mobile 2
Calido Cine: pantalla mobile 3
Calido Cine: pantalla mobile 4
Calido Cine: pantalla mobile 5
Calido Cine: pantalla mobile 6
Calido Cine: pantalla mobile 7
Calido Cine: pantalla mobile 8
Calido Cine: pantalla mobile 9
Calido Cine: pantalla mobile 10
Calido Cine: pantalla mobile 11
Calido Cine: pantalla mobile 12

Galería

Diseño

Calido Cine: diseño completo del sitio (1)Calido Cine: diseño completo del sitio (2)

Resultado

Sitio desarrollado en Astro a partir del diseño de Mora Galafassi. La propuesta visual fue implementada y adaptada para web utilizando GSAP para las animaciones y conectando el MCP de Figma con Visual Studio Code y Claude para acelerar el desarrollo. El sitio completo se implementó en menos de 10 horas.

Ver sitio web

Más trabajos

Otros trabajos