viadee Unterneh-
mensberatung

Kunde: viadee Unternehmensberatung AG

Projekt: UX-Design, Animation & Templating

Fertigstellung: 2018/19


Leistungen: Layouterstellung (Rahmengestaltung, Grafisches/Visuelles Gesamtkonzept), Responsive Design, Illustration, Charakter-Entwicklung, Animation, Development

Im Auftrag der viadee Unternehmensberatung kreierte avency für das Digital Me-Projektteam der Westfälischen Wilhelms-Universität Münster (WWU) das visuelle Gesamtkonzept für eine interaktive Plattform, durch die junge Frauen für IT-Berufe begeistert werden sollen. Auf www.it-for-girls.de werden sie eingeladen, zusammen mit Anna, einem eigens zu diesem Zwecke geschaffenen und animierten Charakter, verschiedene IT-Berufe und -Möglichkeiten interaktiv kennen zu lernen, indem sie einen virtuellen Stadt-Spaziergang mit Spiel-, Informations- und Erfahrungselementen unternehmen, der Hintergrundinformationen zum und Einblicke in das Themenfeld „Frauen in der IT” ermöglicht.

Hierfür lieferte avency einerseits das Web-Design des Gesamtauftritts, d. h. das Rahmenlayout, die Farb- und Schriftdefinition sowie das Styling sämtlicher Einzelelemente, andererseits kreierte avency das gesamte „Look & Feel” von Anna und ihrer virtuellen Stadt, zeichnete und gestaltete den Avatar sowie die ganz zentrale „scrollable landscape” im illustrativen Comic-Stil.

Da es sich um eine interaktive Plattform mit animierten Elementen handeln sollte, entwickelte avency auch grafische und technische Lösungen für mögliche Übergänge, Hover-Stile, Pop-Ups, Schaltflächen etc. Die interaktiven Animationen sowie das User-Interface-Development wurden mithilfe von HTML5, CSS3 und JavaScript von avency umgesetzt.

Das Projekt „Digital Me“ wird mit Mitteln des Bundesministeriums für Bildung und Forschung (BMBF) gefördert.

 

Zum Projekt