Ein Portfolio, das sich selbst aktualisiert: Vimeo auf der Website

Der Teil einer Agenturwebsite, der am schnellsten veraltet, ist das Portfolio. Neue Arbeiten entstehen, aber bis sie online sind, vergehen Wochen. Irgendwann zeigt die Website Projekte von vor zwei Jahren. Beim Bau unserer eigenen Website wollten wir das von Anfang an lösen. Alle Arbeiten auf unserer Website kommen automatisch aus unserem Vimeo-Kanal.

So funktioniert es

Vimeo bietet eine Schnittstelle, über die sich die Videoliste eines öffentlichen Kanals auslesen lässt. Beim Öffnen liest unsere Website diese Liste und baut daraus den Bereich mit den Arbeiten. Laden wir einen neuen Film auf Vimeo hoch, erscheint er auch auf der Website. Niemand muss sich einloggen und etwas einpflegen.

Und wenn Vimeo nicht erreichbar ist?

Bei jeder Veröffentlichung der Website legen wir eine Kopie der Vimeo-Liste bei. Ist Vimeo gerade nicht erreichbar, nutzt die Website diese Kopie. Besucher sehen nie einen leeren Bereich. Dieses kleine Detail ist bei jedem Teil einer Website wichtig, der von einem externen Dienst abhängt.

Hoch- und Querformat getrennt

Auf unserem Kanal gibt es Werbefilme im Querformat und Social-Media-Videos im Hochformat. Beides im selben Raster sah unruhig aus. Die Website prüft jetzt das Format jedes Videos und zeigt Hochformate in einer Gruppe, Querformate in einer anderen. Hochformate kommen zuerst, weil ein großer Teil unserer Arbeit für Social Media entsteht.

Kategorien aus den Titeln

Beim Hochladen auf Vimeo verwenden wir in den Titeln einheitliche Begriffe: Kampagnenfilm, Testimonial, Social Media und so weiter. Die Website liest die Titel, sortiert die Videos in Kategorien und baut daraus die Filter. So füllen sich die Filter auf unserer Seite mit den Arbeiten von selbst.

Schlichte Karten

Die Karten zeigen nur das Vorschaubild. Kein Titel, keine Dauer, keine Beschreibung. Ein Klick öffnet das Video direkt auf der Website im Modus ohne Tracking. Besucher schauen den Film, ohne die Seite zu verlassen.

Tempo

Alle Videos laufen über Vimeo, nicht über unseren Server. Die Website lädt nur kleine Vorschaubilder, und auch die erst, wenn sie in die Nähe des Bildschirms kommen. Wie wir videolastige Websites schnell halten, steht in diesem Beitrag.

Für unsere Kunden

Denselben Ansatz nutzen wir auf Websites unserer Kunden: Bereiche, die sich aus Vimeo, YouTube oder einem Redaktionssystem selbst aktualisieren. Das Ergebnis sehen Sie auf unserer Seite Arbeiten. Wenn Sie etwas Ähnliches für Ihre Website möchten, schauen Sie auf unsere Seite zu Webdesign und Entwicklung.