vostel.de

Interface design für eine Engagementplattform

Oh, vostel.de – so lange gehen wir schon gemeinsame Wege. Seit 2019 bin ich immer bestrebt, die schönsten und angenehmsten Interfaces für euch und eure Nutzer*innen zu entwickeln, denn als digitale Engagementplattform habt ihr nur das Allerbeste verdient.

Was in unserer jahrelangen Zusammenarbeit schon alles entstanden ist, ist sehr vielfältig und umfasst die kontinuierliche Entwicklung und Neugestaltung aller User Interfaces, die Gestaltung von individuellen Icons und Illustrationen sowie die Gestaltung von Printprodukten und sogar der Beklebung eurer Büro-Fensterscheiben. Vielen Dank für euer Vertrauen. <3

Sachsen-Anhalt #moderndenken

Kampagnen-Website für ein aufstrebendes Bundesland

Für die #moderndenken Kampagne des Landes Sachsen-Anhalt wurden zwei Websites gestaltet, eine um Sachsen-Anhalt als attraktives Land für Fachkräfte vorzustellen und eine, um über die #moderndenken Kampagne zu informieren. Das modernistische Design der Seiten stellt einen Bezug zum Bauhaus-Design her. Das Block-Design wird aufgebrochen durch kleine bewegliche Grafiken und dynamische Scrollbereiche.

Fachkräfte Website: https://jobs.moderndenken.de

Kampagnen Website: https://moderndenken.de/

Umsetzung: https://codemacher.de

Panthea

Mobile Übertitel fürs Theater

Panthea benötigte ein neues Interface für ihre Software, die Theater für mehr Menschen erlebbar macht. Auf mobilen Geräten werden Übertitel, Videos mit Gebärdensprache oder Audiotitel ausgegeben, um Theaterbesucher*innen mit Seh- und Hörbeeinträchtigungen zu unterstützen und um Übersetzungen anzubieten. Bei diesem Projekt liegt die Besonderheit in der großen Vielfalt der Nutzer*innen-Gruppen sowie der Vielfalt von mobilen Geräten, mit welchen die Software benutzt wird. Nutzer*innen mit unterschiedlichsten Bedürfnissen, Kenntnisständen und Benutzerrollen haben verschiedenste Touch Points mit der App – vom Front of House Personal, welches die Geräte ausgibt über Theaterbesucher*innen bis hin zum Show Management. Die Software läuft auf einer Vielzahl von Geräten, darunter Smart Glasses, Android Phones und fest installierte Screens. Zusätzlich zur App wurde deshalb auch das Interface für eine Management Software entwickelt, um die unterschiedlichen Geräte vor, während und nach der Show zu betreuen.

panthea.com

Life goes on

Interface Design & Umsetzung für ein immersives Audio Game Adventure

Life goes on nimmt dich und deine Mitspielenden mit auf eine Reise in die deutsche Vergangenheit, ohne dass du dein Wohnzimmer verlassen musst. Das „ZeiSiG“-Gerät ermöglicht es euch, Fragmente aus der Vergangenheit zu hören. Während du die fiktive Stadt Prückwitz erkundest, musst du dein neu erworbenes Wissen über die Vergangenheit mit aktuellen Geschehnissen kombinieren, um der Bürgermeisterin von Prückwitz zu helfen, ungeheuerliche Geheimnisse aufzudecken.

Hier kannst du Life Goes On Online spielen!

Concept: machina eX / Performance (audio): Anne Eigner, Godehard Giese, Sina Kießling, Thomas Mielmann, Laura Naumann, David Simon, Stephan Stock, Leon Ullrich / Text: Clara Ehrenwerth / Interaction Design & Programming: Lasse Marburg, Benedikt Kaffai / Collaboration programming: Philip Steimel / Dramaturgy: Lena Vöcklinghaus / Sound Design: Matthias Millhoff / Collaboration game design: Anton Rose / Scenography: För Künkel, Mirjam Hildbrand / Interface & UX Design: Elisa Haubert / Graphic design: Ines Strzedulla / Production management: Sina Kießling

Production: machina eX. Co-production: HAU Hebbel am Ufer. Funded by: Berlin Senate Department for Culture and Europe, Fonds Darstellende Künste with funds from the Federal Government Commissioner for Culture and the Media within the framework of NEUSTART KULTUR. Part of Berlin Science Week.

adaptor:ex

Interface design für eine Real-Life Game Engine

adaptor:ex ist ein vielseitiges und anpassbares Tool, mit dem fesselnde interaktive Performances, Theaterspiele, Installationen, Chatbot-Abenteuer oder Bonuslevel für bestehende Projekte erstellt weden können. Mit adaptor:ex werden Ideen sowohl in physischen als auch in digitalen Räumen zum Leben erweckt. Das Framework ist Open-Source und bietet eine umfassende Dokumentation zur Installation, Verwendung und Anpassung an unterschiedlichste Bedürfnisse.

Bei dem Projekt ging es nicht nur um die Gestaltung der Benutzeroberfläche des Tools selbst, sondern in erster Linie darum, den Funktionen eine Struktur zu geben. Mit einer früheren Version des Tools und einer Menge Ideen setzten wir uns zusammen, um alle technischen Funktionen zu sammeln und eine hilfreiche User Journey zu erstellen. Wir mussten bewerten, wo jede Funktion im Tool zu finden ist, um es für unsere Nutzer*innen so zugänglich und nützlich wie möglich zu machen. Als wir die erste Version hatten, begannen wir sofort damit, adaptor:ex zu testen, zu verbessern und zu dokumentieren.

adaptor:ex ist ein Projekt von machina eX und Teil der machina commons.

dingsda 2mex

Verwaltung von Requisiten und Ausrüstungen für Kollektive in der Kunstszene

Dingsda 2meX ist eine Webanwendung, die es Kollektiven, Ensembles und anderen Organisationen erleichtern soll, Requisiten und Ausrüstung gemeinsam zu nutzen und zu verwenden.

Eine der Herausforderungen, mit denen wir bei der Entwicklung des Interface konfrontiert waren, bestand darin, dass es nicht ungewöhnlich ist, dass Requisiten in anderen Requisiten gelagert werden. Zum Beispiel 10 Hüte, die in einem Koffer aufbewahrt werden. Die Anwendung sollte in der Lage sein, den genauen Standort des Gegenstandes anzuzeigen und das Auffinden, Ausleihen und Austauschen dieses Gegenstandes zu erleichtern. Wir haben dieses Problem gelöst, indem wir dem Gegenstand die Möglichkeit gegeben haben, selbst ein Container zu sein, und den Ort als eine Kette von Gegenständen anzeigen, wobei nur der oberste Gegenstand einen tatsächlichen Ort hat. Der Standort von einem der 10 Hüte würde also lauten: [Adresse] > [Zimmer] > [Regal] > [Karton] > [Koffer].

Dingsda 2meX ist Teil der machina commons.

digi4all

Kompetenzen für das Unterrichten in einer digitalen Welt

Digi4all vermittelt grundlegende und fortgeschrittene Kenntnisse über Computer und das Internet. Es sammelt Ressourcen für Lehramtsstudierende, wie sie digitale Werkzeuge in den Unterricht einbinden können.

Bisher gab es die digi4all-Inhalte nur auf der geschlossenen Hochschulplattform „StudOn“. Unser Ziel war es, digi4all zunächst eine ansprechende und moderne visuelle Identität zu geben. Auf der Grundlage der visuellen Identität haben wir eine Website erstellt, die alle Ressourcen öffenlich verfügbar macht. Wir haben alle Inhalte des Kurses in die neue Website integriert und per iFrame rückwärts in StudOn eingebunden, um doppelte Pflege und doppelte Inhalte zu vermeiden.

Besonderes Augenmerk wurde darauf gelegt, einen gut strukturierten User Flow zu schaffen, der es den Nutzenden ermöglicht, mühelos durch die Inhalte zu navigieren und sich ganz auf das Lernen zu konzentrieren.

Hier findet ihr digi4all.de.

Außerdem haben wir kleine Erklärvideos animiert, um bestimmte Inhalte besonders verständlich zu machen.

KI & WIR* Convention

Webdesign & Illustration für einen Kongress zu künstlicher Intelligenz

Das bestehende KI & WIR* Logo brauchte eine kleine Überarbeitung. Es wurde für das Querformat und für die Verwendung als minimalistisches Symbol optimiert. Darauf basierend wurde die Identität der Convention um verschiedene Formen und Farben erweitert. Das neue Design wurde für unterschiedlichste Marketingmaterialien verwendet. Wir hatten sogar einen eigenen Zoom-Hintergrund (danke, Coronavirus)! Schließlich wurde die neue Identität um ein neues Interface & User Experience Design für die Website erweitert, die alle wichtigen Informationen über den digitalen Kongress enthält.

Umsetzung: https://codemacher.de