„Jährlich ehrt ICT-Berufsbildung Schweiz ICT-Lehrbetriebe, welche sich überdurchschnittlich für das Berufsfeld der ICT engagieren und damit einen wesentlichen Beitrag gegen den Fachkräftemangel leisten.“

Da Namics sich überdurchschnittlich für ihre Lernenden einsetzt, haben wir beschlossen, uns für diesen Award zu bewerben. Um eine etwas andere, zu Namics passende Bewerbung einzureichen, durften wir Lernenden eine Webseite kreieren. Von der Konzeption bis hin zur finalen Einrichung haben wir die Webseite selbständig erarbeitet.

Ich durfte die Webseite basierend auf dem Design-Entwurf umsetzen und werde etwas auf die technischen Aspekte der Webseite eingehen.

Frameworks

Der ganze Webauftritt sollte möglichst animiert und ausgefallen sein. Für diesen Case habe ich das Skrollr Framework eingesetzt. Mit diesem kann man ganz einfach Elemente auf der Webseite animieren. Zusätzlich habe ich die Erweiterung Skrollr Path eingebunden. Mit „Skrollr Path“ kann man verschiedene Pfade mit SVG’s definieren, über welche die beiden Figuren „Informatiker“ und „Designer“ durch die Seite geführt werden. Für den „Laufeffekt“ wurden Sprites definiert, die je nach Scrollposition einen anderen Ausschnitt der Grafik zeigen. Somit entsteht der Eindruck, als ob die Figuren laufen würden.

Sprite der Figur

Für die Slideshows wurde das Framework SlidesJS eingesetzt. Dieses bietet standartmässig bereits die Implementierung für Mobile an, damit man per Swipe durch die Slideshow navigieren kann.

Interdisziplinarität

„Interdisziplinarität steht für Namics an erster Stelle. Der ständige Austausch zwischen allen Disziplinen ist für den Projekterfolg von zentraler Bedeutung.“

Die untenstehende Grafik zeigt das Interdisziplinäre Arbeiten an einem Projekt. Das ganze sollte auf der Seite ebenfalls stark animiert erscheinen, da dies ein grosser Aspekt ist. Dazu wurden alle Elemente einzeln positioniert und verschwinden Zeitverschoben in alle Richtungen wenn der Benutzer scrollt.

Interdisziplinär GIF

Wir sind alle sehr zufrieden mit dem Endergebnis und können stolz unsere Webseite präsentieren:
education.namics.com