I know it’s called football, but… I just redesigned a soccer website ⚽️

A product-first refresh for Round World Soccer, built in Framer. Shifting the site from service-led to product-led. The goal was to simplify the experience and create a stronger shop structure. What do you think?

clean！

I wanted my next framer template's portfolio showcase to have a standout interaction, not another flat slider. That idea is now the hero: a carousel where every image bends on a cylinder as it moves. Perspective, velocity skew, a touch of chromatic distortion on the edges. It's raw WebGL with the cylinder math written from scratch, no libraries. I didn't write any of it. I described the motion to Framer's agent, one prompt with my art direction, and it built the code component, wired it into the canvas, and exposed the motion as sliders: tilt, curve, skew strength, distortion, chroma, parallax. My part was tuning those sliders until the motion felt right for the template, which took longer than the build itself. The gap between an effect I can imagine and a component I can ship used to be "someday". Now it's an afternoon. What's an effect you've wanted on your site but never built?

looks amazing!