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
Back to feedPost
Day 8/30 — A Beautiful Landing Page Isn't Always an Effective One.
While building landing pages in Framer, I've started looking beyond colors, typography, and animations.
One question has changed how I approach design:
"What should a visitor understand and do within the first 5 seconds?"
For every landing page, I now try to focus on three things:
🎯 Clarity: Can visitors immediately understand what the business offers?
📱 Usability: Is the page easy to navigate, especially on mobile?
⚡ Action: Is the next step obvious, whether that's booking a call, submitting an enquiry, or making a purchase?
I'm still learning how to balance visual design with marketing strategy.
My goal is to build landing pages that don't just look professional but also help businesses communicate their value effectively.
Just a concept made by me today..
Day 8 complete. More building, testing, and learning ahead.
#Framer #LandingPageDesign #WebDesign #BuildInPublic
This incredible 😲
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
Challenges
View all
Related posts
Our Peak3 website build covered 17 page templates and six CMS collections. At that scale, the questions about publishing deserve as much attention as the finished pages.
A blog post, a whitepaper and a careers entry need different information. Making them editable is only part of the design problem. The person adding the next entry also needs to understand what is missing and what happens when they publish it.
Here’s a hypothetical review I’d run before a CMS handoff: create a whitepaper entry, add the title and cover, then leave out the download file.
Does the editor flag the missing file? Can someone preview what the visitor will see? If the entry can still be published, does it create a download button that leads nowhere?
I’d use that test to decide which fields must be required and which incomplete states need an explanation.
Beautifully executed work
Another exciting project wrapped up! ✨
This time, we worked on Olympian by Design – a premium one-on-one coaching brand focused on personal transformation and high performance.
Our goal was to create more than just a beautiful website. We wanted the entire client journey to feel connected – from the first landing page visit to purchasing the program and going through the coaching experience.
We designed three custom pages from scratch, built them in Kajabi, created a branded member area, set up the coaching program, and refreshed the app with new onboarding screens.
All wrapped in a bold, dark, luxury-inspired design.
Because great design shouldn't stop at checkout. It should follow the client through the entire experience.
Great project
Built this 2-page dental clinic website in Framer.
On desktop, the hero section includes service cards that move into place as you scroll and reveal information about each service.
On tablet and mobile, I placed the cards in the services section below the hero instead.
There simply isn't enough space to fit the same interaction without making the hero too crowded, so I kept the layout simpler on smaller screens.
Great Work and the thought behind responsiveness without trying to fit things and simply letting them be a part of the layout without unnecessary animations was a good choice. Just a suggestion the reveal effect with a slight stagger would look great on the mobile i think 😁😁
