Interaktive 3D-Modelle in Three.js wurden im Auftrag von Monomango entwickelt, um die Funktionalität der ZEISS Tumor-Workflow-Geräte virtuell erlebbar zu machen.

Die Funktionen des Roboter-Visualisierungssystems ZEISS KINEVO® 900 wie PointLock und PositionMemory können per Maus- oder Touch-Interaktion erkundet werden und das Gerät reagiert wie im realen Leben.

Die In Vivo Pathology Suite ZEISS CONVIVO® ermöglicht Echtzeit-Feedback zur Gewebemikrostruktur und gibt den Mitgliedern des medizinischen Teams Fernzugriff auf In-vivo-Bilder.

ZEISS INTRABEAM® 600 nutzt die intraoperative Strahlentherapie zur Behandlung von Hirnmetastasen und rezidivierenden Hirntumoren.

Showroom

Konzept, Design, Production: Monomango
Software-Entwicklung - Showroom: Apilia
3D-Model-Interaktion & Coding: Markus Lerner

Leistungen
Interaction design, JavaScript/WebGL/three.js-Programmierung

Forgotten Heritage ist eine visuelle Datenbank von Künstlern und Kunstwerken der Europäischen Avant-Garde. Mehrere Kunstarchive in Europa haben zusammen etwa 8.000 Einträge zusammengeführt und in ihren Zusammenhängen begreifbar gemacht. Interessierte können in die Welt von Avantgarde-Künstlern aus Polen, Estland, Kroatien, Frankreich und Belgien eintauchen, die in der zweiten Hälfte des 20. Jahrhunderts gewirkt haben. Dem Betrachter eröffnet sich ein anspruchsvoll gestaltetes faszinierendes Netz aus Werken, Künstlern und Wirkungsorten.

Das Projekt ist eine Implementierung von The Visual Archive, eine von Plural entwickelte Technologie, die die Darstellung von digitalen Sammlungen und Datensets ermöglicht.

Der Einsatz von Web-Technologien wie React.js, d3.js and pixie.js, ermöglicht eine neuartige Interaktion mit Archivdaten; so werden auch versteckte Verbindungen für den Besucher greifbar. Die Kuratierung der Inhalte erfolgt durch das Visual-Archive-Redaktionssystem, welches es sowohl professionellen als auch weniger technisch versierten Nutzern ermöglicht, auf einfache und intuitive Art große Datensätze zu bearbeiten.

In Zusammenarbeit mit Marika Kuźmicz von der Fundacja Arton und Kilian Krug.

Leistungen
UI/UX-Design, Frontend-/Backend-/Datenbank-Entwicklung

The weight and the travel freedom attached to a passport vary drastically across nationalities. International visa-regulations are very complex and often non-transparent. They reflect the economical and geopolitical situations as well as the relationships of countries.

This project aims to cast some light on these structures and make it easy to find out which countries an individual of a certain nationality can travel to without a visa or with visa on arrival. The destination country can be intuitively selected by clicking/tapping the map, via the live search field or by choosing it from the country list. In the "Visa-free sources" mode, you can alternatively explore the number of countries whose nationals can enter a specific country without a visa or with visa on arrival. The GDP and population modes are added for reference. Other modes can be implemented in the future.

This web application features a responsive design which works across browsers, platforms and screen sizes, as long as WebGL is available. Since WebGL is now supported by iOS, it also works on recent iOS devices running iOS 8+. Recent Android versions are supported as well.

Travelscope is listed at Chrome Experiments and has been selected an Official Honoree in The 20th Annual Webby Awards.

Travelscope project

Work
Concept, UI Design, coding in HTML5 (Javascript/Three.js)

ArtSchoolVets! ist ein deutsche Plattform für Design, Musik, Kunst und Mode. Neben den laufend aktualisierten News und Features bietet die Seite Blogs für Designer und Künstler sowie einen Online-Store, über den Designer ihre Fashion-Artikel vertreiben können.

Die neue eingeführten Bereiche „Faces & Spaces“ sowie „Portfolio Show“ beinhalten Interviews mit Persönlichkeiten aus der Design- und Musikszene und zeigen Portfolios von Gestaltern und Designbüros.

Ein individuell zugeschnittenes Redaktionsystem inkl. Online-Shop für Fashion-Artikel wurde in PHP/MYSQL realisiert.

Leistungen
Webdesign in Kooperation mit Floor5, Programmierung in PHP, MySQL, JavaScript

Links
ArtSchoolVets.com

Die Norwich Textiles Internetseite dokumentiert die reiche Textilkultur der Stadt Norwich im Osten Englands.

Das Projekt entstand im Auftrag von Norfolk Museums and Archaeology Service und der Norfolk School of Art and Design. Konzept und Design erfolgten in Zusammenarbeit mit Gero Grundmann von studiobec, der auch das Corporate Design erstellte.

Die Seite bietet einen umfassenden historischen Inhalt, Besucherinformationen, interaktive „Textile Trails“ und eine große Bilddatenbank für Textilmusterbücher, Stoffe, usw, die gerade erweitert wird.

Die Seite basiert auf einem individuell erstellten Redaktionsystem, das in PHP/MYSQL realisiert wurde. Es umfasst die Bearbeitung aller Seiten eine Benutzerverwaltung sowie eine Bild- und Dateidatenbank. Die interaktiven Bereiche wurden in einer Kombination von Flash und AJAX erstellt.

Arbeit
Konzept, Webdesign, Programmierung in PHP, MySQL, HTML, CSS, JavaScript, Flash

Norwich Textiles Internetseite

Die Flash-Seite für den Musikact Terranova wurde in Zusammenarbeit mit Jakob Schillinger und Floor5 gestaltet.

Der Seite liegt ein ungewöhnliches Konzept zugrunde. Drei Popup-Fenster öffnen sich gleichzeitig in Form des Terranova-Logos. Der Benutzer navigiert von oben nach unten. Inhalte wie News, Photos, Tracklisten werden im unteren Fenster angezeigt. Musik und Videos können über den integrierten Mediaplayer abgespielt werden.

Die Seite basiert komplett auf einem Content-Managament-System, das von Floor5 entwickelt wurde.

Work
Webdesign, Flash-Programmierung

Terranova website

Das Vordiplom in der Digitalen Klasse beschäftigt sich mit dem Verhältnis von Antizipation und Realität. Eine Reihe von interaktiven Bildschirmanwendungen untersucht den Zusammenhang zwischen der erwarteten Zukunft und der tatsächlich eintretenden Wirklichkeit.

Antizipation
Antizipation ist die Erwartung bzw. die gedankliche Vorwegnahme eines Geschehens. Sie entsteht durch die Fähigkeit des Betrachters, sich eine Zukunft vorzustellen.

Realität
Der Begriff Realität beschreibt die tatsächliche zukänftige Wirklichkeit, zum Beispiel die Konsequenzen einer Handlung.

Leistungen
Recherche, Idee, Konzept, Design, Flash-Programmierung, Dokumentation

Aufgabe
Freie Aufgabenstellung; das Projekt sollte sich aber mit digitalen Medien beschäftigen.

Online-Dokumentation

Für das Grundlagenstudium 2002/2003 in der Klasse Gestalten mit digitalen Medien entstand eine Dokumentation in Form einer Internetseite und einer CD-Rom-Anwendung. Das Grundlagenstudium wurde betreut von Ralph Ammer.

Informationen über die Kursteilnehmer sowie die entstandenen Arbeiten können über ein interaktives Menü in der linken oberen Ecke abgerufen werden. Das Layout ist skalierbar angelegt und passt sich dadurch automatisch an die Bildschirmauflösung an. Der Entwurf des Menüs erfolgte in Zusammenarbeit aller Teilnehmer, die Programmierung in Kollaboration mit Andre Stubbe.

Leistungen
Flash-Programmierung, CD-Erstellung

Grundlagenstudium-Internetseite

Interaktive Bildschirmanwendungen in Zusammenarbeit mit Andre Stubbe

Iteration ist der mathematische Begriff für die wiederholte Anwendung einer Transformation.

Diese experimentellen Anwendungen beschäftigen sich mit der audiovisuellen Darstellung iterativer Prozesse.

Leistungen
Idee, Konzept, Gestaltung, Flash-Programmierung

Aufgabenstellung
Interaktiver Klang:
Erstellen Sie eine interaktive Anwendung zu Klängen iihrer Wahl.

Interaktive Anwendung