Gesamte RechercheDavid Friedrich / Konzept DFilm-Reel-Demo

Visuelles Moodboard · Originale & Übertragung

Eine Seite
als Filmrolle.

Der Name eröffnet die Rolle. Danach folgen die Arbeiten als zusammenhängende Filmfolge: durchscrollen, Vorschau entdecken, Film öffnen.

Neue Demo ansehen

Die gewünschte Folge

Schematische Anordnung des neuen Konzepts. Den bewegten Ablauf zeigt die separate Demo.

David
Friedrich01 / AUFTAKTPlatzhalter: Mercedes-Benz V-Class auf einer Küstenstraße02 / FilmvorschauPlatzhalter: VfB-Fans mit roten und weißen Fahnen03 / FilmvorschauPlatzhalter: Transporter zwischen warmen Küstenfelsen04 / Und weiter
Erstes Frame: Name + Work + Contact. Danach: anklickbare Projektframes.Demo-Bildmaterial: Rodrigo Bustamante.

Der gebaute Ablauf

Eigene Komposition: Vertikales Scrollen bewegt die Filmrolle kontinuierlich seitwärts. Auf den Namensframe folgen zwölf Projektframes.

Tatsächliche Browseraufnahme der neuen Demo. Den Ablauf selbst bedienen

Drei konkrete Referenzen

Alle Bilder sind Aufnahmen der Originalseiten. Anklicken vergrößert die Aufnahme.

01 / FILMFOLGE

Jason Bergh

Die direkteste visuelle Nähe. Ein Film steht in der Mitte, der vorherige und nächste sind oben und unten angeschnitten. Die aktuelle Arbeit füllt zugleich den Hintergrund. Große Seriftitel flankieren den zentralen Film.

Originalseite

Beobachtet12 × 120 px Wheel wechselten die Arbeit von 01 zu 03. Die Dokumentposition blieb 0.

Für die FilmrolleSichtbare Nachbarframes machen die fortlaufende Folge schon im Einzelbild verständlich.

PrüfgrenzeVisuelle Kurzprüfung; vollständige Timeline, Einrastkurve und Player wurden hier nicht vermessen.

Auf 390 px Breite wandern die Titel über und unter den Film. Die Nachbarframes bleiben oben und unten sichtbar. Die gemessene Seitenbreite entspricht dem Viewport.

02 / RÄUMLICHE TIEFE

B/D® JAMS

Gestaffelte Karten im Raum. In „Crate“ bewegen sich die Cover auf einer vertikalen Bahn mit Tiefe. Hintere Karten erscheinen durch die Perspektive kleiner. Die aktuelle Auswahl prägt auch die Hintergrundfarbe.

Originalseite
Gemessene Phasen ansehen

Beobachtet20 Karten, Perspektive 800 px. Bewegung über Y und Z; die Karten rotieren auf diesem Pfad nicht.

Für die FilmrolleTiefenstaffelung kann die Abfolge räumlich lesbar machen. Sie ist eine andere Mechanik als Berghs mittige Filmspur.

GenauigkeitNachlauf und Snap hängen vom Inputzustand ab. Der erste kleine Wheel-Impuls blieb im Test zwischen zwei Karten.

03 / EINE ZUSAMMENHÄNGENDE FLÄCHE

Working Stiff

Der gesamte Auftritt bewegt sich räumlich weiter. Die Startfläche geht seitlich in eine Spalte mit Filmkarten über. Die Karten stehen innerhalb dieser horizontalen Reise wiederum untereinander.

Geprüfte Originalseite

Beobachtet12 × 120 px Wheel führten zu scrollY 1440. Die Filmspalte wanderte vom rechten ins linke Bildschirmfeld.

Für die FilmrolleAuftakt und Portfolio können Teile derselben räumlichen Folge sein.

PrüfgrenzeDie mobile Seite zeigte im Prüfzeitfenster nur eine graue Textur. Eine funktionierende mobile Umsetzung ist hier nicht bestätigt.

Eigene Übertragung für David

Ein Auftakt.
Dann die Arbeiten.

Die neue Demo verbindet den gewünschten Namensframe mit einer laufenden Projektfolge. Diese Kombination ist unser Entwurf; keine der drei Referenzen wird als fertige Vorlage für den gesamten Ablauf ausgegeben.

Film-Reel-Demo öffnen