From Designer To Framer Developer. 🎯 Conversion Focused Website Design 💭 Understanding User Phycology 🚀 Helping Business to Grow More
New Layout Design Concept for Upcoming Template 🚀
Bored with Vertical Scroll - Let's Change it into Horizontal Experience
What Do You Think About It 💭
LARK combines immersive storytelling, modern UI, and conversion-focused UX to help travel brands inspire adventure, build trust, and grow their online presence with a premium digital experience.
YOGASM is a premium Framer template for yoga studios, holistic wellness centers, and therapy practitioners. Designed with a calming aesthetic and a conversion-focused structure, it helps wellness brands showcase their services, share their philosophy, build trust, and grow their client base through a modern and engaging online experience.
Most designers build one layout and call it done.
I built four for the same section — and each one earns its place.
Here's what every layout is actually doing:
🅰 Layout A: The Storyteller
The Flow: Image leads ➔ copy follows ➔ massive headline lands below.
The Job: Walks users through a micro-story (See property ➔ read promise ➔ absorb brand).
Best For: Audiences needing deep context before committing (Discovery-stage users, real estate buyers).
🅱 Layout B: The Authority
The Flow: Dominant headline on the left, two stacked properties on the right.
The Job: Signals volume, variety, and instant confidence without competing.
Best For: Premium, decisive brands targeting high-intent, return visitors.
🅲 Layout C: The Minimalist
The Flow: Big headline, one image, one CTA, massive white space.
The Job: Uses restraint to signal luxury and exclusivity. One CTA = zero friction.
Best For: Luxury positioning where saying less actually means feeling more premium.
🅳 Layout D: The Information Architect
The Flow: Two columns. Left side speaks, right side shows.
The Job: Respects the user's intelligence by offering full context without the noise.
Best For: Detail-oriented audiences who read everything before clicking (Investors, researchers).
Which is best ? Comment "A", "B", "C", "D" ?
If you’re still using 3 different plugins just to animate a simple card, we need to talk. 🛑
I finally cheated on my usual design workflow and tried UI/UX Designer’s second wife: Figma’s new native Motion feature. 🤫
Look, I know it’s a simple card transition, but it’s my literal first time testing out the native timeline.
Let's settle a debate: Is this clean and production-ready, or am I completely wasting my time and need to go back to After Effects? Be brutally honest in the replies. 👇
What do you think about this? . This is the Hero Section of "Mabaith" Luxury Villas rental Company Landing Page.
👉 Your Thoughts are welcome 🤗
Most luxury landing pages make this exact mistake in their hero section. - Which version would you choose for a luxury brand? Drop A or B below 👇
Same copy. Same brand. Same hero image.
But one of these converts. The other one just looks nice.
I redesigned the Mabaith luxury villa hero section — and the difference comes down to 3 small layout decisions that most designers overlook.
1. Left-align your headline Centered text feels balanced. Left-aligned text feels intentional. Users scan in an F-pattern. Fighting that pattern = higher bounce. Working with it = more dwell time.
2. Put social proof BEFORE the CTA Version A asks you to "Book Villa" before giving you a single reason to trust the brand. Version B shows you "20+ Countries" and "1000+ Happy Guests" first. Trust → then action. That's how conversions actually work.
3. Use depth, not just decoration The floating card in the bottom-right of Version B isn't just aesthetic. It creates a sense of layers — making the page feel alive and considered, without a single line of animation code.
Layout is UX. Hierarchy is conversion. And centering everything is usually the lazy default — not the right choice.
I'm curious if designers and non-designers pick the same answer? Comment Now
Hey Framer Folks👋
Just finished "Lark" and I genuinely want to drop it for FREE to give back to the community.
But I have trust issues 🤯.
"Is this design actually good enough to publish on the official Framer Marketplace, or am I just hypnotized by my own animations?"
Be brutally honest, my feelings are already numb anyway😅. 👇
ROAL is a beautifully crafted Framer landing page template designed for educational institutions, online learning platforms, bootcamps, training academies, and career-focused programs.
New Bento Box Design for upcoming template 😇
Comment Your Suggestions and Opinion on the design and animation
I spent a solid 5 minutes staring at my screen to locate the plugin icon like a caveman looking at fire 😅.
Then the coffee kicked in, and I realized: Oh, right... Framer updated the UI. 🤡
Please tell me I’m not the only idiot who suffered from muscle memory betrayal today 😁
If your Framer site is only aesthetic, you're missing half the formula. True UI/UX is about guiding the user's eye. 👁
Here is a sneak peek at the sticky scroll framework I built for the "LARK" template, dividing the user journey into 3 distinct chapters: 1⃣ Stays (The Benefits) 2⃣ Activities (The Experience) 3⃣ Therapies (The Outcome)
Dynamic, structured, and interactive. Rate this scroll interaction from 1-10! 👇
This is exactly me as a Designer 🧑🎨?
Did you ever actually use Sketch or XD, or have you always been on the Figma + Framer Wave🌊?
Cooking up a new landing page template in Framer. What do you think of this hero section?
I wanted to create something that feels instantly peaceful the moment the page loads. Layered text masking + dark atmospheric tones.
🫰Before I start building out the rest of the pages, I’d love your suggestions
Static e-commerce cards are dead. Interactive design is how you convert. 🔌✨
I wanted to make checking product compatibility an experience, so I built this interactive Lightning Cable card in Framer.
The Interaction: The iPhone slides down to literally "plug into" the cable.
The Context: A smooth, rolling ticker background displays the compatible models.
The Micro-interaction: The cart icon morphs seamlessly into a full 'Add to Cart' CTA.
Why settle for boring bullet points when you can show, not tell? Built entirely in Framer. Let me know what you think! 👇
