Webdesign, TYPO3 CMS, Konzept

• Grafisches Konzept
• Webdesign
• TYPO3-Umsetzung
• Begleittexte

Die Polychem Handelsges.m.b.H. mit Firmensitz in Markt Allhau bietet ein 10 Länder umspannendes, internationales Netzwerk für den Vertrieb von Rohstoffen, Hilfsstoffen, Zubehör, Toolingsystemen sowie für die Installation und Wartung von Maschinen – unter anderem in den Bereichen Farben-, Lack- und Kunststoffverarbeitungsindustrie. 

Das Projekt beinhaltete eine komplette Design-Neupositionierung mit Ausarbeitung eines umfassenden Webdesign-Konzeptes. Das neue Konzept sollte die Polychem-Group als zentrale Anlaufstelle und gemeinsames Unternehmensnetzwerk präsentieren. Die Besucher der Websites der Polychem-Group sollen einerseits schnell und übersichtlich über die Kernkompetenzen und die Präsenz in den verschiedenen Ländern informiert werden, andererseits soll das Konzept ein sehr tiefes Navigationskonzept bereitstellen, das bei Interesse an einzelnen Bereichen detaillierte Informationen liefern kann. Gleichzeitig liegt der Focus auf der Zentrale in Österreich - als Traditionsunternehmen. Die Schwierigkeit bei der Konzeptausarbeitung war, dass sowohl unterschiedliche Sprach-Versionen der Website zur Verfügung stehen müssen, die einzelnen Länder-Websites jedoch nicht zwingend eine Übersetzung der Haupt-Website darstellen, und die Hauptniederlassung klar kommuniziert werden sollte. Bei der Konzeptarbeit musste also die Darstellung des Ländernetzwerkes mit der Sprachauswahl der Website in Verbindung gebracht werden, ohne den Benutzer mit unnötigen Entscheidungen behelligen zu müssen. Eine automatische Sprachauswahl auf Basis der Browsereinstellungen nimmt dabei dem Benutzer die Vorauswahl der Sprache ab. 

Herangehensweise an Konzept und Webdesign

Nüchternes und elegantes Design, das sich zu einem großen Teil durch die Typografie und abstrakte Bilder definiert. Dominant sind Motive zur Bewerbung der Kernbereiche sowie grafische Elemente aus dem Polychem-Logo, wobei die grafischen Motive bewusst eher abstrakt gehalten sind. Die Entscheidung für die sehr junge und moderne Schrift "Droid Sans" wurde aufgrund der Ähnlichkeit zur Logo-Schrift sowie der guten Plattform-Unabhängigkeit und Lesbarkeit auf (unter anderem auch) Tablet-Geräten gewählt. Das Konzept kommt trotz vieler animierter Bereiche vollständig ohne Flash aus und ist damit auf modernen Tablet- und Mobilgeräten lauffähig.

Kein Webdesign von der Stange

Vier Flächen im modernen "Tiles"-Design werden als animierte Banner eingesetzt, um die Kernkompetenzen des Unternehmens darzustellen. Die Kacheln wechseln ständig, präsentieren abwechselnd immer eines der Segmente in Großaufnahme und vermitteln durch Motivgestaltung und -animation Dynamik und Innovation. Im rechten Bereich wurde eine stilisierte Landkarte eingesetzt, um auf das Ländernetzwerk und den Aktionsradius des Vertriebs hinzuweisen. Eine animierte Landkartendarstellung mit abgedunkeltem Hintergrund kann eingeblendet werden und stellt ohne Umwege sofort die Niederlassungen und Ansprechpartner sowie den Link auf die jeweilige Sprach- und Länderversion dar. Der Wechsel auf die gewünschte Version wird an mehreren Stellen redundant angeboten und unterstreicht die Einfachheit des Design-Konzeptes, das trotz – oder wegen – seiner Einfachheit eine unglaubliche Fülle an Informationen bereits auf der Startseite bereithält, ohne den Besucher mit einem Überangebot an Grafik oder Information zu "erschlagen". Im Kontrast zum Headerkonzept, das quasi Mut zur Farbe und Größe versprüht, wurde der Rest zurückgenommen sehr schlicht und, bis auf die grundlegenden Designelemente, fast rein typografisch gelöst: Navigation, Überschriften, Texte – gut lesbare Schriften in edlem, schlichtem Design und sparsam eingesetzte, eigens gestaltete Symbole zur Kennzeichnung von animierten Aufklapp-Bereichen, Kernkompetenzen und sog. "Tooltips" vermitteln einen aufgeräumten, modernen Design-Eindruck.

Content Management System TYPO3 / technisches Konzept

Bei einem Projekt dieser Größenordnung, Komplexität und aufgrund der hohen Anforderung an Design und Konzept spielt TYPO3 seine Vorzüge optimal aus: Multidomainfähigkeit, optimale Untersützung für Mehrsprachigkeit (8 Sprachen) sowie Flexibilität zur Umsetzung  ausgefallener Design-Ideen und ein übersichtliches Redaktions-Interface, das eine benutzerfreundliche Wartung der acht Sprachen des Projektes und auch eingeschränkte Rechte für Übersetzer ermöglicht. Sozusagen ein "Heimspiel" für TYPO3, das mit Ausnahme einiger  Zusatzmodule trotz der komplexen Anforderung als Enterprise-CMS relativ schlank gehalten werden konnte, da die meisten Features bereits mit TYPO3-Bordmitteln umgesetzt werden konnten. 

Bei der Auslegung des CMS wurde auf Zukunftssicherheit und Upgrade-Möglichkeit geachtet. Der Einsatz von bewährten und gepflegten TYPO3-Extensions, die als Basis bereits die moderne Software-Architektur zukünftiger TYPO3-Versionen nutzen, sichert künftig niedrige Wartungskosten durch optimale Upgrade-Fähigkeit. Wie bei jedem von Pixel Melange umgesetzten TYPO3-Projekt wurde natürlich ein modularer Aufbau aller Source-Codes für spätere Erweiterbarkeit geplant und umgesetzt.

Ebenso die Ausgabe der HTML-Technik: Bei Pixel Melange kommen "nur frische Zutaten in den Kochtopf": Die gesamte Ausgabe wurde in HTML5 realisiert, auch Video-Filme werden vollständig ohne Flash in HTML5 ausgegeben, um Einschränkungen auf iPad & Co nicht in Kauf nehmen zu müssen. jQuery als JavaScript-Framework garantiert beste Browser-Kompatibilität im Desktop-, Tablet- und Mobilbereich. Als Vorlagentechnik innerhalb TYPO3 setzen wir zu 100% auf die neue Template-Engine "TYPO3 Fluid". Schlankerer, wartbarer Sourcecode ist die Folge, wodurch beispielsweise die Inhalte der interaktiven Landkarte vollständig dynamisch generiert werden können.

Kleine Gimmicks, wie z. B. die (je nach Browsereinstellung des Besuchers) automatische Vorwahl der Sprach- und Länderversion, runden das einfache Bedienkonzept ab und schaffen die Basis für eine optimale Vertriebsunterstützung durch die Website.