IT for Girls

2019

Viadee | IT for Girls

Explorativ, interaktiv, innovativ!

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.

Highlights

UX-Design

aufwendiges User Experience Design mit scrollbarer Landschaft im Zentrum der Plattform

Illustration

vektorbasierte Illustrationen im Comic-Stil

Charakter-Entwicklung

Entwicklung eines ansprechenden Avatars für die Zielgruppe

Animation

Scroll-Controlled Animations mit 
HTML5-Canvas-Objekten

Responsive Design

Templating Interaktionselemente Interface-Objekte

Web-Design meets Illustration


avency lieferte 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 einen ansprechenden Avatar für die Zielgruppe auf Basis von Studien der WWU, sowie die ganz zentrale „scrollable landscape” im illustrativen Comic-Stil.

Web-Design meets Illustration


avency lieferte 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 einen ansprechenden Avatar für die Zielgruppe auf Basis von Studien der WWU, sowie die ganz zentrale „scrollable landscape” im illustrativen Comic-Stil.

Interaction & Animation


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.

Partner & Förderer


„Digital Me“ ist ein Projekt der WWU. Im Auftrag der viadee Unternehmensberatung entwickelte avency dieses Interface-Projekt. Das Projekt wird unter anderem mit Mitteln des Bundesministeriums für Bildung und Forschung (BMBF) gefördert.

WWU Münster
Viadee Unternehmensberatung
Bundesministerium für Bildung und Forschung

Einzel-Leistungen

Grafische Konzeption
Illustration
Animation
Development
Templating

Technologien

HTML5 Canvas

Ähnliche Projekte wie dieses: