03Multi-Site-Plattform mit CMS

Kita Salabanda & Salamander

Eine gemeinsame Plattform für die Kitas Salabanda und Salamander: eigenständige Auftritte auf einer technischen Basis – mit Content-Management, visuellem Editor, Mehrsprachigkeit und abgesicherter Administration.

Startseite der Kita Salabanda mit der Headline „Ein Ort, an dem Kinder gemeinsam wachsen und lernen.“ und einem bemalten Rolltor mit Salamander

Vorabversion ansehenAnsehen

Vorabversion – Fotos und Texte der Kita-Seiten werden derzeit finalisiert.

Überblick

Kategorie: Multi-Site-Plattform mit CMS
Status: In Entwicklung
Schwerpunkte: Web Development, Content Management, Visueller Editor, Mehrsprachigkeit, Administration
Technologien: Strapi (Headless CMS)

Ziel

Eine Plattform, auf der mehrere Einrichtungen eigenständig auftreten und ihre Inhalte selbst pflegen können – so direkt, wie man ein Dokument bearbeitet.

Meine Rolle

Konzeption, Gestaltung und Entwicklung – Multi-Site-Architektur, Content-Management mit visuellem Editor, Mehrsprachigkeit, Administration und Sicherheit.

Ausgangssituation

Mehrere Einrichtungen, eine technische Basis.

Die Ausgangsfragen: Wie bekommt jede Kita ihren eigenen Auftritt, ohne dass mehrere Systeme gepflegt werden müssen? Und wie bleiben Inhalte für Menschen bearbeitbar, die keine Webentwickler sind?

Dazu kommt eine vielsprachige Elternschaft: Informationen zu Plätzen, Konzept und Terminen sollen auch die Familien erreichen, die nicht zuerst Deutsch lesen.

Lösungsansatz

Ein Kern, mehrere Auftritte – und ein Editor, der zeigt, was er tut.

Die Plattform ist als Multi-Site-System angelegt: gemeinsame Technik, getrennte Inhalte. Herzstück der Pflege ist ein eigener visueller Editor im CMS: Das Team klickt Texte direkt auf der Seite an und bearbeitet sie dort – mit Formatierung, den Farben der Website und einem Zeichenlimit, das das Layout schützt.

Änderungen landen automatisch als Entwurf und gehen erst mit „Änderungen veröffentlichen“ online. So lässt sich gefahrlos ausprobieren, ohne dass halbfertige Texte auf der Website erscheinen.

Die Website spricht zehn Sprachen, darunter Arabisch mit gespiegeltem Layout von rechts nach links. Eine eigene Administration und ein bewusster Umgang mit Sicherheit gehören zum Fundament – gerade bei Einrichtungen, die mit Familien arbeiten.

Design & Development

Übersicht „Vier kleine Kitas. Eine gemeinsame Haltung.“ mit je einer Karte pro Standort — Vier Standorte, eine Haltung – jede Kita mit eigener Farbe und eigener Karte.

Visueller Editor: die Hero-Überschrift wird direkt auf der Seite bearbeitet, darüber eine Leiste mit Fett, Kursiv, Unterstreichen und den Farben der Website, rechts ein Panel mit Hinweisen und Zeichenzähler — Visueller Editor – Texte werden direkt auf der Seite bearbeitet, mit den Farben der Website, Zeichenlimit und automatisch gespeicherten Entwürfen.

Visueller Editor im Bearbeitungsmodus: beim Überfahren werden bearbeitbare Bereiche umrandet und mit ihrem Abschnittsnamen beschriftet — Bearbeitbare Bereiche zeigen sich beim Überfahren – ohne Formularfelder.

Visueller Editor mit der arabischen Fassung der Startseite im Rechts-nach-links-Layout — Jede der zehn Sprachen wird im selben Editor gepflegt, Arabisch von rechts nach links.

Startseite auf dem Smartphone — Mobil – inklusive Rechts-nach-links-Layout.

Kita-Übersicht auf dem Smartphone — Mobil – inklusive Rechts-nach-links-Layout.

Bereich „Jedes Kind ist willkommen.“ zum pädagogischen Ansatz mit Werte-Karten — Pädagogischer Ansatz – Inhalte, die das Team selbst pflegt.

Arabische Fassung der Startseite mit gespiegeltem Layout von rechts nach links — Arabisch: das Layout spiegelt sich von rechts nach links.

Ergebnis

In Entwicklung. Umgesetzt sind bereits:

Vorabversion ansehen

01Gemeinsamer Auftritt für vier Salabanda-Kitas in Berlin mit eigener Vorstellung je Standort
02Visueller Editor: Texte direkt auf der Seite bearbeiten, mit Formatierung, Farbpalette und Zeichenlimit
03Entwurf und Veröffentlichung getrennt – Änderungen werden automatisch als Entwurf gespeichert
04Dashboard mit Schnellzugriff für Neuigkeiten, Termine, Speiseplan und Elternstimmen
05Elternstimmen mit Freigabe, bevor sie auf der Website erscheinen
06Zehn Sprachen inklusive Rechts-nach-links-Layout für Arabisch
07Bereiche für pädagogisches Konzept, Termine, Unterlagen, Aktuelles und Stellenangebote
08Responsive Umsetzung für Smartphone, Tablet und Desktop
09Abgesicherter Zugang zur Administration mit Zwei-Faktor-Authentifizierung