A hero section is more than just the first thing users see. It’s where a product introduces itsel...A hero section is more than just the first thing users see. It’s where a product introduces itsel...
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
A hero section is more than just the first thing users see. It’s where a product introduces itself, communicates its value, and sets the direction for the experience.
Here, I explored two approaches: Option A puts the product and visual asset at the forefront, creating a more immersive and visual-first experience. Option B takes a more typographic approach, using the headline and supporting elements to communicate the value proposition more directly.
Two directions, same goal: making the first impression count.
Design B for me! It's fascinating how the exact same layout feels so different just by adjusting the depth and density of the mist. The darker, more mysterious fog on B adds a fantastic atmospheric layer
Designing for therapists means prioritizing what matters in the next few minutes, not just what looks good on a dashboard.
I explored two layout directions for a mental health practice management web app that helps psychologists manage sessions, patients, documentation, tasks, and follow-ups.
Both concepts use the same core widgets, but with different positioning and visual hierarchy. The goal was to make daily priorities easier to scan and act on.
Option A feels a bit more natural for a therapist's workflow. Placing the daily schedule and key priorities right at the top makes it much easier to scan between back-to-back sessions without unnecessary friction. Great focus on practical UX over just aesthetics.