• Kosmos Kurt Weill

    Interaktive Network-Visualisierung im Kurt-Weill-Zentrum Dessau, 2019

    Das interaktive Netzwerk ›Kosmos Kurt Weill‹ ist Teil der Dauerausstellung im Kurt-Weill-Zentrum Dessau, welches sich im Bauhaus-Meisterhaus von Feininger/Moholy-Nagy befindet.

    Besucher können die Verbindungen der Personen, Orte und Werke erforschen und unerwartete Zusammenhänge und Beziehungen entdecken, während sie referenzierte Audiotitel auf dem Audioguide hören. Bildergalerien von Schallplattencovern, Bühnenbild-Enwürfen und Fotos geben weitere Einblicke in das Leben von Kurt Weill.

    The Visual Archive

    Software-Entwicklung: Markus Lerner
    UI-Design: Kilian Krug and Markus Lerner
    Ausstellungsdesign: Plural Severin Wucher and Frank Übler
    Kuration: Prof. Dr. Andreas Eichhorn
    Medienplanung: asignum Sven Schneider
    Konstruktion/Ausstellungsbau: neubauen.design Anne Schulz, Sebastian Bockrandt
    Direktor ds Kurt-Weill-Zentrums: Joachim Landgraf
    Gebäude/Architektur: Stiftung Bauhaus Dessau / Bruno Fioretti Marquez, 2010-2014

    Leistungen
    UI-Design, JavaScript/React.js/d3.js-Programmierung, Backend-Entwicklung in Node.js/MySQL

  • Forgotten Heritage

    Web-basierte visuelle Datenbank von Künstlern und Kunstwerken, 2018

    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 Emirati National House

    Interaktive Karte der Vereinigten Arabischen Emirate, 2016

    Eine hochauflösende interaktive Karte wurde für den Pavillon der Vereinigten Arabischen Emirate bei der 15. Internationalen Architekturausstellung – la Biennale di Venezia – entwickelt.

    Sie bietet Einblicke in die Geographie der Emirate sowie die typologische Vielfalt der staatlichen Unterkünfte, auch bekannt als Sha’abi-(Volks-)Unterkünfte, die landesweit in den Emiraten eingeführt wurden.

    Mehrere Besucher gleichzeitig können Wohngebiete erkunden und Fotos betrachten, die die einzigartigen Charakteristika der Sha’abi-Häuser dokumentieren. Eine Übersichtskarte, auf der die aktuell gewählten Kartenausschnitte verortet sind, schafft generelle Orientierung innerhalb des Landes.

    Die staatlichen Unterkünfte wurden in den 1970er Jahren eingeführt, um einer fluktuierenden Bevölkerung ein Zuhause und moderne Annehmlichkeiten zu bieten. Architektonisch beruhen sie auf einer Hofmodell-Topologie, die auf traditionellen Vorläufern zurückgeht. Als sich die Bedürfnisse der Bewohner veränderten, fanden eine Reihe von Veränderungen statt: funktionelle, wie die Erweiterung um Räume, Vergrößerung der Wohnfläche und die Erhöhung der Außenmauern, um Privatsphäre zu gewährleisten, sowie ästhetische oder symbolische: das Ersetzen der Portale und der Neuanstrich der Außenwände. Diese Veränderungen führten zu einer visuellen Vielfalt, die sich von einem monotonen Äußeren distanziert.

    Die von Prof. Yasser Elsheshtawy kuratierte Ausstellung setzt es sich zum Ziel, den Diskurs der städtischen Unterkünfte in eine Richtung zu lenken, die auf dem alltäglichen Leben ihrer Bewohner basiert.

    Die Ausstellung ist geöffnet vom 28. Mai bis 27. November 2016.

    nationalpavilionuae.org
    labiennale.org

    Leistungen:

    Konzept & UI-Design, Medienplanung (65” 4K NEC-Multitouch-Display), Software-Entwicklung in ReactJS und OpenLayers

  • Travelscope

    A visual exploration of the travel freedom attached to passports, 2016

    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)

  • Wortarbeit

    Installation mit sieben Touchscreens in der Grimmwelt Kassel, 2015

    Wörter sind nichts Feststehendes. Sie haben keine endgültig festgelegte Bedeutung. Sprache unterliegt einem ständigem Wandel, bis in die heutige Zeit.

    Das berühmte Deutsche Wörterbuch (1838–1854/1961) der Gebrüder Grimm schafft eine „Naturgeschichte der Wörter“, indem es sich eher auf die Verbindungen und Verkettungen der Wörter konzentriert als die Bedeutungen der einzelnen Wörter zu definieren.

    Die Installation „Wortarbeit“ in der neu eröffneten Grimmwelt Kassel unternimmt den Versuch, in Anlehnung an die Arbeit der Gebrüder Grimm die Wortassoziationen der Besucher zu erfassen.

    Mithilfe eines Sets von vorgeschlagenen Formeln (Wortverbindungen) muss der Besucher ein Wort durch ein anderes erklären. Es entsteht eine Kette, die sich ins Unendliche erweitert.

    Während einer der Touchscreens auf die Eingabe wartet, können die Besucher an den anderen Screens die Wortkette in verschiedenen Ansichten erforschen: chronologisch, alphabetisch, nach Häufigkeit und durch das semantische Netz, welches die Komplexität der Definitionen der Besucher offenbart.

    Die Besucher haben auch die Möglichkeit, eine unabhängige englische Wortkette zu erweitern.

    Die Installation wurde in Zusammenarbeit mit TheGreenEyl, Berlin gestaltet und entwickelt, die Medienplanung erfolgte durch Stefan Helling.

    Leistungen
    Screen Design, Java-/OpenGL-/Shader-Programmierung, Synchronisation mehrerer Terminals

    Fotos
    Markus Lerner

     

  • Mendelssohn-Effektorium

    Virtuelles Orchester für das Mendelssohn-Haus Leipzig, 2014

    Das Mendelssohn-Effektorium ist ein virtuelles Orchester im Mendelssohn-Haus Leipzig. Die Entwicklung und Produktion erfolgte durch WHITEvoid. Markus Lerner wurde für Screendesign und Softwareentwicklung beauftragt.

    13 Lautsprecher mit vertikalen Displays sind hinter einem Dirigentenpult im Raum verteilt. Jeder dieser Lautsprecher repräsentiert eine Stimmgruppe. The Besucher wählt am Pult eines der Werke von Felix Mendelssohn-Bartholdy und kann nun das virtuelle Orchester, oder den virtuellen Chor, mit dem Taktstock dirigieren. Die Geschwindigkeit der Aufnahmen wird in Echtzeit angepasst. Stimmgruppen können einzeln gesteuert und verschiedene Raumsituationen aktiviert werden. Die Installation erlaubt außerdem den Vergleich von modernen und historischen Instrumenten.

    Die vertikalen Displays zeigen optional die Instrumentennamen, die Lautstärke und eine künstlerische Interpretation der Stimmgruppen basierend auf der Lautstärke und dem Charakter der einzelnen Stimme.

    Die Idee für das Effekorium stammt aus der Kooperation von Bertron Schwarz Frey und WHITEvoid. Sound-Produktion und -Programmierung durch Aconica.

    Leistungen
    Screen-Design, Java/OpenGL/Shader-Programmierung, Leap-Motion-Tracking, OSC-Netzwerksteuerung und DXM-Lichtsteuerung

  • Solarmodul-Designer

    Interaktive Web-, Touchscreen- und iPad-Anwendung, 2011

    Der Solarmodul-Designer ist ein interaktives Konfigurations-Tool, mit dem Module in den unterschiedlichsten Formen detailliert konfiguriert werden können. Es gab ihn als Online-Anwendung, als Full-HD-Touchscreen-Installation für Messen und als iPad-App.

    Das Projekt wurde umgesetzt in Zusammenarbeit mit Plural Kilian Krug.

    Da die Herstellung außergewöhnlicher Modulformen vielen Architekten bislang unmöglich erscheint, entwickelten wir für die Odersun AG ein Kommunikations-Werkzeug, das die Fertigungs-Möglichkeiten des Solarherstellers anschaulich vermittelt.

    Die Modul-Entwürfe können als PDF-/CAD-Dateien ausgegeben, in Baupläne integriert und als Vorlagen für die Modulfertigung verwendet werden.

    Awards

    iF_award

    rdda_winner_2011

    eda-winner-bronze

    Der Solarmodul-Designer wurde mit dem IF Communication Design Award, dem Red Dot Award und dem European Design Award Bronze ausgezeichnet.

    Leistungen
    Interaction Design, Programmierung in Flash/ActionScript 3, Backend in PHP/MySQL

  • Forschungstisch

    Interaktive Präsentation umfassender ­Archivbestände, 2010

    Der interaktive »Forschungstisch« ermöglicht einen intuitiven Zugriff auf umfassende Datenbanken über seine großformatige Multitouch-Oberfläche.

    Ort- und Zeitdaten zu Künstlern, Auftraggebern und Institu­tionen werden den Benutzern in einer leicht nachvollziehbaren Darstellung ver­anschaulicht. Exponate und Lebenswege werden dabei auf unterschiedliche Weise zueinander in Verbindung gesetzt und visualisiert.

    Der Forschungstisch wurde unsprünglich für das Forschungsprojekt »Was war deutsches Grafikdesign?« an der UdK Berlin entwickelt. (Leitung: Severin Wucher, Kilian Krug, Markus Lerner; Mitarbeit: Ferdinand Ulrich, Patrick Funk, Cathleen Gettkandt, Mara Hellmann, Wanda Proft, Manja Schiemann).

    In der Ausstellung »Erik Spiekermann – Schriftgestalten« im Bauhaus-Archiv, Berlin (23. März – 6. Juni 2011) gab der Tisch in weiterentwickelter Form Einblick in den »Kosmos Erik Spiekermann«.

    Der Forschungstisch wurde entwickelt in Zusammenarbeit mit Plural (Kilian Krug und Severin Wucher). Frontend-/Backend-Design: Kilian Krug, Markus Lerner; Programmierung: Markus Lerner; Künstlerisch-wissenschaftliche Betreuung: Severin Wucher.

    Das Projekt wird unter dem Namen The Visual Archive als erweiterte Platform zur Präsentation von Archivdaten weitergeführt.

    Awards

    if_gold_logo

    eda-winner-gold

    Der Forschungstisch wurde beim IF Communication Design Award und dem European Design Award jeweils mit Gold ausgezeichnet.

    Leistungen
    Frontend-/Backend-Design (mit Plural), Java-/OpenGL- Programmierung, Backend: PHP/MySQL/Ajax, Hardware-Installation

    Technik

    • Grafikrechner für Echtzeit-Grafik
    • 1 Full HD Projektor für Rückprojektion
    • Multitouch Tischoberfläche (Rear DI mit CCV)

    Links

    visualarchive.de
    was-war-deutsches-grafik-design.de

  • Bildersuche in 3D

    Intuitive Bildersuche in 3D, 2008

    3D Photo View ist ein intuitiver Bildbrowser für viewzi.com.

    Diese Online-Anwendung ist ein völlig neuer Ansatz zur Bildersuche. Sie ermöglicht es, mehrere Suchfelder im 3D-Raum zu platzieren. Die Suchergebnisse werden um und zwischen den Suchfeldern angeordnet. Das System sucht dabei ebenfalls nach Bildern, die zwischen mehreren Suchfeldern liegen und zeigt verwandte Begriffe an.

    Auftrag, Produktion und Art Direction durch WHITEvoid.

    Auszeichnungen

    ima_2009_outstanding_achievement

    Outstanding Achievement, IMA Interactive Media Award

    Leistungen
    Konzept & Design in Zusammenarbeit mit WHITEvoid, Programmierung in Flash ActionScript 3/Papervision.

    Links
    3D Photo View

     

  • Flexibles Quadrat

    Reaktive geometrische Figur, 2007

    Dieses Experiment beginnt mit einem statisch anmutenden Quadrat. Nähert man sich mit dem Mauszeiger, wird dessen Flexibilität enttarnt. Mehrere Parameter, die das Verhalten beeinflussen, können eingestellt werden.

    Leistungen
    Idee, Programmierung in Flash 8 Pro, Actionscript 2.0

    Interaktive Anwendung