Back to work

Calido Cine

Services

  • Frontend Development
  • Web Design Implementation

Tools

  • Astro · Tailwind CSS
  • GSAP
  • Figma · Claude

Description

Calido Cine is a development project based on a design created by Mora Galafassi. My job was to turn that visual concept into a functional site using Astro, Tailwind CSS and GSAP, handling the responsive implementation, the interactions and the animations. What made this project unique was the development workflow: I connected the Figma MCP with Visual Studio Code and Claude to work directly from the design and speed up implementation. The entire site was built in under 10 hours, bringing design, development and artificial intelligence together in a single workflow.

Visit website

Gallery

Highlights

Calido Cine: desktop screenshot 1
Calido Cine: desktop screenshot 2
Calido Cine: desktop screenshot 3
Calido Cine: desktop screenshot 4

Gallery

Mobile

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

Gallery

Design

Calido Cine: full site design (1)Calido Cine: full site design (2)

Result

A site built with Astro from a design by Mora Galafassi. The visual concept was implemented and adapted for the web using GSAP for animation, and by connecting the Figma MCP with Visual Studio Code and Claude to speed up development. The whole site was built in under 10 hours.

Visit website

More work

Other projects