Mit ‘CMS’ getaggte Artikel

27.07.2010 18:18 von Nik in Allgemein | Keine Kommentare »

Back to www.teeuwisse.de: Magic Startseiten-Feature

Neulich fragte uns wieder jemand, wie wir dieses kecke Startseiten-Feature für die Website der Nicolaas Teeuwisse OHG umgesetzt haben.

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…)

Teeuwisse Startseite

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.

31.03.2010 11:31 von Nik in Allgemein | Keine Kommentare »

KM2-Kunden: SELEX-Gematronik

Selex-Systems-Integrations-Website-Gematronik

Wir sind noch eine Geschichte aus dem letzten Jahr schuldig (neben vielen anderen). Es geht um einen Kunden: Die Selex Systems Integration GmbH – Gematronik Weather Radar Systems.

SELEX-Gematronik ist Weltmarktführer in der Entwicklung und Herstellung von Wetter-Radar-Systemen. Am Standort Neuss beschäftigt Gematronik über 140 Mitarbeiter und fertigt schlüsselfertige Anlagen für Kunden aus aller Welt.

Anfang letzten Jahres kam das Unternehmen wegen eines Website-Relaunches auf uns zu. Da künftig mehrere Redakteure die Inhalte der Website pflegen sollten, wurde eine Lösung auf Basis des Content Management Systems Typo3 angefragt.

Gesagt, getan: im August 2009 ging die neue Website online. Die Gestaltung der Seiten basiert auf den Vorgaben eines seitenstarken Corporate Design-Styleguides der italienischen Konzernmutter. Klar, auf diese Weise stellt der Konzern das weltweit einheitliche Auftreten aller Töchter im Internet sicher.

Selex-Systems-Integrations-WorldwideFür die Präsentation der Referenzen haben wir Google maps eingebunden: In der Google maps-Weltkarte sind ausgewählte Referenz-Radaranlagen markiert. Mit einem Klick auf eine Markierung erfährt der Nutzer mehr über eine Anlage. Zoomt der Nutzer in die Karte hinein, kann er in der vergrößerten Satellitenansicht je nach Detailgrad des Kartenmaterials manche Wetter-Radar-Anlage sogar genau erkennen. Die Welt wird zur Westentasche.

23.12.2009 18:56 von Nik in Allgemein | 1 Kommentar »

Einen haben wir noch… www.teeuwisse.de

Teeuwisse

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.