Miami

Case 01 / 05 — Space tourism

NOCTIS

Orbital Voyages“A night above the world.”

Style
Dark Cinematic
Industry
Space tourism
Year
2026
Role
Concept, design, motion, code
Live
noctis-orbital.pages.dev ↗
NOCTIS — screen recordingnoctis-orbital.pages.dev

(01) The idea

The idea

Luxury space tourism, shot like a film.

NOCTIS sells seven nights in orbit, so the site had to feel like the first look out of the window. A real ISS night-pass time-lapse from NASA plays inside a porthole; as you scroll, the porthole opens to full screen under a camera viewfinder, and every chapter after it is cut like a film.

NOCTIS: the porthole opens to full screen
01 — The porthole opens to full screen
NOCTIS: sixteen windows — nasa gallery
02 — Sixteen windows — NASA gallery
NOCTIS: aurora and moonset frames
03 — Aurora and moonset frames
NOCTIS: closing titles over the horizon
04 — Closing titles over the horizon

Mobile-first — checked at 360, 390, 768 and 1280px

(02) Key scenes

Five scenes, one world.

  1. 01

    Porthole to full screen

    The hero film sits in a round window that grows into a full-bleed frame with a viewfinder overlay.

  2. 02

    Letterbox chapters

    Each chapter opens with cinema bars, and the altitude readout counts up to 408 km.

  3. 03

    Sixteen windows

    A horizontal gallery of NASA stills, scrolled sideways like a contact sheet.

  4. 04

    The cupola

    The seven-window cupola opens as a porthole reveal, with titles arriving letter by letter.

  5. 05

    Film-cut menu

    Menu jumps are edited like a cut to black instead of a long scroll.

  • GSAP 3.15
  • ScrollTrigger
  • Lenis
  • clip-path
  • NASA footage (public domain)
  • Instrument Serif + Inter Tight
  • Cloudflare Pages

(03) See it move

Visit the
live site ↗

noctis-orbital.pages.dev · fictional brand, real code

Next world — 02 / 05 · Futuristic Precision ORTHO