Meridian Roast is a self-initiated cinematic website concept for a fictional coffee brand. The project explores how a landing page can make the ritual of roasting and brewing feel tactile while still leading visitors toward a clear next step.

I shaped the website concept around visual direction, landing-page structure, scroll-led interaction, and a working website prototype. It is concept work, not client work.

Create a digital brand experience that introduces the atmosphere behind the coffee, brings the roast and product into focus, and gives the page a deliberate pace rather than treating each section as a static block of information.

The experience uses a film-led visual approach to make the product story feel tactile and considered. Scroll-based movement creates pacing between the brand narrative, the coffee, and the call to action.

The central design question was how far motion could carry the story without making the journey unclear. The page uses movement as a transition between ideas, while keeping the hierarchy and next action visible.

Introduce the ritual and atmosphere behind the brand

Bring the roast and product details into focus

Guide visitors toward the next step with a clear call to action

Use scroll to create rhythm and reveal the story in stages

Keep motion connected to content, rather than adding movement for decoration

Preserve a clear reading order and call to action as the experience becomes more immersive

View the working prototype through the project link. The prototype was built to test pacing, hierarchy, interaction, and the website experience across the page.

For a concept like this, I would assess whether the visual direction makes the brand feel distinct, whether each interaction supports the story, and whether the visitor can still understand what the product is and what to do next. I would also review pacing, hierarchy, and responsive behaviour to make sure the experience holds together beyond the initial visual impact.

Web design for a self-initiated concept project.