Edding Code
Case Study

Edding Code

„“

Projektziel

Erfolgskriterien

Durchgeführte Arbeiten

Projektzeitplan

Tablet Portrait Screenshot
Tablet Portrait Screenshot

Informations-Architektur

Die Architektur der Website ist das Herzstück. Wir haben uns mit Edding Code zusammen gesetzt und gemeinsam eine Struktur geschaffen, die sowohl den Ansprüchen an SEO als auch an die intuitive Benutzerführung gerecht wird.
Edding Code
Eine Unterseite in grober Wireframe-Darstellung
Edding Code
Finales Design der gleichen Unterseite
Edding Code
Konzeption in Form einer Wireframe-Sitemap. Hier werden Inhalte nur grob angerissen, aber es wird klar, an welcher Stelle welche Inhalte verortet werden.

Farbpalette

Die Palette der Edding Code-Farben zieht sich konsequent durch alle Elemente und Unterseiten.
Edding Code

Schriften

Die Schriftwahl orientiert sich am Corporate Design von Edding Code.
Edding Code
Edding Code

Bildwelt

Eingesetzt werden authentische und kreative Bildwelten, die den Innovationsgeist von Edding Code verkörpern. Der Fokus liegt auf dynamischen, visuell ansprechenden Elementen, um die Einzigartigkeit der Marke hervorzuheben.

Design

Ein Beispiel aus der finalen Gestaltung auf mobilen Geräten und auf Desktop.
Mobile View
Desktop-Darstellung
Mobile View
Mobile-Darstellung

Animation

Es war uns wichtig, dass sich die Edding Code-Website lebending anfühlt.