Website Design für die Berliner Miriam-Makeba-Grundschule

Kund:in

Miriam-Makeba-Grundschule

Musik ist nicht nur eine Sprache, die Menschen verbindet, sondern auch das Thema, welches die Schüler:innen und Lehrer:innen der Miriam-Makeba-Grundschule täglich umtreibt. Wir haben eine neue Website für die Berliner Grundschule gestaltet und umgesetzt, bei der das Thema Musik auch visuell erlebbar wird.



Challenge

Die größte Herausforderung war: Die Seite sollte sehr klar und gleichzeitig sehr flexibel sein. Wir haben ein Modul-System entwickelt, das ein einheitliches, spielerisches und klares Designbild vermittelt. Gleichzeitig ermöglichen wir dadurch eine extrem flexible Nutzung und Bearbeitung durch die Lehrer:innen der Schule.

Website Navigation zeigt das umfangreiche Mega-Menü mit mehrspaltigen tabellarischen Layout
Smartphone Screens mit Websiteinhalten, mit farbenfrohen dekorativen Elementen

Website Design / Modulares System

Wir haben uns für ein graphisches Gestaltungssystem entschieden, welches mit markanten farbigen Absätzen für Klarheit und Ordnung sorgt und gleichzeitig und bunt und verspielt passend zur Grundschule ist. So gibt es klar von einander abgegrenzte Module, die aber zusammengesetzt ein stimmiges Gesamtbild erzeugen – egal in welcher Reihenfolge! Durch abstrakte Symbole, die aus der Musikwelt stammen, bringen wir spielerische Elemente mit ein und greifen das Thema der musikalischen Schule immer wieder auf.

Website Screen mit eingeklappter Navigation auf der linken Bildschirmseite. Die Seitennavigation ermöglicht ein schnelles Springen zu Inhalten auf der selben Seite
Ausgeklappte Seitennavigation mit angezeigten Titeln der Absprungmarken
Bunte geometrische Illustrationen, inspiriert durch Musikinstrumente

Modulares Content Management System

Die Website wurde mit Kirby CMS umgesetzt, unserem bevorzugten Content Management System. Für das modulare System der Grundschule ist dieses einfache und gleichzeitig flexible CMS besonders geeignet. Wir haben individuelle Bausteine gestaltet und entwickelt, die unsere Kund:innen selbstständig und nach Belieben positionieren, anordnen und kombinieren können. Dabei bleibt der einheitliche Look und die gute Performance der Seite in jeder Anordnung bestehen!

Schau dir das Projekt live an

ZN Liebesbrief