SELECTED PROJECT / 02
Portfolio
The portfolio you are exploring: design, code and motion in one experience.
The project
CONTEXT / 01
This version brings together my projects, services and approach in a bilingual website. I designed and developed a visual identity of my own, with content managed through an online CMS and source code available on GitHub.
01 /The challenge
Build a distinctive visual experience while keeping content clear, responsive and easy to maintain. Projects and copy also needed to be editable without changing components.
02 /The approach
A static website built with Astro and TypeScript, GSAP animations and WebGPU effects. Decap CMS saves content as JSON files on develop; changes are validated and deployed to Cloudflare Workers when merged into main.
Decisions and development
INSIDE THE PROJECT / 02
Personal identity
Typography, geometric frames and a high-contrast palette connect the home page, services and case studies.
Motion and effects
GSAP coordinates transitions and WebGPU renders glitch effects, with alternatives for unsupported devices and reduced motion preferences.
Editable content
Decap CMS manages projects, services and copy in Spanish and English. JSON content is validated before the pages are generated.
Source and deployment
The public repository makes components and effects available to explore. GitHub Actions checks each change and Cloudflare publishes the site when main is updated.
A closer look
SCREENSHOTS / 03
