Hanif Carroll Technical Product Partner

Hero Lab

Five hero directions, stacked for comparison.

These are not micro-crop tweaks. Each section tests a distinct layout decision about how the copy and portrait should share the first viewport.

01 / Protected Split

MVPs and AI automation for nontechnical founders.

I turn product ideas and messy manual workflows into working software without agency overhead or technical hand-holding.

Hanif Carroll portrait
No overlap. The portrait stays fully readable.
Hanif Carroll portrait

02 / Reduced Footprint

Ship the first version. Then clean up the workflow.

Same full-bleed energy as the current hero, but the copy stops trying to occupy the same space as the portrait.

Headline is smaller and narrower, not weaker.

The face sits in the open half of the frame.

Hanif Carroll portrait

03 / Gradient Zone

Keep the image full- bleed. Keep the copy on the dark side.

This keeps the cinematic edge of a background image, but the copy lives inside its own protected tonal zone.

Hanif Carroll portrait

04 / Bottom Overlay

Let the portrait breathe. Put the argument below it.

This version keeps the image dominant and moves the sell lower in the frame, so the trust signal lands before the CTA.

05 / Vertical Stack

Text and portrait stop sharing the same plane.

If the portrait matters, give it its own strip. This is the most explicit answer to the overlap problem.

Hanif Carroll portrait