Branding
Webdesign
Scolaia
We craft the strategic core of your brand—defining its positioning, values, and purpose. With clear narratives and a focused identity, we build brands that are relevant, credible, and built to last.
Zwei Personen, die mit einem Laptop interagieren und die Homepage der Scolaia-Website auf Deutsch anzeigen.
Branding
Webdesign
Zwei Personen schauen auf einen Laptop-Bildschirm, auf dem die Scolaia-Website mit Text auf Deutsch und einem Foto von Kindern in einem Klassenzimmer zu sehen ist.
Scolaia
Scolaia ist eine digitale Plattform, die Lehrkräfte dabei unterstützt, neue Ansätze im Schulalltag zu entdecken und anzuwenden. Gegliedert in „Inspirieren“ und „Umsetzen“ verbindet sie eine interaktive Karte innovativer Schulprojekte mit praktischen Tools für die Unterrichtsplanung.

Wir haben die Markenidentität entwickelt und die Vision in ein klares, zugängliches und skalierbares digitales Erlebnis übersetzt — als zusammenhängendes Ökosystem aus Plattform und InnovatorsMap.
Scolaia logo on green backgroundScolaia-Logo in grünem Text auf dunkelgrünem Hintergrund.
Scolaia app icon with the Scolaia logo mark on a green backgroundPerson, die ein Smartphone in der Hand hält und ein Foto von Kindern zeigt, die an einem Tisch mit Kunstgegenständen sitzen, während farbenfrohe Papierarbeiten und Gemälde auf dem Tisch liegen.
Die Plattform ist vollständig responsiv und barrierearm gestaltet, mit Fokus auf Klarheit und Benutzerfreundlichkeit. Eine ruhige, einladende Oberfläche reduziert Komplexität, schafft Vertrauen und senkt die Einstiegshürde zur Nutzung.
Scolaia website displayed on laptop with extended homepage layout and content sectionsLaptop auf einem Holztisch mit einer deutschen Bildungswebsite mit Abschnitten zu Inspiration, Umsetzung, Zielen, Tools und Partnerschaften mit Schwerpunkt auf innovativer Bildung.
Scolaia website on mobile showing inspiration and implementation sectionsPerson, die ein Smartphone in der Hand hält und die Scolaia-Website auf Deutsch über Lerntools und Partnerunterstützung anzeigt.
Mobile Scolaia website on smartphone with card layout and FAQ sectionVier überlappende Smartphone-Bildschirme zeigen eine deutschsprachige Bildungswebsite mit Überschriften über praktische Schulwerkzeuge, Lernunterstützung und zukünftige Unterrichtsmethoden.
Overview of Scolaia web sections with card layout, FAQ, and partner areasVier Abschnitte, in denen innovative Schulprojekte, Qualitätsstandards, Kernwerte und Tools zur Projektunterstützung auf Deutsch mit Symbolen und Karten beschrieben werden.
Scolaia UI components with primary and secondary buttons and dropdown statesVerschiedene gestaltete Schaltflächen auf grünem Hintergrund, einschließlich primärer und sekundärer Schaltflächen mit Pfeilsymbolen, Plus- und Minussymbolen sowie Dropdown-Buttons im geöffneten und geschlossenen Zustand.
Scolaia website structure diagram showing navigation hierarchy and key sections including Inspiration and ImplementationMindmap mit einer Navigationsstruktur der Website mit den Hauptkategorien Home, Inspiration, Umsetzung und Über uns sowie Unterkategorien wie Innovators Map, Teachers on Stage, Bildungsinitiativen, KI Agent MOMO und Unterrichts-Tools; einige Unterkategorien verweisen auf Projekt- und Schulseiten.
Laptop displaying the Scolaia AI workspace interface with content creation optionsLaptop, auf dem die Homepage der Scolaia-Website auf Deutsch angezeigt wird, mit der Aufforderung „Hallo, was möchtest du heute erstellen?“ und Optionen für kreative Starts, Quizfragen, Fragen und Unterrichtsplanung.
Das Scolaia-Logo basiert auf der abstrahierten Silhouette einer Füllfeder und verweist auf das Handwerk des Unterrichtens sowie auf Wissen, Sprache und Kommunikation. In der Form sind zudem Anklänge an einen Vogel und einen Fisch angelegt – beides Symbole kollektiver Intelligenz.

Vier identische Elemente fügen sich zu einer symmetrischen Einheit zusammen, die an einen Kompass erinnert. Das entstehende Zentrum steht für Orientierung und einen gemeinsamen Wissenspool, während die Ausrichtung und Bewegung der Elemente Austausch, Vernetzung und Zusammenarbeit im Scolaia-Netzwerk sichtbar machen.
Scolaia logo development showing variations of the logo mark on a green backgroundDrei stilisierte Federsymbole auf dunkelgrünem Hintergrund, die von einer einfachen Feder zu einer mit Flügeln und dann einem Fischschwanz übergehen, begleitet von einer goldenen Füllfederfeder unten links.
Large Scolaia logo mark in blue used as a brand elementLarge Scolaia logo mark in blue used as a brand elementScolaia logo in dark green on a light blue backgroundScolaia logo in dark green on a light blue background
Scolaia color palette with green, blue, yellow, and pink tones including HEX valuesVier Abschnitte zum Thema Farbe mit passendem Briefpapier: grün mit Taschenrechner und Stiften, blau mit gefalteten Papieren und Markern, gelb mit Haftnotizen und Stiften, rosa mit Stiften und Haftnotizen.
Die Farbpalette ist von alltäglichen Schulmaterialien inspiriert und verankert die visuelle Identität im realen Lernumfeld. Dadurch wirkt sie vertraut und authentisch.
Helle und dunkle Abstufungen sorgen für Klarheit, Kontrast und eine flexible Anwendung in allen digitalen Interfaces.
Modular Scolaia brand elements based on the logo mark arranged as colorful tilesAbstraktes geometrisches Design mit sechs abgerundeten Quadraten in einem 3x2-Raster mit rosa Hintergründen und kräftigen roten Formen.
Canvas tote bag with Scolaia logo and oversized logo mark graphicGrün-beige Tragetasche mit kreisförmigem geometrischem Design und Scolaia-Logo auf einem grünen Stuhl.
Social media grid featuring Scolaia branding, testimonials, and classroom scenesCollage mit Scolaia-Logos, deutschem Text über Unterrichtsunterstützung, Zeugnissen und Bildern von Kindern, die sich an kreativen Aktivitäten beteiligen.
Line illustrations representing learning, AI, collaboration, and innovationAbbildung einer Frau, die an einem Computer an einem Schreibtisch mit einem Fenster mit Stadtgebäuden arbeitet, und einer Rakete auf einer Startrampe mit einer Flagge in der Nähe.

Illustrationen

Die Brand-Illustrationen von Scolaia verleihen der Kommunikation visuelle Leichtigkeit. Sie greifen Themen wie Lernen, Zusammenarbeit und Technologie in einer klaren, reduzierten Bildsprache auf. In Kombination mit Text strukturieren sie Inhalte und schaffen visuelle Balance, ohne den Markenauftritt zu dominieren.
Large Scolaia logo with logo mark over workspace scene with computer and notebookPerson, die in ein Notizbuch an einem Schreibtisch mit Computertastatur, Stifthalter, Kaffeetasse und dem Scolaia-Logo-Overlay schreibt.
realization
Client
Digitale Bildung für Alle e.V.,
wirfürschule gUG
Services
Brand Strategy
Naming
Brand Identity
UX UI Design
Timeline
2025
Discipline
Branding & Webdesign
collaborators
Julia Perkhöfer (Naming)