Contra - A professional network for the jobs and skills of the future

Contra - A professional network for the jobs and skills of the futureWhy this blog layout actually works: Progressive disclosure: Featured post gets attention, but 3 ...

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

Wisdom Nic

• Jan 13

Why this blog layout actually works:

Progressive disclosure: Featured post gets attention, but 3 more are scannable in seconds.

Smart metadata: Category, date, read time = users decide before clicking.

Balanced hierarchy: Hero post doesn't hog the screen. Respects priority AND choice.

The miss: That checkered placeholder? In production, a real visual would boost engagement 30-40%.

Bottom line: Let users choose their path. Don't force-march them through yours.

Franco Beltramella

pro

• 2d

Exploring Minimal layout. Strong visuals. Editorial concept.

Figma Webflow

Sahil Undhad

• 1d

Looks great..

Al Razi Siam

pro

• 2d

Nobody reads testimonials (they scan). Unless the design makes them stop. Doesn't have to be boring. Doesn't have to go overboard. One of the challenges for this design was that you don't have all the client's photos, but have their testimonials, and you need to blend them together to fit the layout. This design provides the solution.

testimonialui landingpage webdesign

kolawole Mordecai

• 2d

This is incredible and amazing 🤩 😍 🤩 😍

Rehbaz Ali

• Apr 13

Designed 2 hero directions for a luxury marketing agency — both fully responsive. ✅

The client — a brand strategy firm from Dubai — needed a landing page that felt editorial and high-end, but still built to convert.

Most luxury sites look beautiful but don't convert. Most conversion-focused sites look too corporate.

The challenge: make it both.

Here's how I approached it:

Version 01 → Editorial with social proof Full-width dark layout, strong typography, client proof panel built into the hero. Desktop + mobile designed together from the start.

Version 02 → Motion + depth Added blur, double exposure, layered photography. Two CTAs — "Start a conversation" and "Explore Our Work." Desktop + mobile, fully responsive.

Both directions were approved by the client. ✅ Now moving into Framer development.

This is the kind of work I love — where design psychology meets real business positioning.

If you're building a premium brand and need a landing page built in Framer or Webflow, let's talk.

📩 DM me on Contra.

#LandingPage #FramerDesign #LuxuryBranding #WebDesign #FigmaToFramer #Contra #UIDesign #BuildInPublic

Web Design Figma