yodai Academy Build your website

Academy › Build › Create your website

The photo that opens your website, and the ones that don't belong

You'll leave knowing which photo goes first, which ones need to move, and which ones to delete, with a specific caption for each one that stays.

By Yodai · Published on September 6, 2026 · Updated on October 12, 2026

4 min read

Before anyone clicks a single button, the first thing they see on your site is a photo. You have a website with photos, but nobody's told you if they're in the order that makes people stick around.

The problem isn't that you're missing photos. The problem is that the first one a stranger sees decides, in a glance, whether they keep looking or leave. And that first photo is almost never the one you uploaded first.

The first photo isn't the prettiest one

Here's where a lot of people slip up: they put the photo they personally like best at the top, not the one that best shows what you deliver. A studio shot with perfect lighting looks beautiful and says nothing about what someone actually gets when they pay.

The first photo needs to show the result the way the customer sees it on the day they come in, not a magazine-polished version. If you cut hair, the first photo should be a finished haircut under your salon's regular lighting, not a styled ad shot.

It's the same rule that applies to the order of the whole page: whatever hooks people goes first, whether it's text or a photo. With photos, you apply that rule one at a time.

The three passes for reviewing what you already uploaded
  1. 1Pick your opener
    Choose the photo that shows the result you deliver most often, not the flashiest one or the newest one. That's the one that goes at the top, replacing whatever's there now.
  2. 2Move process photos behind it
    If you have photos from before or during the work, they go after the result photo, never before it. Nobody wants to see the process if they haven't seen what it leads to yet.
  3. 3Move duplicates down or delete them
    If two photos show the same thing from a different angle, one of them is one too many. Keep the sharper one, the one that makes sense without reading anything next to it.

The photo that's always one too many

The blurry photo is one too many, even if it's the only one you have of that particular job. The photo where you can't tell what you're looking at without reading the text next to it is one too many. And the repeated photo is one too many: the same table, the same dish, the same smile, three times in a row.

It's better to show six good photos than twenty where fourteen just get in the way. Every extra photo is one more reason for someone to stop scrolling before they reach the button that sends you business.

If you're torn between keeping a photo or cutting it, cut it. The doubt itself is your answer: if you're not sure what it adds, the person looking at it won't be either.

How many photos each section can handle

As a guideline, not a hard rule: the homepage can carry one photo, maybe two if the second is a close-up detail that builds on the first. Each service section can carry two to four: the opening shot plus one or two showing variations. More than four per service stops being a sample and becomes a photo album, and nobody flips through the whole album of a shop they don't know yet.

If you have thirty photos saved up, don't upload them all at once. Upload the ones that pass the three checks above and save the rest for when you switch campaigns or seasons.

Studio photo or real-life photo
Studio photo
  • Careful lighting and thought-out composition
  • Usually comes from a photographer or a staged setup
  • Good for your logo or a seasonal homepage photo
Real-life photo
  • Taken with your phone during the actual service
  • Shows exactly what the customer will get
  • Builds trust because people can compare it the moment they walk in

Which one to pick: For your opening photo and your service photos, always choose the real one. Save the studio shot for your logo or for an occasional cover image, never for the one promising the result.

The pretty photo that lies
The costly mistake is showing an improved version of what you actually offer: the dish with more ingredients than it really has, the dining room with more light than it actually gets. The customer walks in, compares it to the photo, and the distrust that follows can't be fixed with a warm welcome at the door. Show what you'll deliver today, not the best you ever delivered once.

The caption decides too

Under every photo you keep, write exactly what it is, not filler text. "Our work" says nothing. A specific caption answers the question someone's asking as they look at the image: how long it lasts, what's included, what it's made of.

The caption that actually helps
Fade haircut with a two-tone blend. 35 minutes, wash included.

With your photos sorted and trimmed, your site says the same thing no matter where you look.

Your photos are now in the order that keeps people around, each one with its caption. But you're the one who picked them and looked them over. What's left is seeing them through the eyes of someone opening your website for the first time.

What you walk away with
  • You know which photo opens your website and why it's that one and not another
  • Process photos come after result photos
  • You've removed the blurry ones, the duplicates, and the ones that don't make sense on their own
  • Every photo that's left has a specific caption, not a filler phrase

Yodai builds the site from what you tell it, with a store, bookings or quote requests depending on what you do. See what the website for your business looks like.

NextBefore you show it off, test it on a phone that isn't yours