coffeerun.store

Website
coffeerun.store desktop animation

Desktop version with animated logo mask and scroll effects

coffeerun.store mobile animation

Mobile responsive design

coffeerun.store is a landing page for a running club community that started in Barcelona and Madrid, now expanding to Asunción, Paraguay. The application features a merchandise store, social runs, and community engagement through an animated web experience.

I built this project using Astro with TypeScript for the frontend, implementing GSAP ScrollTrigger animations for smooth scroll effects and a responsive design optimized for mobile interactions. The landing page features an animated hero section with logo mask effects, a merchandise store with Coffee and Run branded items hosted on Cloudflare R2, and social integration with Instagram and Strava. The design includes WhatsApp ordering functionality, product catalog, and mobile-optimized touch interactions that maintain fast loading times while providing engaging user feedback.

Please take a look at coffeerun.store