Prototype · 2026

Two directions for the Saan Content website

Two navigable prototypes, one identity. Compare the first impression, how Mélissa is introduced, services, portfolio and access to the discovery call.

A

A — Mélissa, the eye behind Saan

Cinematic, editorial one-page. Mélissa at the centre; services and projects as chapters on a single page; projects open in an immersive view.

B

B — Saan Content, the creative studio

Multi-page agency site. The brand comes first; Studio, Services (×3), filterable Portfolio, case studies and Contact pages.

A — One-pageB — Multi-page
First screenFull-screen video, oversized italic editorial headline. A first-person voice.Full-screen video, the studio’s positioning in one sentence, full navigation visible.
MélissaRight after the hero: photo diptych, story, signed quote. She is the common thread.“Founder” block on the home page, then a dedicated Studio page with portrait and backstage.
ServicesThree full-screen chapters on the same page (I, II, III).Three worlds on the home page + one page per service (need, approach, offer, projects).
PortfolioAsymmetric magazine gallery; projects open in an immersive overlay.Portfolio page filterable by expertise; each project has its own case-study page.
MotionMore present: line-by-line headline, soft parallax, sticky chapters.More restrained: fades, hovers, scrolling expertise ticker.
Discovery callPersistent floating button after the hero + large final section.Fixed header button + block at the end of every page + Contact page.
Client areaDiscreet padlock link in the navigation and footer.Same, right-aligned in the header next to the language switch.