Demo build · opening options
Four ways to open the site.
Everything below the hero is identical on all four. Only the opening changes, so you can put two of these side by side and the rest of the page does not move.
Options B, C and D use Shella's real footage of the horse. Option A uses the generated arena imagery we built the first demo on. Each one lives at its own link and none of them overwrite each other.
The dive
The original. Generated arena imagery, full screen, driven by scroll: it pushes from the wide arena into the orange binding on the pad as you go.
The horse, framed
Real footage in a tall frame that runs off the right edge, statement and the pad beside it. Plays on its own the moment the page loads. The sharpest of the three horse options, because the picture stays close to the size it was shot at.
The horse, full screen
Same footage cut wide so it fills the screen corner to corner, statement over the top. The most cinematic of the four. Softer than option B, because a phone-shot picture is being stretched to a desktop screen.
The horse, on the scroll
Option C's picture, but the horse only moves when you move. Scroll forward and he works, stop and he holds, scroll back and he goes back. Same trick the rest of the page runs on, so the whole site reads as one piece.
Placeholder imagery still sits below every hero. The pad shots, the layer breakdown and the closing frames are generated stand-ins waiting on Shella's shoot. The pressure photographs and the pad detail in the hero are real.