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
Every card in this video is something most service websites already have, like results and reviews. Usually they’re scattered and nobody connects them. Press the button and they line up in the order people actually decide to hire you. That’s most of what I do for clients.
Great way to explain the concept.
Thanks
That typography is bold as hell, love it. And yeah, connecting the dots between reviews and results is really where the conversion happens. Great work on this, Yousuf!
Thanks a lot
Lining up results and reviews in the order people actually decide to hire you is such a smart reframe, Yousuf. Most service sites just scatter that trust content and hope it lands.
Yes, that's the important point I wanted to convey here. Thank you
Pressing one button and watching the proof cards line up in hiring order is a clever hero. Did the cards animate in that order or did you stagger them?
Both really. They’re staggered, but the stagger follows the hiring order, so the first step of the journey moves first and each card after it starts about 55ms later. Each one has its own spring, so they land one at a time instead of all snapping together. The line draws down as...
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
Related posts
Halden - Landing Page Concepts
Halden sells to grid operators, and there were two good ways to pitch it: tell them what's coming, or show them everything happening now. Rather than pick one on instinct, I designed the landing page as an A/B test so real traffic decides.
The two pages share one 12-column grid, the same section order, type system and components. Each variant changes only its message, its hero visual and its light color, so any difference in demo requests comes from the pitch and not the layout.
The work was building a system flexible enough to carry two different stories without either one feeling like the backup version.
Forecasting (act before demand spikes) vs metering (see and bill every kilowatt)
Primary metric: Demo requests from the hero CTA
4 voted
57%
3 voted
43%
7 votes
Closed
I'd pick Forecasting. "From meter reading to early action" tells a grid operator what they get in one line. Did you write both hero lines before designing the visuals?
Kajabi Life Coach Website Design & Development
The client needed a professional website that would communicate their life coaching services more effectively, build trust with potential clients, and make it easier for visitors to understand their coaching approach and take the next step.
I helped bring this vision to life by designing and developing a Kajabi website with a welcoming visual direction, clear content structure, and intuitive navigation. The focus was on presenting the coaching services in a more engaging way, creating a smoother visitor experience, and making it easier for prospective clients to connect with the coach and explore available opportunities for personal growth.
#Kajabi #KajabiWebsiteDesign #KajabiExpert #LifeCoach #LifeCoaching #LifeCoachWebsite #CoachingWebsite #PersonalDevelopment #PersonalGrowth #CoachingBusiness #WebsiteDesign #WebsiteDevelopment #WebDesign #ResponsiveWebDesign #OnlineCoaching #BusinessWebsite #UXDesign #UIUXDesign
Love how clean and intentional everything feels.
Remotlin v1 website redesign is coming soon.
Join the waitlist and find your next remote job.
Smart to open a waitlist before the redesign ships, Alex. Curious whether the job search itself will sit right in the hero for v1.