Hintergrund der Startseite ist ein großformatiges Bild, das meist aus der laufenden Verkaufssaison des Berliner Kunsthändlers stammt. Dort hat man sich auf den Verkauf von kunsthistorisch wertvollen Drucken und Zeichnungen aus dem 16. bis 20. Jahrhundert spezialisiert.

Aber zurück zur Startseite: Im Rahmen, den Kopfleiste plus Navigation und Fußleiste bilden, ist nur ein Ausschnitt des genannten Bildes zu sehen. In einem roten Textkasten stehen Künstlername und Werkstitel. Die Ränder des Bildes außerhalb des Rahmens sind abgedunkelt.

Der Clou: Der Nutzer kann das Bild verschieben und so den sichtbaren Ausschnitt verändern. Mit jeder Bewegung des Bildes entsteht ein neuer Gesamteindruck. Durch dieses “Werkzeug” kann der Kunstinteressierte (Sammler, Museen und Kunstexperten) sich das Bild im Detail anschauen. (Nach der Abbildung geht’s weiter…)

Technische Lösung

Damit sofort etwas im Browser zu sehen ist, wird erst der kleinere Ausschnitt des Bildes im “Mittelrahmen” geladen.

Per Javascript wird danach das komplette Bild geladen, der bereits sichtbare Bildausschnitt berechnet und das gesamte Bild passend über den kleineren Ausschnitt gelegt.

Abhängig von der Bildschirmauflösung des Rechners wird der sichtbare Teil des Bildes samt Mittelrahmen auf die maximal mögliche Fensterhöhe erweitert.

Mit Hilfe von Javascript kann der Nutzer das Bild dann bewegen und den sichtbaren Ausschnitt frei wählen. Voilà.

Die Website unter www.teeuwisse.de hatte einige Anforderungen zu erfüllen; nach der Umsetzung berichteten wir bereits über die Besonderheiten dieses Typo3-Projektes.

Bevor es in die wohlverdiente Weihnachtspause geht, können wir noch den Launch einer sehr schönen Website verkünden: www.teeuwisse.de.

Die Nicolaas Teeuwisse OHG mit Sitz in Berlin hat sich auf den Verkauf von Drucken und Zeichnungen aus dem 16. bis 20. Jahrhundert spezialisiert. Dabei konzentriert sich das Unternehmen auf ungewöhnliche Werke von hoher kunsthistorischer Relevanz. Kunden sind internationale Museen oder private Sammler.

Der Schritt ins Internet hatte sowohl visuelle als auch funktionale Ansprüche zu erfüllen: Das Unternehmen möchte die Inhalte seiner Kunstkataloge online in einem angemessenen Rahmen zeigen, wobei es nicht zuletzt um die geeignete Präsentation der einzelnen Werke geht.

Die Startseite beeindruckt mit bildschirmfüllendem Bild und zeigt dem Website-Besucher, womit sich die Nicolaas Teeuwisse OHG beschäftigt: Mit nichts weniger als großartiger altmeisterlicher Kunst. Der Nutzer kann das Großformat mit der Maus bewegen und verschieben, so dass er sich das Bild im Detail anschauen bzw. den Fokus verändern kann. Dieses technische Gimmick unterstützt nicht nur die Eigendarstellung des Unternehmens im Web, sondern vor allem die Präsentation des Kunstwerkes: Der Kenner und Sammler solcher Werke schätzt den Blick auf das handwerkliche Detail.
Außerdem verändert sich mit jeder Bewegung des Bildes der Gesamteindruck der Startseite. Diese Art der Umsetzung erfüllt die Ansprüche von Funktion und Design – mehr kann man sich von einer Startseite nicht wünschen. Ich gerate ins Schwärmen…

Eins noch: Die technische Basis ist das Content Management System Typo3.