Am ersten Juli ging die Website von 3spin online. Vom Konzept bis zum fertigen Produkt soll dieser Artikel einen kurzen Einblick in den Entstehungsprozess der Website geben.

Analyse
Zu Beginn des Projekts wurden klassische Wege gegangen – Zielgruppenanalyse, Szenarien und Marktpositionierung, um nur einige zu nennen – um die optimale Ansprache für unsere Kunden zu finden und die Ziele der Website zu definieren.

Ideen
Unser Anspruch war keine klassische Website zu entwickeln. 3spin ist innovativ und sucht das Neue. Gleichzeitig wollten wir Elemente des Corporate Designs aufgreifen, um die Identität von 3spin zu vermitteln. In der Ideenphase entstanden viele interessante Konzepte, vom Brettspiel bis zur dreidimensionalen Achterbahn.

Ideenfindung

Aufgrund der Ergebnisse der Analysephase haben wir uns für eine Weiterentwicklung der letzten Idee entschieden. Hierbei sollte der markante „Spin“ des Logos in eine dreidimensionale Welt gelegt werden, auf dem die Inhalte wie auf Werbeplakaten platziert werden. Der Benutzer kann die Website erkunden, indem er auf dem Spin zum jeweiligen Inhalt fliegt.

Finale Idee

Die Reduktion des Spins auf eine Ebene erleichtert dem Benutzer die Orientierung was den dreidimensionalen Raum fassbar macht und die Usability erhöht. Gleichzeitig wird der Spin in der Form hervorgehoben, wie er auf den Geschäftspapieren verwendet wird.

Design und Inhalte
Aus Basis des Konzepts wurden die Gestaltungselemente, das Navigations- und Interaktionskonzept erstellt. Die heterogene Zielgruppe erfordert einen besonderen Fokus auf Usability, weshalb z.B. redundante Navigationsmöglichkeiten (Hierarchische Navigation, Vorwärts-/Rückwärts-Buttons, Tastatureingabe) geschaffen wurden. Zur Unterstützung der visuellen Gestaltung wurden anschließend passende Sounds produziert und auch die inhaltlichen Elemente führen den Designgedanken fort.

Erstes Screenlayout

Hier geht’s zum zweiten Teil: Making of www.3spin.de, Teil 2