DIGITAL DESIGN & INTERACTIVE DEVELOPMENT

EUROPE · WORKING WORLDWIDE

WEBSITESSHOULDN’TSIT STILL.

SCROLL TO EXPERIENCE
02MANIFESTO

GOOD DESIGNGETS ATTENTION.

GREAT DESIGNGETS REMEMBERED.

STUDIO K combines art direction, interaction and development to turn websites into digital experiences.

03INTERACTION

YOU SCROLLED.WE NOTICED.

The best digital experiences respond to the person using them.

STUDIO KSCROLL
04REAL WORK / INTERACTIVE DIRECTION

SELECTEDEXPERIMENTS.

Two live builds, scrolled the way their visitors scroll them.

01 — ATELIER NOMA02 — MUSE STUDIO
01
Atelier Noma — architectural website by STUDIO K

ATELIER
NOMA

ARCHITECTURE / INTERACTIVE DIRECTION

An immersive architectural experience exploring space, material and movement.

02
Muse Studio — beauty editorial website by STUDIO K

MUSE
STUDIO

BEAUTY / EDITORIAL INTERACTION

A refined beauty experience combining editorial composition, imagery and responsive motion.

05CAPABILITIES — A DESIGN LABORATORY

WE DON’T LIST THEM.WE DEMONSTRATE THEM.

01 / SCROLL STORYTELLING — THE SCROLL IS THE NARRATOR

SCROLLSTORYTELLING

02 / CURSOR INTERACTION

CURSOR
INTERACTION

Move the cursor. The composition answers — physically, quietly, without chasing.

DEPTH LAYER 03
03 / CINEMATIC TRANSITIONS — STATE A

CINEMATIC

STATE B — SCENE CHANGE

TRANSITIONS

04 / EDITORIAL DESIGN
Editorial composition study

EDITORIAL
DESIGN

COMPOSITION / HIERARCHY / RHYTHM

Type crosses the image. The grid stays asymmetric. Nothing is centred by default.

05 / RESPONSIVE DEVELOPMENT

RESPONSIVE DEVELOPMENT

STUDIO K / ADAPTIVE CANVAS
FLUID
BY DESIGN
DESKTOPTABLETMOBILE
06 / MICRO INTERACTIONS

MICRO INTERACTIONS

Interaction study surface HOVER LABEL / 001

DETAIL
IS THE
DIFFERENCE.

06MOTION / PLAYGROUND

EXPERIMENTS INscale, space & motion.

01 / SCALE
SCALE.
Suspended paper ribbons caught mid-motion

REVEAL

02 / MASK

CONCEALthen reveal.

CLIP-PATH APERTURE
03 / SHIFT↦ HORIZONTAL
PANEL 01SIDEWAYSVERTICAL SCROLL
motion hasDIRECTION.
Macro texture of crumpled metallic black paper
04 / DEPTH

DEPTH.

THREE PLANES, ONE SPACE

MOTIONwithPURPOSE.

07PROCESS

FROM IDEATO EXPERIENCE.

01

DIRECTION

Concept and art direction.

02

DESIGN

Composition and type.

03

MOTION

Behaviour and rhythm.

04

BUILD

Clean, fast, considered.

08ABOUT

SMALL STUDIO.
BIG OBSESSION
WITH DETAIL.

STUDIO K is an independent digital studio creating highly considered websites where design, motion and technology work as one.

09CONTACT

HAVE SOMETHINGWORTH REMEMBERING?

LET’S MAKEIT MOVE.

PROJECT BRIEF

SIX QUESTIONS

01 /
02 /
03 /
04 /WHAT ARE WE BUILDING?
05 /BUDGET
06 /

REPLIES WITHIN 48 HOURS · EUROPE · WORKING WORLDWIDE