Optimizing Web Design: Typography and Hierarchy Enhancements

Optimizing Web Design: Typography and Hierarchy EnhancementsOptimizing Web Design: Typography and Hierarchy Enhancements

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

Caro di Lello

pro

• 5h

Option B won! 🏆 Thank you to everyone who voted on the layout.

For anyone curious about the original website, here is the quick before-and-after.

The main goal here was to fix the text contrast. Changing the background image made the typography fully visible while adding much-needed context; sharpening the hierarchy to increase the overall impact and drive actual conversions.

Drop a comment below. Did the right version win? 👇

Framer Figma webdesign UI Design Web Design

Victor Adebayo

• 1h

That's nice. You're always welcome.

Bernice Ebenezer

max

• 2h

Looks great!

Alex Prokhorov

max

• Jun 25

Spent an embarrassing amount of time on one thing today: the scroll behavior of a nav.

Third Framer template in the series.

Framer Website Design Framer Website Development Templates Design Framer

Sharon Olusanya

• Jun 27

Looks fantastic :😊

Kristine Vilnite

max

• Jun 25

How are you with understanding your blood test results? Aura is a personal health dashboard 📊 that organises your medical test results into a plain-language insights. You can also chat with Aura to go deeper on anything that concerns you. Built on Bubble AI generated foundation and taken the rest of the way by hand: → Started with a single prompt to Bubble AI, shaped by Claude; → Bubble AI generated the foundation: pages, data structure, and UI; → Cleaned up the structure into a working app; → Redesigned every screen into a soft, light experience. 🎬 See full process walkthrough and comparison between Bubble's initial output and my design in the comments. 🔗 Try Aura

Completed work

promptandcircumstance Bubble Claude Vibe Coder Web Design Figma

Kristine Vilnite

max

• Jun 25

Process walkthrough:

Ivo Ivanov

max

• Jun 26

The mobile app for Edge Hound is now live on the App Store 🎉 Not a chatbot with a finance theme, but actually a Bloomberg Terminal built for retail investors and traders. Trade ideas with reasoning behind them, sentiment analysis, news and social buzz, deep fundamental analysis and more.. and we're just getting started 🔥 Currently supports Stocks, Forex and Commodities. Crypto and ETFs are coming soon.