165 design references

Odyssée Clinic · portraits inside a commerce page

Reel by Andrew Chornyy

Put a real close-up of the face on the first screen, and keep the name and the booking words on that picture, so the visitor sees the work before a list of treatments.

Visit website · Odyssée Clinic

What to look at

The reel shows odysseeclinic.com.au inside a phone frame on a Plerdy screen. The phone is a close-up of a woman's face, with ODYSSEE on the left and BOOK and MENU on the right, sitting on the skin. The crop tightens toward the eyes and the nose. The page then moves to a man's profile, with the line "At Odyssée, we prioritise" under it. A white block follows: the name at the top, the two actions at the top right, a room photo, then "Why Odyssée" and a sentence about a visit as a moment to relax, rejuvenate, and feel reborn. The clip ends on another face filling the phone, those three words still on the skin.

The phone hero is one face, with ODYSSEE, BOOK, and MENU sitting on the skin rather than on a bar above it.
The phone hero is one face, with ODYSSEE, BOOK, and MENU sitting on the skin rather than on a bar above it.
After the face, the page shows a second portrait and the start of the sentence about how Odyssée works.
After the face, the page shows a second portrait and the start of the sentence about how Odyssée works.

Why it works

People study photographs that show the real subject and skip pictures that only decorate, and a tight crop of a face is the subject of this clinic. White type on a light cheek is the risk: text over a pale photograph is hard to read when the colors are too close, and on a small screen the words and the picture fight for the same space. A picture that fills the first screen also pushes the reasons farther down. The live page on 2026-11-13 still opens with "Medical aesthetics for timeless results," and the page text still includes close-up faces, Book Consultation, and the same "we prioritise" line.

Try it

  1. Shoot the first screen as a real close-up of the result you sell, not a lobby or a stock smile.
  2. Put the name and one booking word on that picture, and keep them in the same place when the photo changes.
  3. Darken a small strip behind those words, or move them onto a solid bar, so they stay readable on a light cheek.
  4. Let the next screen be one sentence and a second picture, then the reasons, not a full treatment menu.
  5. On a phone, crop the face so the eyes or the mouth stay clear of the words.

What it costs

A face that fills the first screen is often the large picture or text block the visitor waits on before the page feels loaded, and white type on skin can fail contrast. Someone who came for a treatment name has to move past the portrait to find it. The reel does not show whether the faces advance on their own.

Words worth knowing

Sources