Landing page design for Clean Reputation. Soft blue tones and floating review cards.Landing page design for Clean Reputation. Soft blue tones and floating review cards.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A landing page should continue the conversation started by the ad.
For Corpus, a Pilates and physiotherapy studio, I designed campaign-specific entry points. Pilates, physiotherapy and RPG each needed a relevant starting point, while sharing one visual system.
The page keeps the brand’s warm, editorial character through typography, photography and movement. Clear service information and WhatsApp calls to action give that visual experience a practical next step.
My role covered art direction, responsive web design, interaction and AI-assisted front-end development.
This clip shows the general version. The responsive layouts follow the same visual language across desktop and mobile.
When designing campaign landing pages, do you start with one master page or with the individual ad journeys?
Separate entry points per campaign under one visual system is exactly the right instinct. The warm editorial character comes through even in the clip. I tend to start with the individual ad journeys, then build the system around what they have in common. Did the WhatsApp CTA drive noticeably more bookings than a standard form?
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! 👇