Case Study

Waldschule Herten

Von einer veralteten Schulwebsite zu einem digitalen Auftritt, 
den das gesamte Kollegium selbst pflegt.

Städtische Gemeinschaftsgrundschule im Hertener Norden · 303 Kinder · Offene Ganztagsschule

KUNDE

Waldschule Herten

BRANCHE

Bildung / Schule

LEISTUNGEN

Webdesign, WordPress, SEO

CMS

WordPress

FOKUS

Relaunch & Performance

Website-Referenz: Waldschule

Viele Schulwebsites hängen im Alltag an einer einzigen Person. Fehlt die Zeit für Aktualisierungen, bleiben wichtige Informationen liegen und die Website verliert schnell an Aktualität. Genau vor dieser Herausforderung stand auch die Waldschule Herten.

 

Mit dem Relaunch entstand eine neue WordPress-Website, die nicht nur modern aussieht, sondern den Schulalltag aktiv unterstützt. Heute kann das Kollegium Inhalte, Klassenseiten und aktuelle Beiträge selbst pflegen – direkt aus dem täglichen Schulleben heraus.

Projekt

Projekt auf einen Blick

Die Waldschule Herten stand vor der Aufgabe, ihre bestehende Schulwebsite grundlegend zu modernisieren. Dabei ging es nicht nur um ein neues Design, sondern vor allem um eine Lösung, die den Schulalltag unterstützt, Eltern schnell informiert und vom gesamten Kollegium selbst gepflegt werden kann.

 

Gemeinsam mit der Schule entstand eine neue WordPress-Website mit klarer Struktur, moderner Gestaltung und einer technischen Grundlage, die langfristig funktioniert. Ein besonderer Fokus lag auf den Klassenseiten: Lehrkräfte können eigene Inhalte veröffentlichen und den Eltern aktuelle Einblicke in den Schulalltag geben.

 

Neben dem Website-Relaunch gehörten auch die technische Optimierung, eine saubere SEO-Grundlage und die Schulung des Kollegiums zum Projekt. So entstand eine moderne Schulwebsite, die nicht nur gut aussieht, sondern im Alltag wirklich genutzt wird.

Ausgangslage

Jedes gute Projekt beginnt mit dem richtigen Verständnis.

Die bisherige Schulwebsite der Waldschule Herten war über viele Jahre eine wichtige Informationsquelle für Eltern, Lehrkräfte und Interessierte. Mit der Zeit wurde jedoch deutlich, dass Gestaltung, Struktur und Nutzerführung nicht mehr den heutigen Erwartungen entsprachen. Besonders auf mobilen Geräten war die Darstellung nicht optimal und wichtige Informationen waren nicht immer schnell auffindbar.

 

Die größere Herausforderung lag jedoch in der täglichen Pflege der Inhalte. Die Website war stark von einer einzelnen Person abhängig und ließ sich nur über ein externes System verwalten. Solange wenige Änderungen notwendig waren, funktionierte dieser Ablauf – mit wachsendem Pflegeaufwand wurde die Aktualisierung jedoch zunehmend zeitintensiver.

 

Gemeinsam mit der Waldschule Herten entschieden wir uns deshalb bewusst gegen eine reine Designüberarbeitung. Stattdessen entstand eine komplett neue WordPress-Website, die den Schulalltag besser unterstützt, Eltern eine klare Orientierung bietet und dem gesamten Kollegium ermöglicht, Inhalte selbstständig zu pflegen.

Screenshot der Website Waldschule Herten

Eine moderne Schulwebsite muss mehr können als Informationen bereitstellen. Sie soll Eltern schnell Orientierung geben – und dem Team ermöglichen, Inhalte direkt aus dem Schulalltag heraus selbst zu pflegen.

– Leitgedanke des Projekts

Zielsetzung

Eine Website, die im Schulalltag wirklich funktioniert.

Eine moderne Schulwebsite muss heute mehrere Aufgaben gleichzeitig erfüllen: Sie soll Eltern schnell informieren, Einblicke in das Schulleben geben und gleichzeitig für das Team einfach zu pflegen sein.

 

Der Fokus des Projekts lag deshalb nicht nur auf einem neuen Design. Entscheidend war eine Lösung, die den Alltag der Waldschule Herten unterstützt und die Verantwortung für Inhalte auf mehrere Schultern verteilt.

Klare Orientierung für Eltern

Informationen zu Klassen, Terminen, Betreuung und Schulalltag sollten übersichtlich strukturiert und schnell erreichbar sein.

Selbstständige Pflege durch das Kollegium

Die Website sollte unabhängig von einzelnen Personen funktionieren. Lehrkräfte sollten eigene Bereiche pflegen und Inhalte direkt veröffentlichen können.

Das Schulleben sichtbar machen

Die neue Website sollte nicht nur informieren, sondern zeigen, was die Waldschule besonders macht – mit aktuellen Beiträgen, Klassenbereichen und Einblicken aus dem Schulalltag.

Flexible Grundlage für die Zukunft

Mit WordPress entstand ein System, das einfach bedienbar ist und gleichzeitig Raum für zukünftige Erweiterungen bietet.

Vorgehen

Vom ersten Konzept bis zum erfolgreichen Relaunch.

Eine neue Schulwebsite entsteht nicht einfach über Nacht. Hinter dem Relaunch der Waldschule Herten stand ein klar strukturierter Prozess – mit dem Ziel, eine Website zu entwickeln, die nicht nur modern aussieht, sondern langfristig im Schulalltag funktioniert.

01

Analyse & Struktur

Am Anfang stand eine genaue Analyse der bestehenden Website und der täglichen Abläufe. Gemeinsam mit der Schule haben wir geprüft, welche Inhalte wichtig sind, wie Eltern Informationen suchen und welche Bereiche künftig vom Kollegium selbst gepflegt werden sollen. Daraus entstand eine klare Seitenstruktur als Grundlage für die neue Website.

02

Webdesign & Nutzerführung

Auf Basis der neuen Struktur entwickelten wir ein modernes Webdesign, das zur Waldschule passt: freundlich, übersichtlich und leicht verständlich. Eine klare Navigation, eine ruhige Gestaltung und eine optimierte Darstellung auf allen Geräten sorgen dafür, dass Eltern und Lehrkräfte schnell finden, was sie suchen.

03

Entwicklung mit WordPress

Die technische Umsetzung erfolgte mit WordPress als flexibles Content-Management-System. Besondere Aufmerksamkeit lag auf den Klassenseiten: Lehrkräfte können eigene Inhalte veröffentlichen, Beiträge aktualisieren und den Schulalltag direkt auf der Website abbilden.

04

Feinschliff, Schulung & Launch

Vor der Veröffentlichung wurden Inhalte geprüft, die Performance optimiert und alle Funktionen getestet. Anschließend wurde das Kollegium persönlich geschult, damit die Website direkt im Alltag genutzt und eigenständig weiterentwickelt werden kann.

Ergebnis

Eine Website, die vom Schulalltag lebt.

Die neue Schulwebsite der Waldschule Herten wurde vollständig mit WordPress neu aufgebaut. Aus einem schwer pflegbaren System entstand eine flexible Plattform, die nicht mehr von einer einzelnen Person abhängig ist, sondern vom gesamten Kollegium genutzt werden kann.

 

Ein zentraler Bestandteil der neuen Website sind die individuellen Klassenseiten. Jede Klasse verfügt über einen eigenen Bereich, in dem Lehrkräfte Beiträge, Termine und Einblicke aus dem Schulalltag veröffentlichen können. Dadurch bleibt die Website aktuell und zeigt Eltern, was an der Waldschule passiert.

 

Damit die neue Struktur im Alltag funktioniert, wurde das System nicht einfach übergeben. Rund 25 Lehrerinnen wurden vor Ort geschult und konnten direkt mit der neuen Website arbeiten. So entstand keine reine technische Lösung, sondern eine Website, die wirklich in den Schulalltag integriert ist.

Vergleich

Vorher und Nachher

Der Unterschied zwischen alter und neuer Schulwebsite der Waldschule Herten wird im direkten Vergleich besonders deutlich. Dabei geht es nicht nur um ein neues Design, sondern vor allem um bessere Orientierung, eine einfachere Pflege und eine Website, die im Schulalltag wirklich funktioniert.

Screenshot der Website Waldschule Herten

Starres Tabellen-Layout mit eingeschränkter Nutzung auf mobilen Geräten.

Website nachher Waldschule Herten

Modernes, responsives Layout mit klarer Struktur und angenehmer Lesbarkeit auf allen Geräten.

Website vorher Waldschule Herten

Bilder vorhanden, aber eng und ohne klare Ordnung.

Website vorher Waldschule Herten

Lebendige Inhalte und aktuelle Beiträge

Design

Design, das Orientierung schafft.

Ein gutes Webdesign entsteht nicht nur durch eine moderne Optik. Es muss die Bedürfnisse der Nutzer verstehen und Informationen so darstellen, dass sie schnell erfasst werden können. Für die Waldschule Herten entstand deshalb ein freundlicher, klarer und strukturierter Internetauftritt, der Eltern, Lehrkräfte und Interessierte gleichermaßen abholt.

Klare Typografie

Eine gut lesbare Schrift, ausreichend Abstände und eine durchdachte Größenstruktur sorgen dafür, dass Inhalte auf allen Geräten angenehm erfassbar bleiben.

Freundliche Gestaltung

Warme Farben, großzügiger Weißraum und die gelbe Akzentfarbe als wiederkehrendes Gestaltungselement schaffen einen modernen Auftritt mit Wiedererkennungswert.

Intuitive Navigation

Die Menüstruktur wurde so aufgebaut, dass wichtige Informationen schnell erreichbar sind – von Klassenbereichen über Termine bis hin zu aktuellen Beiträgen aus dem Schulalltag.

Mobile Optimierung

Die Website wurde für Smartphone, Tablet und Desktop entwickelt. Inhalte und Funktionen passen sich automatisch an und bleiben auf jedem Gerät einfach nutzbar.

Authentische Bildsprache

Echte Einblicke in den Schulalltag machen die Website persönlicher und vermitteln Eltern einen authentischen Eindruck von der Waldschule.

Weißraum & klare Struktur

Bewusst eingesetzte Abstände sorgen für Ruhe im Layout und helfen dabei, Inhalte übersichtlich und verständlich zu präsentieren.

Laptop-Ansicht der Website Waldschule Herten
Laptop-Ansicht der Startseite
Mobile Ansicht der Website Waldschule Herten
Mobile Ansicht Schulleben
Tablet-Ansicht der Website Waldschule Herten
Tablet-Ansicht Team

Technik

Gute Websites überzeugen auch unter der Oberfläche.

Eine moderne Schulwebsite muss mehr können, als nur gut auszusehen. Sie muss schnell laden, auf allen Geräten zuverlässig funktionieren und dem Team ermöglichen, Inhalte selbstständig zu verwalten. Genau darauf wurde die technische Umsetzung der Waldschule Herten ausgerichtet.

WordPress als CMS

Die Website basiert auf WordPress und ermöglicht dem Kollegium eine einfache Pflege ohne technische Vorkenntnisse. Beiträge, Klassenbereiche und aktuelle Informationen können direkt im System erstellt und aktualisiert werden.

Responsive Design

Die gesamte Website wurde für Smartphone, Tablet und Desktop entwickelt. Inhalte passen sich automatisch an unterschiedliche Bildschirmgrößen an und bleiben überall komfortabel nutzbar.

Performance

Optimierte Bilder, eine schlanke technische Umsetzung und reduzierte Ressourcen sorgen für schnelle Ladezeiten und ein angenehmes Nutzungserlebnis – besonders auf mobilen Geräten.

Strukturierte Inhalte

Klassen, Beiträge und Termine wurden mit passenden Strukturen aufgebaut. Dadurch bleibt die Verwaltung übersichtlich und neue Inhalte können einfach ergänzt werden.

Erweiterbare Grundlage

Die Website wurde so entwickelt, dass sie mit den Anforderungen der Schule wachsen kann. Neue Bereiche, Funktionen und Inhalte lassen sich auch zukünftig flexibel integrieren.

Moderne Webstandards

Eine saubere technische Basis sorgt für Stabilität, bessere Wartbarkeit und eine langfristig zuverlässige Website.

Barrierefreiheit

Und ja, barrierefrei umgesetzt

Bei einer öffentlichen Schule ist Barrierefreiheit nicht nur ein wichtiges Qualitätsmerkmal, sondern gehört zu einer modernen digitalen Präsenz dazu. Deshalb wurde die Website der Waldschule Herten von Anfang an so entwickelt, dass Informationen möglichst einfach zugänglich und verständlich bleiben.

Dabei haben wir besonders auf folgende Punkte geachtet:

Sichtbarkeit

Gefunden werden. Von Menschen und Suchmaschinen.

Eine moderne Schulwebsite muss nicht nur Informationen bereitstellen, sondern auch dort sichtbar sein, wo Eltern danach suchen. Deshalb wurde die neue Website der Waldschule Herten von Beginn an mit einer sauberen Grundlage für Suchmaschinenoptimierung entwickelt.

 

Der Fokus lag dabei auf einer klaren Struktur, verständlichen Inhalten und einer technisch sauberen Umsetzung. So können Nutzer wichtige Informationen schneller finden und Suchmaschinen die Inhalte besser einordnen.

Übersicht

Im Direktvergleich

Was hat sich konkret verändert? Der folgende Vergleich zeigt, wie stark sich die Schulwebsite der Waldschule Herten durch den Relaunch weiterentwickelt hat – in Struktur, Pflege und Nutzererlebnis.

Vorher
Nachher
Technik
× Veraltete technische Grundlage
Flexible WordPress-Website
Pflege
× Abhängig von einer einzelnen Person
Kollegium pflegt Inhalte selbstständig
Mobil
× Eingeschränkte Nutzung auf mobilen Geräten
Responsive Darstellung auf allen Geräten
Struktur
× Inhalte schwer auffindbar und wenig übersichtlich
Klare Navigation und schnelle Orientierung
Aktualität
× Änderungen waren aufwendig
Aktuelle Beiträge, Termine und Klasseninhalte
Barrierefreiheit
× Nicht ausreichend berücksichtigt
Bessere Zugänglichkeit für alle Nutzer
SEO-Grundlage
× Keine klare technische Struktur
Saubere Basis für Suchmaschinen
Website-Referenz: Waldschule

Ergebnis

Das Ergebnis spricht für sich.

Eine gute Schulwebsite endet nicht mit dem Launch – sie entwickelt sich mit der Schule weiter.

 

Die neue Website der Waldschule Herten ist heute ein fester Bestandteil des Schulalltags. Lehrkräfte können Inhalte selbstständig aktualisieren, Eltern finden wichtige Informationen schnell und die Schule bleibt digital sichtbar. Aus einer statischen Website wurde eine lebendige Plattform, die direkt aus dem Schulgeschehen heraus entsteht.

Moderner Auftritt

Die Website präsentiert die Waldschule Herten so, wie sie ist: freundlich, offen und nahbar. Eltern erhalten bereits beim ersten Besuch einen authentischen Einblick in das Schulleben und die Werte der Schule.

Bessere Orientierung für Eltern

Durch die klare Struktur finden Besucher wichtige Informationen schneller – von Klassen, Betreuung und Konzepten bis hin zu aktuellen Terminen und Beiträgen aus dem Schulalltag.

Einfache Pflege durch das Kollegium

Die Website hängt nicht mehr an einer einzelnen Person. Lehrkräfte können ihre eigenen Bereiche und Inhalte selbstständig pflegen und direkt veröffentlichen – ohne technische Vorkenntnisse.

Eine Website, die aktuell bleibt

Neue Beiträge, Termine und Einblicke aus den Klassen sorgen dafür, dass die Website lebendig bleibt und Eltern regelmäßig aktuelle Informationen erhalten.

Technisch stabile Grundlage

Die WordPress-Website bietet eine moderne technische Basis, schnelle Ladezeiten und eine flexible Struktur, die mit den Anforderungen der Schule wachsen kann.

Mehr als ein Relaunch

Besonders erfreulich: Das Projekt hat über die Schule hinaus überzeugt. Durch die Weiterempfehlung entstand bereits eine weitere Anfrage aus dem Umfeld des Fördervereins.

Eine gelungene Schulwebsite ist mehr als nur ein Projekt – sie ist eine Empfehlung, die weiterträgt. Wenn sich Lehrkräfte, Eltern und Kinder auf der Seite zurechtfinden, hat Webdesign genau das erreicht, was es soll.

Deine Website soll dein Team selbst pflegen können?

Wir bauen Seiten, die nach dem Launch wirklich genutzt werden, und zeigen euch persönlich, wie es geht.

Mehr Antworten.
Weniger Fragezeichen.

Wir haben die bestehende Schulwebsite komplett neu konzipiert und einen modernen WordPress-Auftritt entwickelt. Dazu gehörten Webdesign, technische Umsetzung, Responsive Design, SEO-Grundlagen sowie die Schulung des Kollegiums.

WordPress bietet der Waldschule eine flexible Grundlage, mit der Lehrkräfte Inhalte selbstständig pflegen können. Neue Beiträge, Klassenbereiche und Termine lassen sich ohne Programmierkenntnisse erstellen und aktualisieren.

Ja. Ein zentraler Bestandteil des Projekts war, dass die Website nicht mehr von einer einzelnen Person abhängig ist. Das Kollegium wurde direkt vor Ort geschult und kann Inhalte eigenständig verwalten.

Ja. Die neue Schulwebsite wurde responsive entwickelt und funktioniert auf Smartphones, Tablets und Desktop-Geräten gleichermaßen.

Ja. Bereits bei der Entwicklung wurde auf eine saubere technische SEO-Grundlage geachtet – unter anderem durch klare Strukturen, optimierte Inhalte, schnelle Ladezeiten und eine suchmaschinenfreundliche Umsetzung.

Die Website wurde so aufgebaut, dass mehrere Personen mit unterschiedlichen Bereichen arbeiten können. Dadurch können beispielsweise Lehrkräfte ihre Klassenbereiche selbstständig aktualisieren.

Ja. Die WordPress-Struktur ist flexibel aufgebaut und kann jederzeit um neue Inhalte, Bereiche oder Funktionen ergänzt werden.

Sind noch Fragen offen?