PLAE's product range was growing faster than their dropdown nav could handle. So I rebuilt it as ...

PLAE's product range was growing faster than their dropdown nav could handle. So I rebuilt it as ...PLAE's product range was growing faster than their dropdown nav could handle. So I rebuilt it 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

Back to feedPost

Taste Test

Create your own

Jake – Neauflow

pro

• Aug 28

PLAE's product range was growing faster than their dropdown nav could handle.

So I rebuilt it as a full-page nav, with the product image appearing as you hover each link. Someone new to the site can see what they're clicking before they click. Curious if you'd have made the same call? Full case study here.

Webflow Webflow Development Relume Design

1 voted

33%

2 voted

67%

3 votes

Closed

Kabir Ahmed

pro

• Aug 28

Yeah, I’d make the same call. Seeing the product as you hover makes the bigger menu feel much easier to scan and actually helps you know where you’re going.

Prem Shandilya

pro

• Aug 24

Two unique Framer components that make your site unforgatable!🤍 A --> ASCII Engine : ascii art generator B --> Halftone Engine : turn any image or video into a live field of dots Which one would you pick? 👇🏻A or B ?

Framer Interactive Design halftone

17 voted

43%

23 voted

57%

40 votes

Closed

Prem Shandilya

pro

• Aug 24

Typo 😅 Meant “unforgettable”! 🤍

Serge Herasymchuk

max

• Aug 24

Why does some text feel effortless, and some feel like a wall?

Same words, same order, same brand. All that changes is the size relationship between the lines, and the space between them. That alone decides whether the eye knows where to start.

01 - A real scale. The headline jumps, the body steps back, and the spacing tightens around what belongs together. Now the eye lands, skims, and reads in the right order.

Hierarchy isn't bigger fonts everywhere, it's a bigger gap between the levels, and a smaller one inside them.

02 - One size, one gap. Eyebrow, headline, and body sit at nearly the same size, spaced evenly apart. Tidy, but flat, nothing steps forward, so nothing says "read me first."

Be honest - do you use a type scale, or just size things until they look right?

Web Design

92 voted

94%