Der Verein Kinderkreisel e.V. aus Hamburg hatte uns im Dezember 2024 damit beauftragt, seinen Webauftritt neu aufzulegen. Allerdings nicht nur den des Vereins, sondern auch den aller zugehörigen Einrichtungen. Insgesamt vier Webseiten sollten so nun entstehen. Eine Seite für den Verein, zwei für die Kindertageseinrichtungen Kinderkreisel und Kinderpropeller sowie eine für die interdisziplinären Frühförderstelle Kinderkompass.
Vier Webseiten? Das klingt natürlich erst mal nach einer Menge Arbeit. Ist es auch. Aber an gewissen Stellen lässt sich hier ziemlich gut schrauben, um das ganze Vorhaben effizient zu gestalten.
Introducing: WordPress Multisites. Anstelle vier einzelner Installationen kommt hier nur eine einzige zum Einsatz. Trotzdem lassen sich alle vier Seiten unabhängig voneinander ansteuern. Das bedeutet: Alle vier Seiten teilen sich die gleiche Code-Basis und Datenbank, fungieren im Frontend aber weitgehend autonom. Für uns war dieses WordPress-Feature auch neu, aber wir haben bei diesem Projekt sofort die enormen Vorteile was Handhabung und Wartung angeht erkannt und genutzt.
Entstanden ist ein einheitlicher Seitenverbund, der sowohl schick und modern daherkommt als auch im Vergleich mit vier einzelnen Installationen deutlich einfacher in der Pflege ist.
First things first – das Design
Eine Sache geht allerdings nicht auf unsere Kappe, sondern auf die von Sebastian Kühn. Das grundlegende Design der neuen Seiten entsprang bereits vor Entwicklungsstart aus seiner digitalen Feder und ist, wie wir finden, äußerst gelungen. Dicke Konturen, abgerundete Ecken und eine bunte Farbpalette sowie handgezeichnete Grafiken machen die Seiten zu echten Hinguckern.
Das Praktischste: Die Farbpalette kann für jede der verschiedenen Seiten verändert werden, sodass es für Besucher*innen unverkennbar wird, auf welcher Seite sie sich gerade befinden. So stand das Design für drei der vier Seiten relativ schnell fest. Lediglich die Seite des Kinderkompasses sollte vom ursprünglichen Design etwas abweichen, um den doch ziemlich anderen Schwerpunkt der Einrichtung zu signalisieren. Aber auch hier hat Sebastian Kühn natürlich abgeliefert. Etwas abgeschwächte Konturen, mehr blau, weniger bunt. Insgesamt also etwas gedimmter.
Die schönen, verspielten Illustrationen stammen von Regina Kehn – www.reginakehn.de
Das Theme
Obwohl sich alle vier Seiten im Design mehr oder weniger unterscheiden, benutzen alle das selbe WordPress-Block-Theme – natürlich handgefertigt von uns. Alle Abweichungen vom „Mutter-Theme“ werden per Block-Theme-Style-Variation gelöst. Das bedeutet, dass sich alle Seiten 90% des Theme-Codes teilen und ein Großteil der restlichen 10% werden dann in einer einzigen Text-Datei (JSON) pro Seite definiert.
Dieser Ansatz ähnelt dem der Multisite und kommt daher mit den gleichen Vorteilen der einfachen Wartbarkeit an einem Ort daher.
Das Theme an sich kommt zusätzlich, passend zum Thema, mit allen möglichen verspielten Animationen daher. Nichts Übertriebenes, sondern dezent und dafür fast überall. Elemente „rutschen“ beim Scrollen ins Bild, verfolgen leicht den Cursor oder scrollen ab und an mal hinter andere Elemente (Parallax-Effekt). Zusätzlich dazu gibt es einen dezenten animierten Seitenübergang zwischen den verschiedenen Unterseiten, der das ganze abrundet.
Besondere Features
Abseits der Architektur und Animationen beherbergen die vier Seiten des Kinderkreisel e.V. auch einige praktische Features. Da wäre zum Beispiel das Anmeldeformular. Anstelle von klobigen PDFs kannst du hier deine Kinder direkt per Formular anmelden. Alles wichtige an Informationen wird dabei direkt abgefragt. Nach dem Absenden des Formulars, das asynchron per AJAX im Hintergrund passiert, wodurch die Seite nicht neu geladen wird, erhält die jeweilige Einrichtung automatisch eine E-Mail mit allen angegebenen Informationen und kann dann von da an übernehmen.
So auch Bewerbungen: Um den Bewerbungsprozess so einfach wie möglich zu gestalten, haben wir auch für diesen Einsatzzweck ein handgefertigtes Formular geschaffen. Einfach ausfüllen, Anschreiben und Lebenslauf anhängen, absenden und schon erhält die richtige Person pro Einrichtung die Bewerbung. Einfacher geht es nicht.
Wo wir schon bei den Jobs sind: Auf jeder Einrichtungsseite werden die zugehörigen Stellenanzeigen aufgelistet. Wenn allerdings keine passende Stelle dabei ist, werden alle Stellenanzeigen aller Einrichtungen noch mal auf der Vereins-Seite gebündelt aufgelistet. Vielleicht ist bei einer der anderen Einrichtungen ja der richtige Job dabei.