InternetPLATTFORM

Responsive Design für die neue Beton.org

Das InformationsZentrum Beton (IZB) ist ein Netzwerk für Hersteller, Bauherren, Ingenieure, Architekten oder den Garten-Landschafts-Bau.

Für alle, die mit zementgebundenen Bauweisen zu tun haben. Mit der beton.org, der Informationsplattform der deutschen Zement- und Betonindustrie, stellt das IZB Fachleuten und Laien gleichermaßen Informationen zum Bauen mit Beton sowie aktuelle Nachrichten zu Planung und Anwendung zur Verfügung und gibt Hinweise zu Veranstaltungen, Designideen, Literatur und neuen Architekturen bzw. Bauwerken.

KUNDE

InformationsZentrum Beton GmbH, Erkrath

 

www.beton.org

 

Anforderung

Wir sollten die beton.org mit neuem Design und verbesserter Usability (Bedienbarkeit/Benutzerfreundlichkeit) verjüngen und zukunftsfähig machen.

Anders gesagt: Die Website musste auch auf mobilen Geräten gut zu handhaben sein und soziale Medien einbinden. Nutzer sollten außerdem auf das gesamte Netzwerk der Beton.org zugreifen können – also auf eine Vielzahl von Projekt- und Partnerseiten.

Umsetzung

  • Content-Management-System: TYPO3
  • Apache Solr
  • HTML5

Lösung

Wir haben die neue Beton.org modular aufgebaut, damit sie ohne viel Aufwand gestaltet und redaktionell gewichtet werden kann. Und: Dank der modularen Seitenelemente wird die Seite auch mobil optimal dargestellt.

Mit Hilfe eines sogenannten „White Labels“ stellten wir sicher, dass Webseiten aus dem Beton-Netzwerk unkompliziert und im Look-and-Feel der Beton.org eingebunden werden können. Um diese mit ihren Partner- und Projektseiten zu vernetzen, kreierten wir einen Farbbalken mit Netzwerk-Icon, über das sich eine Übersicht zum Netzwerk anzeigen und entsprechende Netzwerkseiten aufrufen lassen. Dort finden sich Farbbalken und Netzwerk-Icon wieder und bilden eine visuelle Verknüpfung zur beton.org. Verschiedene Farben dienen zur Orientierung beim Wechsel zwischen den Seiten.

Pluspunkte

  • Einfacher Zugang zu Fachwissen
  • Benutzerfreundlich durch einheitliche Gestaltung und Handhabung
  • Leichte Einbindung zusätzlicher Webseiten durch White-Label
  • Einfach zu pflegen durch Gestaltung mit Content-Management-System TYPO3
  • Angepasste Darstellung je nach Endgerät