Healthcare platform hero with portrait asymmetry

Healthcare platform hero with portrait asymmetry, minimal, playful, light

Preview image. Unlock full-res

Laptop mockup of a French healthcare website featuring asymmetric portrait photography, tilted pastel backgrounds, and dual call-to-action buttons.

Industryhealthcare
Palette
#FFF6ED
#D896C9
#F5C97B
#2C3E50
#030303

Summary

Laptop mockup of MadeForMed's French-language healthcare site, showcasing asymmetric portrait photography with pastel tilted backgrounds and dual action buttons.

Visual description

A dark-bezel laptop mockup displays a light-background webpage with a horizontal navigation bar (Usages, Bénéfices, Le projet, Témoignages, Découvrir). The main headline "Faire perdurer la médecine de famille" (Keep family medicine alive) sits left-aligned in bold sans-serif. Two portrait photographs of healthcare professionals are positioned on tilted pastel-colored rectangles: a woman in light clothing against a warm peach block (top-right), a man in blue shirt and stethoscope against an orange block (bottom-right). A small purple accent block with a black asterisk sits between them. Two buttons below the headline: a filled purple "Découvrir" (Discover) and a ghost-style "Essayer maintenant" (Try now). Light cream background throughout. The composition uses negative space and diagonal tilts for visual movement.

Key takeaway

The asymmetric staggered portrait blocks create depth without complexity; the soft pastels against white ground feel approachable and warm, not clinical; the dual-button strategy (primary + secondary) clarifies user intent without clutter.

Reuse notes

Strong for healthcare, wellness, or professional service sites where human trust is central. The tilted-block photo frame technique works especially well when you want movement without animation. Requires good portrait photography; tighter crops work better than full-body shots in this layout.

More like this