Wenn DAT ROSI in der Stadt ist, sollte man sie sich nicht entgegen lassen. Ein herrlicher Kabarett-Abend ist mit Sabine Wiegand immer gewährleistet. Das bisherige Programm haben wir uns bereits mehrfach angesehen und freuen uns schon, auch Rosi 2.0 bald besuchen zu dürfen. Die Premiere unseres Lieblings mussten wir schweren Herzens leider krankheitsbedingt absagen. Bald werden wir einen Besuch aber hoffentlich nachholen!

Hier ein kleiner Vorgeschmack auf die neue Website:

Also: Hingehen, anschauen, lachen, glücklich sein!

Arbeitssitzung mit Team-Frühstück. So lasse ich mir einen Montagmorgen gefallen. Mit dabei: Original-Käse aus der Schweiz. Direkt von der Alp. Selbst in den Bergen erlegt. Auch Thema: die eigene KM2-Website.

Mögen die Wochenspiele beginnen.

(Wie weise…)

Fortsetzung über unser Projekt für die Grohe AG:

Auf der alten Grohe.de-Startseite ließen sich nie mehrere Grohe-Produkte auf einmal (d. h. gleichzeitig) präsentieren.

Eine behäbige Flash-Animation stellte immer nur ein Produkt nach dem anderen vor. Und diese sequentielle Präsentation musste umständlich über “Player”-Funktionen gesteuert werden.

Dazu kam, dass die Aufbereitung der Infos nachteilig war: Vorgestellt wurden eher Design und Image und weniger die Produktvorteile, die Interessierte zu Käufern machen. Muss gestehen, dass ich über das erste Produkt nie hinausgekommen bin.

Dieser Show-Stopper musste also weg und die neue Startseite einen völlig anderen Weg einschlagen: Im oberen Bereich sollte sie mehr als ein, besser vier Produkte auf einmal präsentieren. Zugleich musste Raum für mehr Produktinformation und -nutzen her, ohne die Seite zu überfrachten.

Wir haben die Anforderung mit einem Akkordeon-Widget gelöst:

Akkordeon-Widget* (auch Zieharmonika-Widget*) heißt eine grafische Darstellung, bei der sich etwas auseinanderzieht bzw. auseinanderziehen lässt – wie bei einem Akkordeon (a.k.a. Quetschkommode).

Für die Abbildung oben haben wir den Bereich aus der Grohe.de-Startseite herausgeschnitten, der gemeint ist: In der Produktpräsentation sind klickbare Stege (auch Panele; siehe Abbildung oben: Panele 1bis 4) nebeneinander angeordnet. (Vertikal ist so etwas selbstvertürlich auch möglich.)

Jedes Panel – bei Grohe.de sind es vier – zeigt jeweils ein Produkt inkl. Produktnamen. Dem Nutzer werden immer vier Produkte auf einen Schlag angeboten. (Erste Anforderung erfüllt.)

Bleibt der Nutzer inaktiv, d. h. führt er den Cursor nicht über den Präsentationsbereich, öffnen sich – einer nach dem anderen – die größeren Content-Bereiche der Panele (wie bei einem Akkordeon).
In einem solchen Content-Bereich ist Platz für mehr Information, d. h. Text und Bild.
Ein Panel ist also immer aufgeklappt. (Im Bild oben ist exemplarisch der Content-Bereich des 3. Panels ausgefahren.)

Der Nutzer erfährt mehr über das jeweilige Produkt, ohne dass die anderen von der Bildfläche verschwinden. (Zweite Anforderung erfüllt.)

Einige weitere Umsetzungsdetails sorgen für eine sehr intuitive Bedienbarkeit des Widgets.

Wer mehr wissen möchte, wem wir bei Umsetzung oder Konzeption solcher Widgets, Funktionen und Sensationen auf einer Website helfen können, kann sich bei uns melden. KM2 >>, die knuffige Internetagentur in Düsseldorf, hilft gern.

Zum Schluss: Ich freue mich. Einfach so. Über das zurückliegende Projekt. Das Vertrauen unseres Kunden Grohe. Darüber, dass nun alles online ist.

* Widget: heißt übersetzt so etwas wie “Vorrichtung” und meint hier ein kleines Programm, das in eine Website zur Anzeige von Informationen eingebunden wird.

Zurück zum ersten Teil des Beitrags über das Projekt für unseren Kunden Grohe.

Ja Mensch, neulich war es soweit: Nach dem Relaunch der Startseiten aller Grohe-Länder-Websites sowie von grome.com und grohe.com (wir haben hier darüber berichtet) ging auch grohe.de mit neuer Startseite online.

Mit der Produktoffensive 2010 sind nun alle Grohe AG-Websites auf die von uns konzipierte Startseite umgestellt worden.

Ziele/Wünsche des Kunden für die Startseite waren:

• Bessere/klare Nutzerführung
• Mehr Raum für Produktpräsentationen UND
• Raum für Produktvorteile/Produktnutzen
• Aber: Keine Überfrachtung der Seite bei gleichzeitiger
• Beibehaltung der Informationsdichte
• Nutzerfreundlichkeit wie z. B. schnelle Ladezeiten
• Wahrung der Markenidentität bzw. Markensouveränität, denn Grohe ist ein weltweit führender Hersteller für Sanitärarmaturen. Dieses Standing soll die Startseite spiegeln.

Wir hatten so gut wie freie Hand. Sogar der Online-Style Guide war nur in Maßen zu beherzigen. Für die Darstellungs-/Anzeigeelemente konnten wir auch technisch aus dem Vollen schöpfen. Allein Machbarkeit bzw. Umsetzungsaufwand sollten wir im Auge behalten. Klar, ein sinnvolles Aufwand-Nutzen-Verhältnis macht Sinn.

Insgesamt war das alles sehr entzückend, denn was wünschen sich hungrige Kreative mehr als Freiheiiit. Jetzt galt es, diverse Quadraturen des Kreises auf der Wunschliste (z. B. Übersichtlichkeit vs. hohe Informationsdichte) zu lösen…

(Fortsetzung mit: Produktpräsentation per Akkordeon-Widget)

Im April erst gingen zahlreiche internationale Websites des Armaturenherstellers Grohe mit neuer Startseite online. Layout und Konzept stammen von uns.

Seit letzter Nacht ist nun auch die neue Grohe.com-Startseite mit Länderauswahl per Weltkarte zu bewundern. Gefragt waren eine sehr klare Nutzerführung, bestimmte inhaltliche Bestandteile, Erfüllung einiger Styleguide-Vorgaben bei Wahrung der gewohnten Grohe-Gediegenheit.

Früh im Jahr haben wir mehrere Stoßrichtungen und Überarbeitungen geliefert. Was jetzt im Netz zu sehen ist, ist das Ergebnis.

Die sehr gute Zusammenarbeit mit dem Grohe-Team hat das Projekt bei allen sportlichen Timingvorgaben zur angenehmen Herausforderung werden lassen. Klare Vorstellungen, aufgeschlossene und konstruktive Gesprächsatmosphäre, schnelle Entscheidungen. Gern wieder.

Der weltweit bekannte Armaturenhersteller Grohe überarbeitet seine internationalen Websites: grohe.nl, .at, .pl, .no, .dk, .se, .in und grome.com sind bereits mit neuem Startseiten-Layout und -Konzept online gegangen. Die stammen von uns, der duften Internet-Agentur aus Düsseldorf.

More to come soon…

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!

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.

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

Mir fällt auf, wie schwer man sich als Nicht-Model mit Bildern von sich selbst tut. Ich glaube, das kennt jeder. Zum Glück ist die Auswahl groß genug, so dass wir sicher ein paar Shots finden, mit denen alle im Team zufrieden sind. Na, und dann haben wir ja noch Photoshop: Was nicht passt, wird einfach passend gemacht. Bildbearbeitung is us!

Danke für die Session, Sebastian.

Die KM2-Crew war heute mächtig fleißig und hat das Oberdeck des zukünftigen Zerstörers Kreuzers geschrubbt, gestrichen, geölt und was man halt noch mit so einem Schiff macht. Aber echt! Relaunch, ick hör Dir trapsen. Ick kann Dir fühlen. Dit peppt, dit rockt, dit macht mir high! Ich verspreche nicht zuviel, wenn ich sage: Das wird kein kleines Update, sondern ein monstermäßiges Teil, ich sag es euch! Aber jetzt mal ehrlich.