I created this section to showcase a series of small design-to-build exercises. Each project starts in Figma and is fully rebuilt in Webflow from a blank canvas, without plugins, templates, or AI assistance.The goal: challenge myself to reproduce UI concepts as fast and cleanly as possible, while respecting responsiveness, accessibility, and component structure. These micro-projects reflect my hands-on approach, technical understanding, and ability to turn ideas into responsive, functional Webflow pages, manually.
Published on
25 June 2025
Tools Used
Figma
Webflow
Digital Studio
A fictional digital studio landing page built from scratch in Webflow based on my own Figma design. The goal: replicate the exact layout, interactions, and responsive behavior.
For the best experience Please use a tablet or desktop computer to view the Figma prototype and Webflow result.
View the Figma file (CTRL + SCROLL for zoom)
Only on Tablet / Desktop
View the Webflow file
Only on Tablet / Desktop
Ready to see how a Webflow site can become an active business tool? This next case study breaks down a complete lead capture and automation system.
.jpg)
.jpg)