Design Thinking ist ein innovatives Konzept zur Problemlösung, das seinen Ursprung an der Stanforder d.school hat und von Hasso Plattner maßgeblich gefördert wurde. 2007 wurde die Idee mit der Gründung der HPI School of Design Thinking in Potsdam nach Deutschland gebracht.
Mit der neuen Webseite wurde ein digitales Erlebnis geschaffen, das die Philosophie des kreativen Denkens mit einer klaren Nutzerorientierung verbindet. Unsere Agentur unterstützte die Umsetzung in Front- und Backend, um das Maximum innovativer Designideen ins Web zu überführen.
Kunde
Hasso-Plattner-Institut
Leistungen
Konzeption
Templateentwicklung
TYPO3 Entwicklung
Webseite
Teilen
Neue Design-Maßstäbe
Das umfangreiche Design der neuen Webseite – entwickelt von der Berliner Agentur Sten Hema – überzeugt durch großen Detailreichtum und eine klare visuelle Identität. Die vielfältige Farbpalette sorgt für Orientierung und schafft gleichzeitig eine lebendige, inspirierende Atmosphäre. Sanfte Rundungen und dezente Animationen verleihen der Seite Dynamik und sorgen für ein harmonisches, visuelles Erlebnis.
Für unsere Entwickler war die Umsetzung der detailreichen grafischen Elemente eine spannende Herausforderung. Pixelgenaue Präzision und die Integration von Mikroanimationen, wie bei interaktiven Elementen und dem responsiven Startseiten-Banner, erforderten technisches Know-how und kreative Lösungen. Trotz der Komplexität war das Projekt eine willkommene Abwechslung: In enger Zusammenarbeit mit der Design-Agentur und dank regelmäßiger Jour Fixes konnten wir die kreativen Ideen präzise ins Web übertragen.
Kreativ denken – flexibel pflegen
Ein besonderes Augenmerk lag auf der Barrierefreiheit der neuen Webseite, die auch bei komplexen Designelementen konsequent umgesetzt wurde. Ziel war es, alle Inhalte und Interaktionen für möglichst viele Nutzergruppen zugänglich zu machen.
Um den Redakteuren maximale Flexibilität zu bieten, haben wir sämtliche Designelemente im TYPO3-Backend pflegbar gemacht. So lassen sich beispielsweise Hintergrundgrafiken, Masken und Farbvariationen in den Headerbildern ganz einfach anpassen und individuell kombinieren. Dadurch können Inhalte dynamisch gestaltet werden, ohne dabei die klare Designlinie der Seite zu beeinträchtigen.
Starke Datenstrukturen für flexible Inhalte
Im Hintergrund sorgt eine breite Palette an TYPO3-Extensions für die technische Basis der Webseite. Besonders herausfordernd war die Abbildung eines komplexen Datenmodells für die Eingabemaske der Bildungsangebote. Hier galt es, zahlreiche Informationen wie Workshop-Termine, Ansprechpartner und weiterführende Inhalte strukturiert darzustellen.
Dank einer präzisen technischen Umsetzung können Redakteure nun mühelos Daten pflegen und zielgruppengerecht ausspielen. Die Flexibilität des Modells ermöglicht es, Inhalte dynamisch zu kombinieren und so ein einheitliches, funktionales Nutzererlebnis zu gewährleisten.
