Maritime Systems

Visuelle Wissenskommunikation für das Fraunhofer IOSB (Studienprojekt).

PW: 3k-webdesign

Das Projekt entstand während dem Seminar "Visuelle Wissenskommunikation" an der Hochschule Karlsruhe. Es ging um die zielgruppen- und situationsgerechte Vermittlung von Wissen basierend auf dem Prinzip des Storytellings.

• Datum: Juli 2015
• Kunde: Studienprojekt für das Fraunhofer IOSB
• Kategorie: UI-Design, Sounddesign & Programmieung
• Technologie: HTML5/CSS3, AngularJS, WebGL

Projekt schließen

Redesign "Quality Risk Radar"

Für das Unternehmen Clinerion Ltd., Schweiz.

Das Unternehmen Clinerion Ltd. ist bei seinen Kunden vor allem für seine zuverlässigen Softwareprodukte zur Unterstützung und Überwachung klinischer Forschungen bekannt. Mit dem Quality Risk Radar (QRR) hat Clinerion ein Produkt geschaffen, das Studien-Teams die Möglichkeit bietet, die Qualität ihrer Untersuchungen effektiv zu verwalten. QRR unterstützt seine Anwender bei Entscheidungen durch berechnete Risiken und deren Bewertung.

Das Design war veraltet ...

Und unsere Aufgabe war es, das bestehende Design zu erneuern und innerhalb des Projektteams beratend zur Seite zu stehen. Rückführend auf den enormen Zeitdruck bei der Entwicklung der Applikation, wurden Benutzerfreundlichkeit und Usability zunächst außer Acht gelassen. Als Außenstehende wurde uns schnell ersichtlich, welches Potential in der Anwendung noch verborgen blieb.

So haben wir angefangen:

Es lag uns bereits eine Spezifikation vor, die detailiert umschrieb, was sich die Mitarbeiter von Clinerion für ihr Produkt wünschten. Während des itterativ-inkrementelen Arbeitsprozesses wurde an der Spezifikation gefeilt und geschliffen bis der Startschuss für die Erstellung der Mockups erfolgen konnte. Im Zentrum standen vor allem die Nutzerbedürfnisse, d.h. die Benutzerfreundlichkeit, aber auch die Vollständigkeit der Sachdaten. Eine Plattform, die absurd minimalistisch gestaltet ist, aber dem Benutzer jeden Informationsgehalt vorenthält war in diesem Szenario undenkbar. Eine Fusion beider Kriterien musste geschaffen werden. Einerseits frisches, modernes Design. Andererseits eine Plattform zur Risikoüberwachung, die auf strikten Kalkulationen basierte.

Danach ging es so weiter:

Nach konstruktiver Diskussion der Mockups begannen wir Struktur (HTML5) und Gestaltung (CSS3) webtechnologisch zu implementieren. AngularJS bildete hierbei die Schnittstelle zwischen Massendaten und Frontend.

Und das kam dabei heraus:

Projekt schließen

Mt-Solutions

UI-Design & CMS

Projekt schließen

GymGo

UI-Design & Konzept

Ganz banal betrachtet ist GymGo nur eine Ampel...

Verbunden mit den Ein- und Auscheckdaten großer Fitnessstudioketten wird dem Benutzer anhand seiner festgelegten Toleranzschwelle gesagt, ob er in sein Fitnessstudio gehen kann oder nicht.

Gerade in großen Fitnessstudios herrschen Stoßzeiten, während denen ein ununterbrochenes Training kaum möglich ist. Lange Wartezeiten an den Geräten sorgen demnach nicht nur beim Sportler für schlechte Motivation. Auch der daraus resultierende Rückgang an Studiobesuchen, kann den Studiobesitzer um seine langfristige Kundenbindung bringen. Aber auch Menschen, die nicht mit sich und ihren Leistungen zufrieden sind und sich somit vor anderen Sportlern genieren, nutzen diese Webapp. Ebenfalls werden Studiobesucher, die weit außerhalb des Studios wohnen, gewarnt, ob es sich lohnt überhaupt loszufahren, da das Studio womöglich gerade voll ausgelastet zu sein scheint.

Doch GymGo geht noch viel weiter....

Aus den gesammelten (anonymen) Daten werden Prognosen für die nächsten Tage generiert. Somit lassen sich Studiobesuche nicht nur spontan entscheiden, sondern auch effektiv in den Alltag einplanen.

Projekt schließen

Supermans Feinde

Webseite | www.supermansfeinde.com

Für das Musikprojekt "Supermans Feinde" durften wir eine einfache Webseite gestalten. Das Konzept war sehr einfach gehalten. Für jede Single gab es eine Seite, die ähnlich wie bei einer Powerpoint-Präsentation gesteuert werden konnte. Die Seiten wurden chronologisch geordnet. So stand die neueste Single immer an erster Stelle. Um die einzelnen Singles voneinander zu trennen, arbeiteten wir intensiv mit farblichen Kontrasten. Somit bekam jede der Singles ein eigenes Farbkonzept.

Ein besonderes Highlight...

war an dieser Stelle die Einbindung eines Hintergrundvideos, statt eines statischen Hintergrunds. Die Seite wurde dadurch nicht nur lebendiger, sondern erhielt auch einen augenscheinlich "wertvolleren" Charakter. Damit die - sich ständig wiederholdende - Videosequenz nicht beginnt den Nutzer zu irritieren, statteten wir sie mit einer darüberliegenden halbtransparenten Textur aus. Das lenkte nicht nur den Fokus auf den statischen Content auf der Seitenoberfläche, sondern verdeckte gleichzeitig die - durch die starke Komprimierung - entstandenen Artefakte.

Projekt schließen

Kling, Oliver

Leidenschaftlicher Musiker.

• Geboren: 16.03.1989
• Studiert: Kommunikation & Medienmanagement (M.Sc.), Hochschule Karlsruhe
• Software-Kenntnisse: Adobe Creative Suite, Avid ProTools, Ableton Live, Image-Line Fl Studio
• Web-Techhnologien: HTML5/CSS3, AngularJS, XML, XSLT, XSL-FO, AJAX, JavaScript, JSON
• Aufgaben: UI-Design, Interactiondesign, Sounddesign, Media Engineering, Frontend-Entwicklung

Profil schließen

Kraft, Pascal

Kann durch 0 teilen.

• Geboren: 13.05.1989
• Studiert: Technomathematik (M.Sc), Karlsruher Institut für Technologie
• Software-Kenntnisse: Eclipse, Gimp, Visual Studio, Browser-Technologien
• Web-Techhnologien: HTML5/CSS3, AngularJS, XML, AJAX, JavaScript, JSON, mehrere CMS und Webshop-Systeme, Django, Python, MySQL, Serververwaltung, Mailverwaltung
• Aufgaben: Implementierung, Technische Beratung, Management, Ansprechpartner

Profil schließen