Projekteazubi:web
Berichtsheft, Prüfungsvorbereitung, Lernquiz. Alles in einer Anwendung, für Azubis und für die Betriebe, die sie ausbilden.
azubi:web deckt inzwischen über 30 Ausbildungsberufe ab, von Tourismus über Pflege bis zur Veranstaltungstechnik. Die Inhalte folgen dem Rahmenlehrplan und sind mit den Prüfungskatalogen abgeglichen. Rund 50.000 Auszubildende und 2.500 Betriebe haben damit gearbeitet, zwei Millionen Berichtshefte sind darüber abgenommen worden.
- Digitalprojekt
APP Corporate Website Grafik & Print Plattform & Portal - Auftraggeber
Generation:L Michael Hoffmann e.K., Frankfurt am Main
- Betreuung seit
2014
- Leistungen
- Konzeption
- Corporate Design, Grafik & Print
- UX und Webdesign
- Entwicklung App und der Webapplikation
- Betreuung & technischer Support
- Website
Zur Website (externe Seite)
Aufgabe und Umsetzung
Ein Rundum-Auftrag: Marke, Print, Website und App. Zuerst entstand das Erscheinungsbild, Wortmarke, Farben, Typografie und eine Bildsprache für ein Produkt, das gleichzeitig Jugendliche und Ausbildungsleiter ansprechen muss. Daraus wurden die Printmaterialien für den Vertrieb und die öffentliche Website, die das Angebot erklärt und Betriebe zum Abschluss führt.
Beim Konzept haben wir mitgeschrieben, nicht nur umgesetzt. Aus diesen Runden kamen das Lernquiz und der Duellmodus, in dem zwei Auszubildende gegeneinander antreten. Das Wort Gamification stand 2014 in keinem Angebot und in keiner Präsentation. Der Gedanke dahinter war schlicht: Ein Berichtsheft füllt niemand freiwillig aus, ein Duell gegen den Kollegen aus der Parallelklasse schon.
Den größeren Teil macht die Plattform dahinter aus. Auszubildende und Ausbilder haben eigene Konten, die Lerninhalte sind nach Lernfeldern sortiert, der Lernfortschritt wird protokolliert und nach Stärken und Schwächen ausgewertet. Dazu kommt das digitale Berichtsheft, das der Ausbilder prüft und abnimmt.
Die App bringt dieselben Funktionen aufs Telefon, weil ein Berichtsheft dort gepflegt wird, wo der Arbeitstag endet. Über 30 Ausbildungsberufe liegen inzwischen im System, jeder mit eigenem Rahmenlehrplan und eigenem Prüfungskatalog. Der Aufwand steckt weniger in der Oberfläche als in dieser Struktur: Neue Berufe müssen sich einpflegen lassen, ohne dass am Programm gearbeitet wird.
Corporate Design, Grafik & Print
Logo, Geschäftsausstattung, sämtliche Werbemittel: Das Erscheinungsbild von azubi:web haben wir vollständig entwickelt, bis hinunter zum Doppelpunkt im Namen.
Für azubi:web haben wir das komplette Erscheinungsbild entwickelt, vom Logo bis zum Corporate-Design-Styleguide, der festhält, wie es anzuwenden ist. Dazu die Geschäftsausstattung und über die Jahre sämtliche Werbemittel: Messestände, Anzeigen, Broschüren, Präsentationen und die Vorlagen, mit denen der Auftraggeber teilweise selbst weiterarbeitet.
Das Zeichen sind zwei ineinandergelegte Schlaufen, die zusammen ein Gesicht ergeben. Es funktioniert als App-Icon in Daumennagelgröße genauso wie auf einem Messebanner.
Die Grundhaltung ist freundlich und aufgeräumt, nichts Verspieltes: große Flächen, viel Weißraum, klare Kanten und keine Verzierung, die nicht auch eine Funktion hat. Farblich führt ein helles Blau, ein tiefes Anthrazit trägt Text und dunkle Flächen, Grau strukturiert. Gesetzt ist eine geometrische Grotesk Schrift mit weichen Rundungen, in kleinen Graden auf dem Handy gut lesbar.
Dazu passt die Sprache im Interface: Du-Ansprache, kurze Sätze, gelegentlich ein Zuruf wie „schaffst du es?". Das trifft den Ton der Marke, ohne sich anzubiedern.
Webseite und Lernplattform
Ein Lernsystem für zwei sehr verschiedene Nutzergruppen: Azubis, die Prüfungsstoff üben, und Ausbilder, die bei zwanzig davon den Überblick behalten müssen.
azubi:web ist seit 2015 online, gestartet mit sechs Berufen aus Hotellerie und Gastronomie. Heute sind es rund zwei Dutzend, vom Einzelhandel bis zur generalistischen Pflege, dazu fünf für Österreich. Jeder Beruf folgt dem Rahmenlehrplan und ist mit den AKA-Prüfungskatalogen abgeglichen.
Die zweite Hälfte der Plattform bekommt kein Azubi zu sehen. Dort legen Ausbilder ihre Ausbildungspläne an, geben Berichtshefte frei, verteilen Lern:Blätter als Unterweisung und lesen im Dashboard ab, wo eine Gruppe schwächelt. Betriebe mit mehreren Standorten steuern das über Rollen und Rechte.
Am aufwendigsten war der Ausbildungsnachweis für die generalistische Pflege, mit Praxisstunden, Fehlzeiten, Nachtdiensten und Beurteilungen nach BIBB-Vorlage. Wir haben Konzept, Erscheinungsbild, Website und Anwendung gebaut, gehostet wird in Deutschland. Seit 2018 bekommt azubi:web jedes Jahr das Comenius-EduMedia-Siegel.
azubi:web App
Lernspiel, Berichtsheft, Nachschlagewerk: Die azubi:web-App bringt die komplette Ausbildung auf das Gerät, das Azubis ohnehin dabeihaben.
Der Stoff folgt den Lernfeldern des Rahmenlehrplans und ist mit den AKA-Prüfungskatalogen abgeglichen, zugeschnitten auf zwei Minuten Wartezeit an der Haltestelle. Zehn Fragen aus einem Themenbereich, oder per Shuffle gemischt. Dazu das Duell gegen den Kollegen aus dem zweiten Lehrjahr und der Info:Hub als durchsuchbares Nachschlagewerk.
Der anspruchsvollste Teil ist das Berichtsheft. Ohne vollständigen Ausbildungsnachweis keine Prüfungszulassung, formal muss es also sitzen, ausgefüllt wird es trotzdem in der Bahn. Wir haben es als Wochenliste gebaut, mit drei Statuspunkten für die Freigabekette aus Azubi, Ausbilder und Ausbildungsleitung. Fotos lassen sich anhängen, das fertige Heft läuft als PDF heraus.
Die App gibt es für iOS und Android, gebaut mit React Native, damit beide Plattformen aus einer Codebasis laufen. Konzept, Erscheinungsbild und Weboberfläche stammen ebenfalls von uns.
