← Back to projects

Mori Signature

Editorial coffee atelier with spatial 3D journey — orbit, dolly, and cinematic focus pulls.

Web2026

Problem

Most studio sites look identical. Mori needed an editorial, cinematic experience that feels like stepping into the brand — while staying fast and SEO-ready.

Research

We benchmarked premium references (Apple, Linear, Stripe) and mapped the brand story into a scroll narrative: hero → trust → work → CTA.

UI Design

Minimal typography, high-contrast editorial layout, and deliberate spacing. The interface is designed to let media breathe and build trust quickly.

Motion System

Cinematic transitions, depth, blur reveals, and scroll-triggered camera-like movement. Motion is used to guide attention — not to decorate.

Development

Next.js App Router with a component-first approach. Media is optimized and lazy-loaded. Interactions are progressively enhanced on capable devices.

SEO

Per-page metadata, Open Graph, structured data, and project landing routes. Internal linking is planned from the start to build topical authority.

Result

A premium studio experience that loads fast, feels memorable, and can be expanded into templates and a CMS-ready product line.