Let the visitor control the pace
Tying the reveal to scroll position rather than autoplay means nobody waits through an animation they did not ask for, and the sequence can be skimmed or savoured.
← All work
Hospitality / Design concept
MAREA / Project study
A coastal resort concept exploring cinematic imagery, editorial typography and a visitor-controlled scroll journey.
The brief
What the project explores.
Explore how a coastal resort could be introduced as a place to experience, with atmosphere and a clear sense of location.
The approach
From idea to interface.
The concept uses an image sequence tied to scrolling, restrained typography and a destination-led visual narrative. The visitor controls the pace of the reveal.
Cinematic resort imageryScroll-driven visual sequenceEditorial hospitality presentation
Constraints
What made it harder.
- A scroll-driven image sequence is heavy by nature — the experience had to stay watchable without shipping a video-sized payload
- Hospitality imagery carries the emotional weight, so compression could not visibly degrade it
- The reveal needed to remain usable for visitors who prefer reduced motion
Decisions
Choices worth explaining.
Typography carries the brand, not effects
Editorial type and generous spacing do the positioning work. The motion supports the imagery instead of competing with it.
Build & performance
Next.js · Deployed on Vercel · WebP imagery
Measured on the live deployment: 14KB of HTML, first response in roughly 1.4s, both images in WebP and lazy-loaded, only 2 scripts on the page.
Independent design concept, not a commissioned client case study. Screenshot captured September 2026.
Explore the live preview ↗Read the design article →Your next chapter
Let’s make your
website work together.
Have a website that needs a fresh start, or a system that needs connecting? Tell me where you are and what you want to improve.
Discuss my website ↗A conversation first. A clear scope before we start.