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.
Two people interacting with a laptop displaying the Scolaia website homepage in German.
Branding
Webdesign
Two people looking at a laptop screen showing the Scolaia website with text in German and a photo of children in a classroom.
Scolaia
Scolaia is a digital platform that helps teachers navigate and apply new approaches in everyday school life. Structured into “Inspire” and “Implement”, it combines an interactive map of innovative school projects with practical tools for lesson planning.

We developed the brand identity and translated the vision into a clear, accessible and scalable digital experience — designing the overall platform and the InnovatorsMap as a cohesive ecosystem.
Scolaia logo on green backgroundScolaia logo in green text on a dark green background.
Scolaia app icon with the Scolaia logo mark on a green backgroundPerson holding a smartphone displaying a photo of children seated around a table with art supplies, while colorful paper crafts and paintings are on the table.
The platform is fully responsive and accessibility-compliant, built around clarity and ease of use. A calm, inviting interface reduces complexity, builds trust, and lowers the barrier to engagement.
Scolaia website displayed on laptop with extended homepage layout and content sectionsLaptop on wooden table displaying a German education website with sections on inspiration, implementation, goals, tools, and partnerships emphasizing innovative education.
Scolaia website on mobile showing inspiration and implementation sectionsPerson holding a smartphone displaying the Scolaia website in German about learning tools and partner support.
Mobile Scolaia website on smartphone with card layout and FAQ sectionFour overlapping smartphone screens displaying a German-language educational website with headings about practical school tools, learning support, and future teaching methods.
Overview of Scolaia web sections with card layout, FAQ, and partner areasFour sections detailing innovative school projects, quality standards, core values, and project support tools in German, with icons and maps.
Scolaia UI components with primary and secondary buttons and dropdown statesVarious styled buttons on green background including primary and secondary buttons with arrow icons, plus and minus icons, and dropdown buttons in open and closed states.
Scolaia website structure diagram showing navigation hierarchy and key sections including Inspiration and ImplementationMind map displaying a website navigation structure with main categories Home, Inspiration, Umsetzung, and Über uns, and subcategories including Innovators Map, Teachers on Stage, Bildungsinitiativen, KI Agent MOMO, and Unterrichts-Tools; some subcategories link to project and school pages.
Laptop displaying the Scolaia AI workspace interface with content creation optionsLaptop displaying the Scolaia website homepage in German, with a prompt asking 'Hello, what would you like to create today?' and options for creative starts, quizzes, questions, and lesson planning.
The Scolaia logo is based on an abstracted silhouette of a fountain pen, referencing the craft of teaching as well as knowledge, language, and communication. Subtle allusions to a bird and a fish are embedded in the form, both symbols of collective intelligence.

Four identical elements come together to form a symmetrical unit reminiscent of a compass. The resulting center represents orientation and a shared pool of knowledge, while the alignment and motion of the elements express exchange, connectivity, and dynamic collaboration within the Scolaia network.
Scolaia logo development showing variations of the logo mark on a green backgroundThree stylized pen nib icons on a dark green background, transitioning from a simple nib to one with wings and then a fish tail, accompanied by a gold fountain pen nib at the bottom left.
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 valuesFour color-themed sections with matching stationery: green with calculator and pencils, blue with folded papers and markers, yellow with sticky notes and pencils, pink with pens and sticky notes.
The color palette is inspired by everyday school materials, grounding the visual identity in real learning environments and making it feel familiar and authentic.
Light and dark tonal variations ensure clarity, contrast, and flexible use across all interfaces.
Modular Scolaia brand elements based on the logo mark arranged as colorful tilesAbstract geometric design featuring six rounded squares in a 3x2 grid with pink backgrounds and bold red shapes.
Canvas tote bag with Scolaia logo and oversized logo mark graphicGreen and beige tote bag with a circular geometric design and Scolaia logo resting on a green chair.
Social media grid featuring Scolaia branding, testimonials, and classroom scenesCollage with Scolaia logos, German text about teaching support, testimonials, and images of children engaging in creative activities.
Line illustrations representing learning, AI, collaboration, and innovationIllustration of a woman working on a computer at a desk with a window showing city buildings, and a rocket on a launchpad with a flag nearby.

Illustrations

Scolaia’s brand illustrations add visual lightness to the overall communication. They reflect themes such as learning, collaboration, and technology in a clean and reduced style. Used alongside text, they structure content and create visual balance without dominating the brand.
Large Scolaia logo with logo mark over workspace scene with computer and notebookPerson writing in a notebook at a desk with a computer keyboard, pencil holder, coffee cup, and the Scolaia logo overlay.
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)