M

At sit eleifend efficiendi, utroque forensibus vel eu. Eros mandamus ad nam. Ad natum virtute pro, dicit scripserit nec cu et qui dicat.

Follow me:
Tw        Be        Fb        Pin

Tw        Fb        Pin

German Design Council

Beratung, Konzeption, Highend Frontend-Entwicklung, Programmierung, Typo3, SEO

Responsive Ansicht der German Design Council Website

Über German Design Council

Bereits 1953 wurde der „Rat für Formgebung“ gegründet. Am ursprünglichen Auftrag der Stiftung hat sich bis heute nichts geändert. Es geht darum, gutes Design als Wirtschafts- und Kulturfaktor zu unterstützen. Und diese Aufgabe erfüllt das German Design Council mit Ausstellungen, Wettbewerben, Konferenzen, Publikationen und strategischen Beratungen. Natürlich inzwischen auch online.

www.german-design-council.de

Design macht Marken stark und Unternehmen erfolgreich.

Die Aufgabe

Eine anspruchsvolle Frontend-Aufgabe mit hohen Anforderungen an redaktionelle Flexibilität und Automatisierung von Backend-Funktionen.

Beim Relaunch der Website lag der Fokus schwerpunktmäßig auf moderner Optik und zeitgemäßen Funktionalitäten. Die Gestaltung musste den hohen Erwartungen der Besucher und dem Anspruch der Stiftung genügen. Denn German Design Council setzt auch beim eigenen Online Auftritt Design Standards.

 

Die Lösung

Auf Basis des CMS Typo3 ist das Frontend mit HTML 5, jQuery und Bootstrap umgesetzt. Die besondere Herausforderung lag dabei darin, die typografischen Gestaltungselemente animiert und responsiv über alle Auflösungen perfekt zu inszenieren. Ein weiteres stilprägendes Element sind die großformatigen Bilder, die in höchster Qualität auf Auflösungen bis zu 4k dargestellt werden. Um mobile Ansichten nicht mit unnötigem Datentransfer zu belasten, haben wir hier ein dynamisches Dateirendering nach Displagröße installiert.

 

Eigene Extensions

Als zentrale Unternehmenswebsite erscheinen auf german-design-council.de unter anderem gebündelt Informationen über alle Design-Awards der Stiftung. Um datentechnisch Redundanzen zu den jeweiligen Award-Websites zu vermeiden und Redakteure von mehrfachem Einstellen des Contents zu entlasten, werden Bilder, Videos und News als Mediathek in das System importiert. Dieses geschieht über eine eigens entwickelte Extension.

Ebenfalls individuell für das German Design Council wurde die Galerie entwickelt, über die Preisträger und deren Arbeiten nach Kategorien gefiltert angezeigt werden können.

Eine Zeitstrahl-Extension veranschaulicht den Besuchern die Abläufe der verschiedenen Awards linear und transparent. Basis dieser Funktion ist ein eigenens entwickelter Kalender, der Award-Phasen und Kategorien interpretieren kann.

Technologien im Projekt

Typo3
HTML5, CSS3, JS
jQuery
Bootstrap