Following up on my recent dive into Framer, I decided to put the concepts into practice by designing and building a complete agency landing page from scratch.

Working directly in the canvas helped me better understand how Framer bridges the gap between layout design and responsive web production.

Here is what this build covers:

Structured Layouts: Organizing nested sections—from the Navbar and Hero Section down to Cards, Testimonials, and Footer navigation.

Multi-Device Responsiveness: Ensuring fluid adaptation across Desktop, Tablet, and Mobile viewports directly inside the builder.

Visual Polishing: Crafting a clean agency aesthetic with balanced typography, subtle gradients, and interactive component states.

Each project makes the workflow smoother and faster.

Have you been building with Framer lately? I'd love to hear what tips or workflows have sped up your design process! 👇

Setting up component variants early sped up my Framer builds a lot.

Recognition makes it easier for employees to acknowledge and celebrate one another’s contributions at work.

I helped take the feature from an initial idea through product design and launch, exploring how recognition could become a more natural part of the employee experience. The work included designing the core interactions, refining the experience through feedback, and exploring opportunities to introduce Recognition within ADP’s ecosystem.

One experiment with ADP Connect increased Terms of Use acceptance by 11.2% across 4,584 users.