The picture at the top of your website has to do four things at once: survive a headline printed across it, crop to a phone without decapitating you, load without making anyone wait, and say what you do in about one second. No other image in a brand set is asked for that much, and almost nobody plans for it.

A website hero image is a wide photograph composed with deliberate empty space on one side, so a headline and a button can sit in that space without covering your face. It should be shot wider than feels natural, with you placed off center and reasonably small in the frame, and it needs a matching vertical or square version, because a phone crops a wide banner down to its middle.
Plan it as its own row before the sitting. A tight portrait almost never works as a hero, because it has no room for words and no way to survive being cropped.
Most images in a brand set have one job. The hero has four, and they pull against each other, which is why the frame that everyone loves on the back of the camera is so often the one that cannot be used at the top of a page.
Hold those four in mind and the composition almost writes itself. You are not making a portrait that happens to be wide. You are making a frame with a hole in it that words will fill, and a person placed carefully to one side of that hole.
Put yourself on one side of the frame, not in the middle. Which side depends on your layout: if the headline is going to be left aligned, which most are, you belong on the right, and the left third of the picture stays quiet. If your site puts the words on the right, mirror it.
Then turn slightly toward the empty space rather than away from it. A body angled into the emptiness makes the hole in the composition feel intentional, and a gaze directed across the space carries the eye toward the words. The same photograph with you facing out of frame reads as a picture with a piece missing.
Leave more room than feels comfortable at the top and the bottom too. Website layouts crop from the edges in ways nobody can predict at the moment of shooting, and extra headroom is the best insurance there is. If the frame looks slightly too generous on the back of the camera, it is probably right.
One more piece of geometry: keep your face out of the exact center. Center is where a headline sits when a designer runs out of options, and a face in the middle of a hero is a common reason a good picture gets pulled off the page soon after launch.
It is the obvious instinct: my best photograph is the close one, so it should go at the top. It rarely works, for reasons that have nothing to do with how good the photograph is.
A hero is displayed enormous. A tightly cropped face stretched across the full width of a laptop is a face at roughly life size, staring at someone who has just arrived and does not know you yet. Scale changes meaning, and a picture that is warm at postcard size can be overwhelming at banner size.
The practical failures stack up on top of that. There is nowhere to put the headline except on your face. There is no room to crop, so a phone lands on your nose and chin. And the shape is wrong: a wide strip cut out of a vertical portrait usually contains your eyes and nothing else.
The tight portrait still has the most jobs of any image you own, just not this one. Send it to your profiles, your bio blocks and your directory entries, and let the hero be a wider, quieter frame built for the layout. Keeping those two roles separate is part of what makes a set read as one thing, the argument laid out in the guide to visual consistency across a brand set.
Assume most of the people who see your hero will see it on a phone. A wide file shown on a narrow screen gets cropped to its middle, which means the empty third you carefully composed on the left may vanish entirely, along with the headline's home.
There are two workable answers, and the good ones use both. First, compose so the essential content sits in the middle band of the wide frame: you, and enough room above and beside you that a tall crop through the center still looks composed. Second, plan a separate vertical frame in the same look, on the same background, in the same light, shot deliberately as the phone version. It costs one row on the list.
Give your web person both files and say plainly which is which. Wide for the desktop layout, vertical for the narrow one, same look so nobody can tell they were two frames. That kind of pairing is standard practice for website and brand imagery, and it is much easier to plan in advance than to reconstruct once the site is being built.
Words printed over a photograph are only legible when the area underneath them is even in tone. Busy, patchy or high contrast backgrounds destroy legibility no matter what color the letters are, which is why so many sites end up dropping a gray panel over a perfectly good picture. Plan the quiet area and the panel is unnecessary.
In practice that means the empty side of the frame should be a smooth, continuous tone. A seamless backdrop does this naturally, which is one of the quiet advantages of building a hero in a controlled room rather than hoping a real location provides an empty wall in the right place.
Decide the tone direction early, because it drives everything else. Dark words need a light background, so a pale sweep with you in a mid or dark tone is the safest arrangement. Light words need a dark background, which looks striking but demands that your clothing separates from it rather than dissolving into it. What does not work is a mid-gray field with mid-gray words over it.
If you do not know yet which way your site will go, ask for both. The same pose against a light backdrop and a dark one is a small ask inside a sitting that already includes several backgrounds.
The last job is the one people forget: the hero has to be about the business, not only about your face. A visitor who lands cold should get some signal of what happens if they hire you.
Usually that signal is an action rather than a setting. You mid-explanation with your hands moving. You mid-conversation with somebody out of shot, which reads as the work rather than a portrait of you doing it. Your hands on the actual tool of your trade, with your face soft behind them. Those frames carry more meaning than a standing portrait, and they still leave the empty side of the picture alone.
There is an honest limit here. A studio will not stand in for your workplace, and it should not try, because a room dressed as somewhere it is not gives itself away. What a controlled room does well is isolate you and your work cleanly against a tone a headline can live on, which is what a hero needs. If your idea genuinely depends on a specific room, that is worth knowing early, and it belongs in the planning stage covered in the guide to mood boards for a brand session.
Wardrobe carries part of the signal too, so plan the hero's look alongside the rest of the set rather than in isolation. The hero is usually your most formal register, because it is the first impression and the one that has to hold for longest.
A hero is not a lucky frame you find afterward. It is a row you write in advance, and it is worth being unusually specific about, because it is the one image where a small compositional decision decides whether the picture is usable at all.
That is one row in a table, and it belongs alongside every other destination on your shot list for a brand shoot. Plan the About page portrait in the same conversation, since it wants a warmer, closer treatment than the hero: the difference is worked through in the guide to what belongs on a personal website About page.
Everything gets shot in my private studio in Naples, where the backdrop, the light and the empty side of the frame are decisions rather than accidents, and the images are retouched by hand and delivered in a private gallery within the week. The wider case for planning a whole set this way is made in the guide to personal brand photography, and the sessions themselves are described on the personal brand page.
A screenshot of your homepage with a box scribbled where the headline goes tells me more than a page of description: which side stays empty, how much room the words need, and whether you need a vertical version for phones as well. Planning and pricing are personal, so call (239) 319-6171 or send the form with that screenshot attached.
Book a Session Call (239) 319-6171Tell me a little about what you have in mind and I will be in touch personally. Pricing is personal, so the best way to plan is a quick call.
Share a few details and Annie will be in touch personally.