denkwerk

Why Are
We (Not)
Creative?

Cultural Blog/Website / Nominee
denkwerk

Cultural Blog/Website

Nominee
"We were looking for a simple navigation solution, but one that had never been seen before. We wanted to send the page visitor on an unexpected journey." denkwerk
image description
Q: Can you describe your project and the concept behind it? A: For the last 30 years, Hermann Vaske has been interviewing brilliant artists about their creativity. He just released the second film about his amazing journey. As lots of interview answers demonstrate, being creative and being not creative are two sides of the same coin. Like shadow and light. On, off. Up, down. A creative life is about navigating through these ups and downs. That is why this website is all about navigation as well.
image description
Q: Tell us about your initial moodboard, wireframe, or prototype. How did things change throughout the process? A: The original plan was to divide the artists' videos into creative and non-creative parts. We had the idea of switching back and forth between the two by scrolling. We quickly realized that the videos were too diverse for that, but we were still able to keep the idea of navigating by scrolling.
image description
Q: What influenced your chosen technical approach, and how did it go beyond past methods? A: “Our first idea of making the scroll mechanism work was proven wrong pretty soon. After four different tries we found that the best approach for the scroll mechanism was to treat the site as two sites that will come into the viewport as the user scrolls. This allowed us to keep the site performing when exploring one side and only bringing both sides together during the switch moment,” said Victor, Studioregale Creative Coder.

When did you experience a breakthrough or an "a-ha" moment during this project?

We were looking for a simple navigation solution, but one that had never been seen before. We wanted to send the page visitor on an unexpected journey. We were immediately intrigued by the idea of using scrolling for this purpose.

Watch

image description
Q: What web technologies, tools, and resources did you use to develop this? A: This site is developed using the framework called Nuxtjs. All animations are “powered” with the amazing library GSAP. All the rest is custom made logic and animations using a mix of CSS and JavaScript.
Q: How did the final product meet or exceed your expectations? A: The website feels as a creative journey itself: scroll up and you experience a creative insight. Scroll down and you dive into being not creative. That way, it never feels like scrolling up, but rather like switching into a different world.
Q: Why is this an exciting time to create new digital experiences? How does your team fit into this? A: We love to experiment and create experiences at the intersection of art and science.

Explore

MediaMonks

Netflix DARK

TBWAChiatDay LA

Behind The Record

Wild Forest

François Audouy

Zuleika Arroyo

Black Women Too

Sid Lee / DIgital Kitchen

The Joker’s Escape

NBC News

Trans, imprisoned — and trapped

The National AIDS Memorial

World AIDS Day 2020 - A National Conversation -

AKARU

Avoriaz

GSD&M

U.S. Air Force ECHO

Animal

Life At Spotify

Center for Architecture

Visualize NYC 2021

HAUS

Tillamook

360 Design

Zoonomia

Wonderland

Wonderland

Gigarama

Sing, My District

Nightjar

Discovered Wildfoods eComm Experience

Dogstudio

ZOOX

MediaMonks

Maserati MC20

Cheil Worldwide, Inc

Samsung Galaxy S21 5G series

NYC & Company

The Black Experience in NYC

ESPN

ESPN College Football Tracker

Paradowski Creative

The Sheldon Website

Active Theory

CHILE20

Active Theory

Secret Sky 2020

Hook

YouTube Culture & Trends Report

Hook

Local Guides

Hello Design

The Marvelous Mrs. Maisel

Studio Airport

Emergence Magazine

Athletics

New York Review of Books

R/GA

ESPN House of 98

ThoughtMatter

CENTER Photography 2020 Compendium

Turbulent

Turbulent.ca

IntraCollaborative

Newest Americans

Rotate°

Big Green Egg

Wide Eye

WhiteHouse.gov

Swell Creative Group

Everyone In LA: 2020 Homeless Count

firstborn

Exo

GIPHY

GIPHY

Content Pilot LLC

Chambliss. Bahner & Stophel

Hello Monday

Bartlett Summer Show

Work & Co

Vistaprint Masks

Hello Monday

Virgin Hyperloop

Forbes

Forbes 30 Under 30 2021

MIT Open Learning/Center for Advanced Virtuality

In Event of Moon Disaster

MediaMonks

Frontier Development Lab: Solving NASA’s Toughest Challenges with Google Cloud × Intel

Jam3

ComplexLand

Spring/Summer

Stykka

firstborn

The Leary Firefighters Foundation

Elephant

Elephant Website