Mit ‘Refrenzkunde’ 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.

05.01.2010 18:33 von Nik in Allgemein | 1 Kommentar »

Levana Naturals ist online

Levana Naturals

Im letzten Jahr kündigten wir hier noch die Freigabe eines Projektes an, das wir nun vorstellen möchten:

Levana Naturals ist ein Onlineshop für ökologische Baby- und Kinderbekleidung. Punkt… Was so einfach klingt, wird von Levana Naturals sehr ernst genommen. Den Ansatz der Nachhaltigkeit (Sustainability) vertritt man dort aus tiefster Überzeugung und mit Verve.

Das Unternehmen konzentriert seinen Vertrieb auf den nordamerikanischen Markt. Daher muss die Funktionalität und Anmutung des Shops alle Marktgewohnheiten dieser Region erfüllen.

Wir standen Levana Naturals von der Pike auf zur Seite: Der Entwicklung von Logo bzw. Corporate Design folgte die Konzeptphase für den Online-Shop. Viel Zeit floss vor allem in die Gestaltung des Web-Layouts, denn der Nutzer soll auf einen Blick erfassen, worum es geht: Um Babies-Girls-Boys-Wear, die umwelt- und verantwortungsbewusste Eltern ihren Kindern bedenkenlos anziehen können. Als nicht mehr ganz, aber noch halbwegs frisch gebackener Papa finde ich das klasse.

Ach ja, allen ein frohes neues Jahr!

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.

18.08.2009 18:46 von Ada in Allgemein | 2 Kommentare »

Die Freien Brauer relaunchen mit KM2

Die Freien Brauer - Brau Kooperation

Der Tag der Entscheidung rückte immer näher. Und schließlich haben wir von KM2 >> den Pitch um den Relaunch der Website “Die Freien Brauer” gewonnen und uns voller Tatendrang unmittelbar nach tobendem Jubel an die Arbeit gemacht, wie es sich eben für Neuerfinder gehört. Die Website ist seit wenigen Tagen online…

Das neue Layout macht dem Nutzer direkt klar, worum es geht: Bier und die Kunst, das leckere Traditionsgetränk zu brauen. Uns ist zu Ohren gekommen, dass unsere optische Vorstellung und Umsetzung des Themas so manchem Betrachter Lust auf Bier macht. Das im Hintergrund der Seite großflächig eingebaute Bier wickelt den Bierdurstigen um den Finger. Na dann, prost!

DFB_GoogleMaps1 Technisch ist die neue Website mit einigen neuen Features bestückt. Die Liste der Mitgliedbrauereien zeigt dem Nutzer direkt durch eine Google Maps-Anbindung die Standorte der einzelnen Brauereien an.

Bei “Die Freien Brauer” kommt keine Brauerei zu kurz: Auf den Folgeseiten werden im rechten Bildbereich Biere der Mitglieder angezeigt. Natürlich sind die Unternehmen nicht nur Braukünstler, sondern kommen zugleich als Verantwortungsträger in Sachen Biergenuss daher und empfehlen: Don’t drink and drive. Wir finden das spitze.

Das große Brauerei-QuizAb sofort kommt auch der Spielspaß nach dem Relaunch der Freien Brauer nicht zu kurz: Wer zwischendurch sein Gedächtnis etwas in Form halten möchte, kann dies mit dem großen Brauerei-Quiz tun. Viel Spaß!

Technische Basis der neuen Website von Die Freien Brauer ist das CMS (Content Management System) Typo3. So können die Freien Brauer-Mitarbeiter jederzeit Inhalte der Website aktualisieren.

Wir wünschen viel Freude mit der neuen Website. Einfach mal reinschnuppern und die Website entdecken…

Wir bedanken uns für die angenehme Zusammenarbeit. Schönes Projekt…

02.07.2009 18:25 von Nik in Allgemein | 5 Kommentare »

Relaunch: Sabine Wiegand ist Dat Rosi

headerdatrosi

Ihr aktuelles Kabarettprogramm schlägt ein wie eine Bombe. Nach dem Ensemble-Kabarett ohne Ulf und ihren Soli als Lady Elsbeth gibt’s jetzt richtig auf die Fresse: Sabine Wiegand ist Dat Rosi.

Dat Rosi ist die Ruhrpott-Wuchtbrumme, die im Zuge des Alternativ-Karnevals STUNK in Neuss und in Düsseldorf das Licht der Bühnenwelt erblickte. Die Figur kam so gut an, dass Sabine Wiegand (mit Co-Autor Jens Neutag) ein komplettes Programm strickte und seit Frühling 2009 die Kabarettbühnen auf links zieht. Dat Rosi kommentiert Gott und die Welt auf ihre ganz eigene UnArt und haut uns dabei die Wahrheit um die Ohren, dat et kracht. Denn: Dat Rosi räumt auf…

Passend zum aktuellen Programm haben wir die Sabine Wiegand-Website in eine Dat Rosi-Website umgebaut. Lauter. Schriller. Dat Rosi eben.

Zur Belohnung für den Relaunch gibt es demnächst einen KM2 >> Betriebsausflug, denn wir werden uns mal so richtig von Dat Rosi zusammenschnauzen lassen. Ich werde berichten…

02.06.2009 15:15 von Nik in Allgemein | 6 Kommentare »

4hc-Community relauncht

header4hcrelaunch

Wie neulich erst in diesem Blog angekündigt stand bei der Online-Community von 4hc noch für den Monat Mai eine Neuerung an.

Frage: Was ist 4hc? Ganz kurze Antwort: 4hc – for handicapped ist die Kommunikations- und Informationsplattform für Menschen mit Handicap und deren Umfeld.

Seit dem Pfingstwochenende ist es nun soweit: Die 4hc-Website hat einen grafischen und technischen Frühjahrsputz hinter sich. In jeder Ecke wurden, metaphorisch gesprochen, Besen und Farbpinsel geschwungen. Man kann mit Fug und Recht von einem Relaunch sprechen.

Zwei Kernbestandteile der Online-Community, der 4hc-Chat und das -Forum, haben eine komplette Überarbeitung hinter sich. Ebenso die tieferen technischen Schichten bzw. der Administratorbereich. Am augenfälligsten für den Nutzer sind die optischen Veränderungen der Seiten.
Ab sofort erscheinen die einzelnen Teile des 4hc-Universums mit 4hc.de, 4hc spendet und dem 4hc-Blog wie aus einem Guss. Die Markenidentität bzw. das Corporate Design ist gewahrt bzw. wird geschlossen durchgehalten.

Wir wünschen den 4hc-Gründern weiterhin viel Erfolg und mit diesem Relaunch einen nächsten Schub für die zahlreichen weiteren Vorhaben.

To be continued…

27.05.2009 14:41 von Nik in Allgemein | 3 Kommentare »

Die 4hc-Community bloggt

4hcbloggtsprech

Seit wenigen Tagen bloggt’s bei 4hc. Auf Wunsch der regen 4hc-Gründer haben wir die 4hc-Welt um die Blog-Komponente erweitert, da unter dem Motto Viel Lärm um alles nun mehr und direkter aus dem 4hc-Universum berichtet werden soll. Wir sind gespannt.

Für alle, die 4hc nicht kennen:

4hc – for handicapped ist die Kommunikations- und Informationsplattform für Menschen mit Handicap und deren Umfeld.

Und weiter steht auf der 4hc-Website:

4hc richtet sich nicht nur an Menschen mit Behinderung oder schweren Krankheitsbildern, sondern auch an alle die damit zu tun haben, sowie Angehörige und Interessierte.

Wichtiges Thema und gutes Projekt, das wir im Rahmen unserer Möglichkeiten bereits seit einigen Jahren unterstützen. Die 4hc-Community wird von uns grafisch und technisch rundum betreut. Der Umgang ist familiär, über jeden Erfolg oder zusätzlichen Nutzer in der Community freuen sich alle gemeinsam. (Wie damals über die Link-Kooperation mit bahn.de. Strike!)

Bei der Community wird sich demnächst übrigens einiges tun: Stichwort Relaunch. Alles neu macht (hoffentlich) noch der Mai. Dazu aber mehr, wenn es tatsächlich soweit ist…

Jetzt heißt es zunächst:  Blog on, 4hc!
Wir werden mit Freude lesen.