Kreative Website für die Medien- & GemeinschaftsschuleErnst-Reuter-Schule, Karlsruhe

Die Ernst-Reuter-Schule in der Waldstadt ist eine Werkrealschule, Medienschule und war eine der ersten echten Ganztagsschulen in Baden-Württemberg. Die Schülerzeitung Ernschtle hat bereits eine Vielzahl an Preisen und Auszeichnungen gewonnen.

Relaunch Website

Übersicht Projekt

Leistungen

Beratung, Konzeption, UX & UI-Design, Entwicklung

Branche

Bildung, Schule, Medienschule, Gemeinschaftsschule

Technik

HTML, CSS, JavaScript, TYPO3

zur Website

Beschreibung

Das Besondere dieser Website ist die Vermischung des Konzepts klassischer Websites mit mehreren Unterseiten und dem Prinzip von Onepage Websites. So wurde der Inhalt thematisch auf mehrere Seiten verteilt, z.B. auf die zwei Schwerpunkte der Schule, der „Gemeinschaftsschule“ bzw. der „Medienschule“ sowie auf Bereiche wie „Schulgemeinschaft“ und „Service“. Diese Seiten beinhalten alle Facetten des jeweiligen Themas durch Kapitel innerhalb der jeweiligen Seite - anstelle vieler Unterseiten. Diese Seiten mit ihren jeweiligen Kapiteln funktionieren entsprechend wie Seiten einer Onepage Website.

Bei einem "Onepager" werden alle Inhalte innerhalb einer Seite untereinander dargestellt. Auf diese Weise lassen sich die Inhalte kompakter und ohne vermeidbare Klickhürde darstellen.

Die Navigation stellt alle Seiten der Website sowie die jeweiligen thematischen Abschnitte innerhalb dieser Seiten dar und verlinkt diese Seiten bzw. Inhalte direkt. Damit spielt die Website der Ernst-Reuter-Schule die Vorteile dieser beiden Website Konzepte ideal aus.

Als CMS wird TYPO3 verwendet. Die Website wurde frei von überfrachteten Frameworks entwickelt. Das Ergebnis ist eine individuelle, sehr performante Website ohne unnötigen Code. Außerdem ist die Website besonders klimafreundlich.

Nachhaltiges Webdesign: hochwertig und blitzschnell

Die Performance, Qualität und Nachhaltigkeit einer Website kann mit Hilfe frei zugänglicher Tests eingeschätzt werden: Lighthouse Test, Ecograder Test, Website Carbon Test. Weitere Informationen im Blog.