Die Angst vor der Künstlichen Intelligenz

23.11.2020

Beim World Usability Day ging es dieses Jahr um Menschenzentrierte KI

mediendesign beim Nürnberg Digital Festival

23.09.2020

Wir sind technischer Partner, Goldsponsor und Veranstalter.

(Barriere)freiheit für alle!

18.08.2020

Barrierefreiheit ist wichtig für jeden, darum klären wir auf, was es damit so auf sich hat.

Das Multitalent Web-App

27.07.2020

Was sind Web-Apps und wie setzen wir sie um?

Anzeige geht raus...

14.05.2020

Das Wundertool Google-Ads und ganz kurz, wie es funktioniert

Siemens Stiftung

WBT-Redesign

Unsere Aufgabe

Die Siemens Stiftung wünschte sich ein Redesign ihres Online Angebots "Web Based Training", einem 3-gliedriges Kurses für "Service-Learning in den MINT-Fächern", auf Grundlage des Erscheinungsbildes ihres Medienportales.(https://medienportal.siemens-stiftung.org).

Dabei sollten sowohl das Rasters, wie auch der Farbkatalog und grundsätzliche CSS-Formate übernommen werden.

Erwünscht war zudem der Entwurf eines Navigationsprinzipes, das auf künftige "Web Based Trainings" übertragbar ist und Vorschläge für ein CI-konformeres Design der Inhalte.

Unsere Lösung

In zwei Workshops wurden Nutzungskontext, Erfordernisse und Nutzungsszenarien erfasst und daraus die Informationsarchitektur und erste Paper Prototypes abgeleitet. 

Die bestehende Navigationsstruktur wurde deutlich vereinfacht und die notwendigen Inhaltsmodule festgelegt. Zur erarbeiteten Gestaltungslösung gehören neben dem Screen-Design der einzelnen Module auch ein speziell entwickeltes Icon-Set sowie die Auswahl und Bearbeitung von Hintergrundgrafiken. 

Alle wichtigen Informationen wurden in einem Styleguide zusammengefasst. Als stetig wachsende, lebendige Dokumentation hilft er, die Gestaltungsregeln zu verwalten und konsistent zu halten.

Wie auch schon die Vorgängerversion wurde die neue Webseite mit dem Content-Management-System Typo3 realisiert. Das ermöglicht den Mitarbeitern, Inhalte wie gewohnt zu pflegen und, falls notwendig, auch selbstständig zu erweitern. Technisch wurde auf eine sichere Übertragung mittels HTTPS Protokoll geachtet. Die neue Webseite ist responsive und damit grafisch optimiert für unterschiedliche Endgeräte (z. B. Tablet, Smartphone). Animationen wurden bewusst sparsam eingesetzt, z. B. als Parallax Scrolling  - so bleibt die Seite "schlank" und übersichtlich.

Schwerpunkte bei der Umsetzung

  • Kreativphase mit Neukonzeption des Navigationskonzeptes.
  • Wireframes für Navigation und die verschiedenen Inhaltstypen
  • Icon- und Screen-Design
  • HTML-Gerüst für Navigation und Frame für den Content
  • CSS Formatierung

Das Projekt war der Auftakt für einen kontinuierlichen, teilweise agilen Entwicklungsprozess, in dem wir in enger Zusammenarbeit mit dem Kunden den Online-Auftritt schrittweise weiterentwickeln. Dabei werden auch zunehmend Online Marketing Themen wie Tracking, SEO und die Verknüpfung mit einem darauf abgestimmten E-Mail Newsletter eingebunden.

Wolfgang Keller, Senior Artdirector

Projektabschluss
Juni 2018

Technologie
HTML5 / CSS3, JavaScript, Adobe Photoshop, Adobe Illustrator, Prototyping, Screen-Design

Branche
Dienstleistung

Projektleiter
Wolfgang Keller

Leistung

UX Design

Guter Inhalt braucht immer auch eine gute Struktur
Wolfgang Keller

Teilen

Projekte

Kunden

Logo der Euroassekuranz Versicherungsmakler AG
Logo der Nutricia GmbH
Logo der Albatros Versicherungsdienste GmbH
Logo der adorsys GmbH & Co. KG
Logo von StayFriends
Logo der GES
Logo der Continental AG
Logo der Akademie Faber Castell
Logo von mundipharma
Logo der Senacor Technologies AG
Logo von easyCredit
Logo der Elektrobit Automotive GmbH
Logo der BASF SE
Logo der Wüstenrot Bausparkasse
Logo der Delvag
Logo der KIB Projekt GmbH
Logo der Volksbank Raiffeisenbank
Logo von paydirekt
Logo von der Deutschen Gesellschaft für Projektmanagement
Logo des Nürnberg Digital Festivals

Branchenübersicht

Baugewerbe
Bildung
Dienstleistung
Elektroindustrie
Events

Geld- und Kreditwesen
Gesundheitswesen
Informationstechnologie
Kommunikationstechnologie
Nahrungsmittel

Pharmaindustrie
Textilien
Unternehmensberatung
Versicherungswirtschaft
Werbung und Messen