Case Study: www.fibreC.com

Anforderungen:

Auftraggeber der von BlueChip gestalteten WebSite www.fibreC.com ist die Firma Rieder Smart Elements GmbH, eine eigenständige Tochterfirma der Rieder Gruppe, welche kürzlich zum besten Familienunternehmen Salzburgs prämiert wurde und ihren Stammsitz in Maishofen bei Zell am See hat.
Die WebSite richtet sich primär an Architekten und Planer weltweit, die mit hochwertigen Oberflächenmaterialien von Wandverkleidungen zu tun haben. Dieser internationalen Zielgruppe sollen die Vorteile des revolutionären Werkstoffes "fibre C" in multimedialer und vielseitiger Form vermittelt werden. Der Werkstoff fibreC stößt in internationalen Architektenkreisen auf große Beachtung und kommt bereits bei zahlreichen Prestige-Projekten namhafter Architekten weltweit zum Einsatz (z.B. FIFA World Cup 2010 Stadion in Johannesburg, Zaragoza Bridge Pavilion zur EXPO 2008 von Zaha Hadid u.v.m.), sodass zurecht von einer Erfolgsgeschichte gesprochen werden kann. Diese sollte mit dem Relaunch der WebSite ihre Fortsetzung im Web finden.

Der Auftrag umfasste einerseits ein grafisch neu ausgerichtetes Screendesign, das in aller Schlichtheit die Exklusivität des Werkstoffes widerspiegeln und den hohen ästhetischen Anforderungen der Zielgruppe Rechnung tragen sollte.
Andererseits galt es, eine technisch sehr anspruchsvolle Feature-Liste umzusetzen: Implementierung des CMS Typo3 mit zahlreichen Erweiterungen und individuellen Plugins, Umsetzung von Multi-Länder-Sites, interaktiver Flash-Header, Darstellung der Referenzen und des internationalen Partnernetzwerkes als Google Maps, Gestaltung diverser Sales Tools wie Produktkonfigurator, Flash Movie, Online Katalog, Download-Center u.v.m.


Feature List:

Typo3 CMS mit Multi-Länder-Sites: Implementierung & Adaptierung des Content Management Systems Typo3; Erweiterung des Typo3 Backend um die Möglichkeit, mehrere Länder- und Sprachversionen der WebSite mit inhaltlicher Differenzierung anzubieten. DropDown-Auswahl rechts oben für Länder-/ Sprachauswahl, Merk-Funktion der gewählten Länder-/Sprachauswahl mittels Cookie. (Anm.: Zahlreiche Länderversionen in unterschiedlichen Sprachen befinden sich zur Zeit in Ausarbeitung).

Interactive Flash-Header: Im Typo3-Backend können für jede Content-Seite im Frontend mehrere Bilder mit optionalen Erläuterungstexten hinterlegt werden. Zu jedem upgeloadeten Farbbild, das erst auf MouseOver angezeigt wird, wird als Standard-Darstellung automatisch ein Schwarz-Weiss-Bild im Flash-Header angezeigt. Ein-/Ausblenden des Erläuterungstextes, auf den das Fragezeichen rechts oben im Bild-Header hinweist.

fibreC & Google Maps: Referenzprojekte und Vertriebspartner werden neben der klassischen Darstellung auch in Form von Google Maps als interaktive Landmarks ausgegeben (Menüpunkte "fibreC Maps" bzw. "Unternehmen > Kontakt") Sämtliche in Google Maps dargestellten Daten werden vom Kunden selbst über das Typo3 Backend administriert (hierzu wurde das Typo3-Plugin rgg_googlemaps programmiertechnisch erweitert)

Online-Katalog 07: Flash-Pageflip-Katalog des aktuellen fibreC Produktkatalogs – "fibreC InfoCenter" > "Katalog 07")

fibreC Colour Specifier: Flash-Konfigurator zur Auswahl der Farben- und Oberflächen-Optionen von fibreC mit Verknüpfungen zu Referenzbildern ("fibreC InfoCenter" > "fibreC Farben & Oberflächen")

Flash-Film "fibreC in 2 Minuten": Das Wichtigste zu fibreC in Kürze als .exe-file (verpackt als ZIP-Download)

News- & Pressebereich: Länderspezifische Ausgabe von News- & Presseberichten mittels erweitertem "tt_news"-Plugin ("fibreC news" und "presse"). Im Backend wird definiert, welche News- oder Presseberichte in welchen Länder-Versionen angezeigt werden.

Produkt- und Referenzen-Plugin: Programmierung einer Typo3-Extension zur Verwaltung und Anzeige sämtlicher Produkt- und Referenzdaten mit Differenzierungsmöglichkeit auf den Länder-Sites.

Digital Asset Management - Implementierung und Erweiterung des Typo3 Moduls DAM: Zentrale Administration der im Frontend ausgegebenen Digital Assets wie Textdokumente und Bilddaten. Das Typo3-Plugin DAM wurde von BlueChip um die Möglichkeit, Länder- und Sprach-spezifischer Zuordnungen und Filter erweitert: So können Dokumente als global oder länderspezifisch definiert werden – entsprechend erfolgt die Ausgabe im Frontend dann entweder in allen Länderversionen (global) oder nur auf der bzw. den definierten Länder-Site/s.

Image Download ("fibreC InfoCenter" > "Image-Download"): Mit dem DAM verknüpftes Download-Center, bei dem Bilddateien länderspezifisch ausgegeben werden.

Screenshots Frontend:


Einstiegsseite mit geöffneter Länderversion "Mainsite, Deutsch" (die WebSite ist als Multi-Länder-Site angelegt)
Übersichts-Ansicht der fibreC-Referenzprojekte zur Produktkategorie "Interior")
Darstellung der fibreC-Referenzprojekte in Google Maps
 
Fullsize-View eines Content-Bildes, z.B. einer Interior Design Referenz
"Colour Specifier": Flash Konfigurator zur Auswahl der Farb- & Oberflächen-Optionen des Werkstoffes fibreC
News Detailansicht
 
Übersichtstabelle über verfügbare Bilder-Downloads (basierend auf dem Modul DAM, siehe Backend-Screenshot) mit verschiedenen Sortier- und Selektionsoptionen
    

Screenshots Backend:


Listenansicht des DAM: Digital Asset Management mit vielfältigen Dokument-Attributen, Such- und Editiermöglichkeiten für Dokumente. Aktuelle Ansicht: Anzeige der im DAM verwalteten PDF-Dokumente
Auswahl der Bilder, die im Flash-Header einer bestimmten Content-Seite (in diesem Fall Produkte > Exterior > concrete skin 10) angezeigt werden sollen. Die Auswahl kann wie hier über das DAM-Modul erfolgen, welches im PopUp im Vordergrund geöffnet ist.
Platzierung der Placemark (Standort-Platzierung) der Referenz "Aguntum Atriumhouse" in der Google Map: Mittels Klick auf die Karte werden die Geodaten automatisch in das Formular im Hintergrund geschrieben.
 
Zuordnung des Produktes "concrete skin 10" zu den Länderversionen, in denen das Produkt angezeigt werden soll (aktuelle Einstellung: Mainsite).
    
« zurück