Academy of LIFE: Ein digitaler Auftritt, der mit der Schule wächst
Für die Academy of LIFE entstand ein Webauftritt in Webflow von Grund auf, der das Schulkonzept erlebbar macht und Familien bis zur Anmeldung führt.
Erfolg spricht Klartext
Wo eine Schule noch entsteht, muss die Website das Vertrauen aufbauen, das sonst der Schulalltag schafft. Aus dem Design Manual der Academy of LIFE wurde in Figma ein eigenes Webdesign, das Kreisformen, Farbflächen und Illustrationen der Marke ins Web überträgt und der neuen Schule vom ersten Besuch an ein Gesicht gibt. Mit Webflow als Basis pflegt das Schulteam Termine, FAQ, Teamprofile und Stellen selbstständig und ohne Programmierkenntnisse, da alle Inhalte als Collections angelegt sind. Ein Make-Flow verbindet das Anfrageformular mit Mailchimp: Jede Schulplatzanfrage wird gesichert, als Kontakt angelegt und stößt automatisch die passende E-Mail-Strecke an. Cookie-Consent und Barrierefreiheit erfüllen die Ansprüche einer Bildungseinrichtung, und in nur sechs Wochen ging der Auftritt vom Design bis zur fertigen Website live. Seit dem Launch entwickeln wir die Seite kontinuierlich weiter.
10
Jahrgänge am neuen Lernort
6
Wochen vom Design bis zur fertigen Website
1
Make-Flow für automatisierte Schulplatzanfragen
Die Academy of LIFE entsteht als Projekt der Holistic Foundation auf dem LIFE HAMBURG Campus und will Kindern der Jahrgänge 1 bis 10 einen Lernort mit Fokus auf ihre Stärken bieten. Während die Schule noch im Aufbau ist, suchen Familien bereits Orientierung: Wie wird hier gelernt, wann lässt sich die Schule kennenlernen, wie sichert man sich einen Platz? Eine Website, die diese Fragen beantwortet, gab es nicht. Vorhanden war lediglich ein Design Manual mit Logo, Farben und Schrift, das Flyer, Poster und Rollup regelte, aber keine Vorgaben für das Web enthielt. Hinzu kam, dass es vom echten Lernort noch keine Fotos gab, weil die Schule erst entsteht. Gleichzeitig musste jede Schulplatzanfrage mit vielen Angaben zu Kind und Familie vollständig beim Schulteam ankommen und ohne manuellen Aufwand weiterverarbeitet werden. Der Auftritt sollte also Vertrauen schaffen, das Konzept erlebbar machen und Familien verlässlich bis zur Anmeldung führen.
Von Website-Frust zur Plattform, die einfach läuft
Das sind die häufigsten Gründe, warum Unternehmen zu uns kommen – und so lösen wir sie.
Das Design Manual regelte Flyer, Poster und Rollup mit Logo, Farben und Schrift, Vorgaben für das Web fehlten jedoch komplett. Die Marke musste deshalb erst in ein digitales Erscheinungsbild übersetzt werden, das auf allen Geräten funktioniert und zugleich die Bildsprache der Schule weiterträgt.
Wir übersetzten Kreiselement, Farbwelt und Illustrationen der Marke in Figma in ein eigenes Webdesign. Farbflächen und Kreisformen strukturieren die Seiten, Illustrationen schaffen Nähe, und das Ergebnis ist ein Auftritt, der das Design Manual konsequent fortsetzt und der Schule ein Gesicht gibt.
Da die Schule im Aufbau ist, gibt es noch keine Fotos vom echten Lernort, von Klassenräumen oder vom Schulalltag. Gerade für Familien, die Vertrauen aufbauen wollen, fehlt damit die wichtigste visuelle Grundlage.
Gekennzeichnete Imagebilder und Architektur-Renderings tragen den Auftritt bis zum Start.
Eine Schulplatzanfrage erfasst viele Angaben zu Kind und Familie, von Jahrgang und Geburtsdatum bis zu Kontaktdaten, die vollständig und fehlerfrei beim Schulteam ankommen müssen. Eine einfache Formular-E-Mail wäre bei diesem Umfang schnell unübersichtlich und fehleranfällig.
Ein strukturiertes Formular übergibt alle Angaben ohne Umwege an einen Make-Flow zur Weiterverarbeitung. Dort wird jede Anfrage gesichert, als Kontakt in Mailchimp angelegt und automatisch die passende E-Mail-Strecke gestartet, sodass nichts verloren geht und das Team sofort reagieren kann.
Die Bildwelt des Design Manuals findet im Web ihre Fortsetzung: Farbflächen, Kreisformen und Illustrationen der Marke wurden in Figma zu einem eigenen Webdesign übersetzt und geben der neuen Schule vom ersten Besuch an ein Gesicht. Weil es noch keine Fotos vom Lernort gibt, tragen gekennzeichnete Imagebilder und Architektur-Renderings den Auftritt und machen das Konzept greifbar.
Termine, FAQ, Team und Stellen sind in Webflow als Collections angelegt, sodass Inhalte wachsen können, ohne dass das Layout angepasst werden muss. Das Schulteam pflegt neue Termine, Antworten und Teamprofile selbstständig und ohne Programmierkenntnisse. So wächst die Website mit der Schule mit, von den ersten Kennenlerntagen bis zum laufenden Betrieb mit Jahrgang 1 bis 10.
Jede Schulplatzanfrage wird über ein strukturiertes Formular erfasst, in Make gesichert, als Kontakt in Mailchimp angelegt und stößt automatisch die passende E-Mail-Strecke an. Die vielen Angaben zu Kind und Familie kommen vollständig beim Schulteam an, ohne manuelle Übertragung. Familien erhalten direkt eine Rückmeldung, und das Team behält jederzeit den Überblick über alle Anfragen.
Aus dem Design Manual haben wir in Figma ein Webdesign entwickelt, das die Marke in Farbe und Form weiterträgt: Kreiselement, Farbwelt und Illustrationen finden im Web ihre Fortsetzung und geben der neuen Schule ein Gesicht. Da es noch keine Fotos vom Lernort gibt, tragen gekennzeichnete Imagebilder und Architektur-Renderings den Auftritt. In Webflow entstand daraus ein CMS-gestützter Webauftritt, in dem Termine, FAQ, Team und Stellen als Collections angelegt sind. Das Schulteam pflegt diese Inhalte selbstständig und ohne Programmierkenntnisse, und Inhalte können wachsen, ohne dass das Layout angepasst werden muss. Ein strukturiertes Anfrageformular übergibt jede Schulplatzanfrage ohne Umwege an einen Make-Flow, der die Daten sichert, als Kontakt in Mailchimp anlegt und automatisch die passende E-Mail-Strecke anstößt. Vom Design bis zur fertigen Website vergingen sechs Wochen, seit dem Launch entwickeln wir den Auftritt kontinuierlich weiter.
