Loopout Landing Page Design by Ali KashifLoopout Landing Page Design by Ali Kashif
Built with Framer

Loopout Landing Page Design

Ali Kashif

Ali Kashif

Loopout — Framer Development Practice Project

What this is

This project is a development-only build.
The original design was created by an amazing designer I discovered on Twitter. I loved the work and reached out to ask for permission to rebuild it in Framer as a way to sharpen my development and implementation skills.
Design credit fully goes to the original designer. My role here was translating the design into a high-quality, responsive Framer build.

Why I Built This

I build projects like this to get better — not to show off.
Recreating strong designs helps me understand real-world layout decisions, component structure, and how to translate static designs into production-ready websites.
This project was about precision, discipline, and learning how to execute someone else’s vision properly.

Tools Used

Framer
Figma (reference only)

Notes

This is a practice build, not a client project. If you’re looking for custom design or development work, feel free to reach out.
Like this project

Posted Dec 5, 2025

Designed and developed a bespoke landing page for Loopout using Figma and Framer.