-
CollectionWall
CollectionWallInteractive installation at Marchivum, Mannheim, 2022
The Collection Wall, an immersive interactive image archive, is part of the exhibition »What does this have to do with me?« at Marchivum, the Mannheim City Archive.
Visitors can playfully explore a collection of more than 5,000 individual images, galleries and films from Mannheim’s post-war decades up to the present. The images are arranged according to the themes of democracy, memory and diversity. The four large-format touchscreens in 4K resolution offer visitors an immersive experience. The application uses Particular, a GPU accelerated particle system, which I recently released on GitHub.
The application was developed on behalf of finke.media, the UI design was done in collaboration with Studio S/M/L.
The exhibition aims to convey an understanding that our free democratic basic order cannot be taken for granted, but must always be defended against anti-democratic tendencies by all of us.
Concept/exhibition design: Arbeitsgemeinschaft Tatwerk/finke.media, prjktr, Stacey Spiegel
Curators: Karen Strobel, Sebastian Steinert, Stacey Spiegel, Prof. Dr. Ulrich Nieß, Dr. Christian Groh, Dr. Marco Brenneisen
Project management: Prof. Dr. Ulrich Nieß with support by Silvia Köhler
Work:
UI design, frontend development in JavaScript/WebGL/three.js -
Dinner at the White House
Dinner at the White HouseInteractive installation at The Kennedy Center, Washington DC, 2022
The interactive exhibit ›Dinner at the White House‹ at the Kennedy Center, Washington DC, introduces visitors to dinners hosted by the Kennedy White House, which featured prominent artists, writers, musicians, and cultural figures. A series of touchscreens allows visitors to learn about the historic guests and to propose which contemporary guests they would invite today. Quotes from the invitees appear on the surface of the table suggesting the themes and connections between them.
The table is part of the permanent exhibition ›Art and Ideals: President John F. Kennedy‹, which has been designed by creative director Abbott Miller of Pentagram in collaboration with architects KieranTimberlake, consulting curator Ileen Gallagher and an advisory committee of five leading U.S. historians.
The installation was developed on behalf of TheGreenEyl. I collaborated on the UI design and developed the backend and frontend software. Art direction and project management: Richard The, content and design: Ardak Mukanova, Jiangnan Nichole, Rozi Zhu, sound design: Marian Mentrup.
Work
UI design, back- and frontend development in JavaScript/WebGL/three.js -
Zeiss 3D Model Interaction
Zeiss 3D Model InteractionInteractive 3D models, 2020
Interactive 3D models in Three.js were developed on behalf of Monomango to create a rich virtual experience of the functionality of the ZEISS Tumor Workflow devices.
The ZEISS KINEVO® 900 robotic visualization system features like PointLock and PositionMemory can be explored via mouse or touch interaction and the device reacts just like in real-life.
In Vivo Pathology Suite ZEISS CONVIVO® allows real-time feedback on tissue microstructure and enables medical team members to remote-access in vivo images.
ZEISS INTRABEAM® 600 uses Intraoperative radiotherapy for the treatment of brain metastases and recurrent brain tumors.
Concept, design, production: Monomango
Software Development - Showroom: Apilia
3D model interaction & coding: Markus LernerServices
Interaction design, JavaScript/WebGL/three.js programming -
Kurt Weill Cosmos
Kurt Weill CosmosInteractive network visualization at Kurt Weill Centre, Dessau, 2019
The interactive visual archive ›Kurt Weill Cosmos‹ is part of the new permanent exhibition at the Kurt Weill Centre in Dessau, located in the Bauhaus Masters’ House of Feininger/Moholy-Nagy.
Visitors can explore the interrelations of people, places and works and discover unexpected connections and relationships while listening to referenced tracks on the audio guide. Slideshows of record covers, stage design and photos provide further insights into the life of Kurt Weill.
Coding: Markus Lerner
UI design: Kilian Krug and Markus Lerner
Exhibition design: Plural Severin Wucher and Frank Übler
Curation: Prof. Dr. Andreas Eichhorn
Media planning: asignum Sven Schneider
Construction/carpentry: neubauen.design Anne Schulz, Sebastian Bockrandt
Director of Kurt Weill Centre: Joachim Landgraf
Building/architecture: Stiftung Bauhaus Dessau / Bruno Fioretti Marquez, 2010-2014Services
UI design, JavaScript/React.js/d3.js programming, backend development in Node.js/MySQL -
Database of Hopes
Database of HopesTouchscreen terminals and 4K infinity mirror display at futurium Berlin, 2019
The ›Wünschespeicher‹ or ›Database of Hopes‹ was developed for the permanent exhibition at Futurium Berlin.
The interactive installation featuring four touchscreen terminals and a large scale 4K infinity mirror display allows visitors to enter their wishes about the future. An AI automatically checks for similarities and assigns the wishes to categories.
The frontend and backend were developed on behalf of ART+COM, who designed and produced the installation.
Services
JavaScript/React.js/WebGL/three.js programming, backend development in Node.js/MySQL. -
Forgotten Heritage
Forgotten HeritageWeb-based visual database of artists and artworks, 2018
Forgotten Heritage is a visual database of artists and artworks of the European avant-garde. Several art archives across Europe have brought together about 8,000 entries and made them tangible in their context. Visitors can immerse themselves in the world of avant-garde artists from Poland, Estonia, Croatia, France and Belgium, who were active in the second half of the 20th century. The sophisticated design opens up a fascinating network of works, artists and places of action.
The project is the recent implementation of The Visual Archive, a technology developed by Plural, which facilitates the display of digital collections and datasets.
Using web technologies like React.js, d3.js and pixie.js, the application lets people interact with archival data in new ways and make hidden connections graspable. For the curation of the content, the sophisticated Visual Archive Backend system makes it easy for both professional and less tech-savvy users to edit large amounts of data.
In Collaboration with Marika Kuźmicz of Fundacja Arton and Kilian Krug.
Services
UI/UX design, frontend/backend/database development -
5,670
5,670Generative LED-Wall display, Mann+Hummel, Ludwigsburg, 2016
A large 17 x 5 m LED wall is the central element of the new corporate museum of filter manufacturer Mann+Hummel in Ludwigsburg, Germany. 5,670 filter elements are mounted onto monochrome LED tiles. Accompanying the screen, an extensive audio system enhances the room with differentiated sound. The subject of the audiovisual experience are information and visualisations about the company’s expertise, locations and statistics. The context is provided by neon light words, which surround the LED area.
A custom control software was developed by Markus Lerner to facilitate the display of generative real-time animations, bar and line charts as well as a world map, which highlights the global locations of the company. The application features an intuitive timeline editor for the design and arrangement of the content. Besides the DMX output for the LED display, the software also controls the sound and the neon lights.
The animations were designed in collaboration with TheGreenEyl, Berlin.
LED wall design: TheGreenEyl in collaboration with Holzer Kobler Architekturen. Audiovisual engineering: Stefan Helling. Sound design: Ben Lukas Boysen.
Work
Animation Design, Screen Design, Java/OpenGL/Shader programming, DMX control -
The Emirati National House
The Emirati National HouseInteractive map of the United Arab Emirates, 2016
A high-resolution interactive multitouch map was developed for the National Pavilion of the United Arab Emirates at the 15th international architecture exhibition – la Biennale di Venezia.
It provides insights into the geography and landscape of the UAE, as well as the diversity in typology of the Emirati National House, also know as the Sha’abi (folk) housing model, applied across the Emirates.
Multiple visitors simultaneously are able to zoom in to neighborhoods to examine their qualities and view photographs documenting the unique features of the Sha’abi houses. An overview map, where the currently selected map areas are indicated, provides general orientation within the country.
The Emirate National house was introduced in the 1970s to settle transient population and provide modern amenities. Architecturally it was based on a courtyard housing typology derived from traditional precedents. As the resident’s needs evolved, a series of changes took place: functional ones likes the addition of rooms, enlargement of living spaces and the raising of enclosure walls to ensure privacy as well as aesthetic or symbolic ones: replacing entrance doorways and repainting outer walls. These modifications resulted in visual diversity, moving away from a monotonous appearance.
The exhibition curated by Prof. Yasser Elsheshtawy, intents to move the urban housing discourse in the UAE to one that is grounded in the every day life of its citizens.
The exhibition is open to the public from May 28 until November 27, 2016.
Update: The interactive map is on display again as part of the exhibition ›Untold Stories Retold‹ at Warehouse421, Abu Dhabi, from 07 March until 24 June 2018.
nationalpavilionuae.org
labiennale.orgWork:
Concept & UI design, hardware planning (65” 4K NEC multitouch display), software development in ReactJS and OpenLayers
- Interactive Map: the Emirati National House at Venice Biennale
- uae_national_pavilion_interactive_map_2
- uae_national_pavilion_interactive_map_3
- uae_national_pavilion_interactive_map_4
- uae_national_pavilion_interactive_map_5
- uae_national_pavilion_interactive_map_6
- Interactive map: the Emirati National House at Warehouse421, Abu Dhabi
-
Travelscope
TravelscopeA 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.
Work
Concept, UI Design, coding in HTML5 (Javascript/Three.js)