David Friedrich
Portfolio · Designstudien

Alle Fassungen.

Die DVD-Sammlung, die Filmrolle in zwei Richtungen, eigene Fassungen nach den Referenzen, die vier ursprünglichen Websites als lokale Vergleichskopien und die RVB-Fassung.

Die DVD-Sammlung

Die räumliche Staffelung von JAMS, mit fotografischen DVD-Hüllen und einer aufklappbaren Hülle für jeden Film.

DVD Shelf — tatsächliche Seitenansicht

DVD Shelf

Scrollen oder Ziehen schiebt die Hüllen durch die Tiefe. Ein Klick öffnet die Hülle; ein Klick auf die Disc startet den Film. Auch als Raster aufrufbar.

JAMS · DVD-Cover · räumliche Öffnung

Die Filmrolle

Zwei Umsetzungen deiner Idee: Der erste Frame ist der Einstieg, jeder weitere Frame ein Projekt.

Vertical — tatsächliche Seitenansicht

Vertical

Eine schwarze Filmrolle läuft endlos über die volle Bildschirmbreite nach oben und unten. Alle Projektfenster sind 16:9; Hochformatfilme stehen mit schwarzen Seitenbalken darin. Name und Navigation scrollen mit dem ersten Frame weg.

Vollbild · vertikale Bewegung
Horizontal — tatsächliche Seitenansicht

Horizontal

Ein schwarzer Filmstreifen mit eckigen, unverdeckten Bildern und durchgehender Perforation. Scrollen oder Ziehen bewegt ihn stufenlos; Hochformatfenster bleiben schmal.

Filmstreifen · horizontale Bewegung

Aus Davids Mail

Separate Fassungen nach den vier Originalen, mit ihren eigenen Anordnungen und Bedienungen.

Bruns — tatsächliche Seitenansicht

Bruns

Bildschirmfüllender Film und Titelleiste am unteren Rand. Ein Scrollimpuls wechselt ein Projekt; die Bahn und das Filmbild verwenden die gemessenen Übergänge.

Andreas Bruns · Projektwechsel per Wheel
Merher — tatsächliche Seitenansicht

Merher

Eine dichte Wand bewegter Filmkacheln und ein kurzer, stehen bleibender Kopf. Der Film startet aus der Kachel.

Eugen Merher · laufende Vorschauen
Drescher — tatsächliche Seitenansicht

Drescher

Weiße Fläche, große Bilder und wenige Worte. Die Bildwand kommt ohne aufgesetztes Play-Symbol aus; ein Klick öffnet direkt den Film.

Simon Drescher · normales Scrollen · Hover-Zoom
Pollack — tatsächliche Seitenansicht

Pollack

Kleine Bilder auf Schwarz. Beim Hovern dunkelt die Kachel ab und zeigt das kleine Playzeichen; der Kopf blendet beim Scrollen aus.

Ekkehart Pollack · schwarzes Raster

Die vier Originalseiten

Lokale Vergleichskopien mit den tatsächlichen Namen, Projekten, Informationen und Originalinteraktionen. Die Inhalte gehören zu den jeweiligen Filmschaffenden.

Andreas Bruns — Original — tatsächliche Seitenansicht

Andreas Bruns — Original

Die vollständige Projektbahn mit 17 Filmen, Kontakt und Impressum. Originale Animationen und Cursorsteuerung.

Originalinhalte · lokale Vergleichskopie
Eugen Merher — Original — tatsächliche Seitenansicht

Eugen Merher — Original

Die originale Filmwand, Bio und Kontakte; mit der eigenständigen mobilen Wix-Ansicht.

Originalinhalte · Work / Bio / Contact
Simon Drescher — Original — tatsächliche Seitenansicht

Simon Drescher — Original

59 Originalseiten mit beiden Kategorien, Kontakt und 55 Projektseiten einschließlich Credits. Der originale Vimeo-Player bleibt extern.

Originalinhalte · Kategorien und Detailseiten
Ekkehart Pollack — Original — tatsächliche Seitenansicht

Ekkehart Pollack — Original

18 Originalrouten mit eigener Desktop- und Mobile-Fassung. Originales Filmraster, Kontakt, Biografie, Bildgalerien und funktionierender Wix-Player.

Originalinhalte · Wix-Player und Navigation

Weitere Referenzen und Entwürfe

Die Bildbahn von Detroit, die Bewegung von YK und die ersten freien Zusammenführungen.

Editorial / Detroit — tatsächliche Seitenansicht

Editorial / Detroit

Eine endlose Bildbahn: Die Bilder verschieben und vergrößern sich entlang ihrer horizontalen Position. Die Unterkante bleibt fest.

Detroit Paris · originale Mechanik der Bildtreppe
YK — tatsächliche Seitenansicht

YK

Getrennte Bild- und Schriftbewegungen nach der Originalseite: scrollabhängige Verschiebungen und zusätzlich laufende Bänder.

YK Produce · Parallax und gegenläufige Bänder
Cinema — tatsächliche Seitenansicht

Cinema

Die erste Zusammenführung: großes Filmbild, kleine Vorschauen und ein ruhiges schwarzes Raster.

Freier Entwurf · erste vier Referenzen
Playground — tatsächliche Seitenansicht

Playground

Eine freie Bildwand mit großen typografischen Flächen und alternativem Index.

Freier Entwurf · YK / Merher

Die RVB-Fassung

Die Rodrigo-Fassung /old/ als 1:1-Übernahme mit Davids Namen und eigenem Porträt.

RVB / Old — tatsächliche Seitenansicht

RVB / Old

Aufbau, Gestaltung und Bedienung der Rodrigo-Seite /old/ bleiben erhalten. Der Name und das Porträt gehören zu David; die Filme sind gekennzeichnete Platzhalter von Rodrigo Bustamante.

Rodrigo /old/ · 1:1-Layout · Davids Porträt
Echte Referenzen für die Filmrolle ansehen