All work

N 35.6595° E 139.7005°

Nightshift

A neon-soaked campaign site for an electronic label, built around a scroll-driven night walk through Tokyo.

Client

Nightshift Records

Services

Campaign · Motion · Creative Code

Location

Tokyo, JP

Year

2026

(Case study)

The full story — brief, process and outcome.

The brief

Nightshift came to us with a simple question: how do we stop looking like everyone else online? The category was full of the same hero sections, the same stock gradients and the same safe promises.

We started with a blank tab — with field research, references from architecture and print, and a week of pure motion prototypes before a single page was designed.

The outcome

The result is a site that behaves like a place: it reacts, it remembers and it rewards curiosity. Built in Framer with custom code components, a CMS the team can run themselves and a design system that scales.

What we delivered

Art direction, UX, responsive web design, motion system, Framer development, CMS setup and launch support.

(Reveal) Move your cursor across the image

Sketch vs. shipped

Wireframe — the sketchLive — the shipped site

New tab →

Atelier Rosso

Create a free website with Framer, the website builder loved by startups, designers and agencies.