Collekton Exhibition

Eine iOS-App, die Kunst-Ausstellungen anreichert. Sie zeigt mehr Informationen als das Standard-Schild vor Ort und ermöglicht es sogar, die Kunst sofort dort oder jederzeit anderswo zu kaufen.

Man kann den Standort des Geräts nutzen, um Ausstellungen in der Nähe zu finden.

#ux #ui #typografie #prototyp

  • Foto Hand mit iPhone
  • Foto Paris Photo
  • Foto Paris Photo
  • Foto Paris Photo
  • Foto Hand mit iPhone
  • Foto Paris Photo
  • Foto Paris Photo
  • Foto Paris Photo

Ausgangspunkt

Herausforderung

Erstellen einer iOS-Anwendung von Grund auf in der Zeit bis zur Paris Photo 2024 (der Zeitraum betrug nur drei Monate). Verbindung zu einer bestehenden Datenbank. Über 600 Fotos zum Start.

Lösung

Eine dynamische Anwendung, die Inhalte, Preise und gesamte Ausstellungen im Handumdrehen aktualisieren kann. Intuitive und schnelle Navigationsphilosophie mit minimalistischem, aber einprägsamem Design.

  • Foto hand mit iPhone
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Collekton
  • Foto hand mit iPhone
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Collekton

UX, Research and Kickoff

Nachdem ich die User Journey kartiert hatte, entwarf ich das Navigationskonzept. In enger Absprache mit Julian Sander und Gate5 (dem Entwicklungsteam) priorisierten wir Funktionen und optimierten die Navigation.

Eine schnelle Durchführung dieser Diagramme während der ersten Woche nach dem Kickoff stellte eine effiziente Kommunikation zwischen den Abteilungen sicher:

Projektmanagement, Entwicklung, Design und externe Stakeholder. Die einzelnen Segmente bestanden aus einfachen Blöcken, waren aber ausreichend detailliert, um Experteninterviews durchzuführen, um das kognitive Modell der App zu testen.

  • Screenshot Figma
  • 3D-Darstellung der Screens von Collekton
  • Screenshot Figma
  • 3D-Darstellung der Screens von Collekton

Prototyp

Ich habe Figma verwendet, um Interaktionen und Animationen auf iOS 17 zu emulieren, damit wir die Möglichkeiten der nativen Entwicklung optimal nutzen konnten.

Schnelles Prototyping half uns auf zwei Arten:

1. Genaues Abschätzen des Arbeitsaufwands half frühzeitig, die Anforderungen zu priorisieren und das Entwicklungsteam zu besetzen.
2. Wir konnten früh und häufig testen, damit das Navigationskonzept so klar und intuitiv wie möglich wurde.

Visuelles Design

Die Galerie hatte bereits eine starke visuelle Präsenz im Web, aber nicht so sehr im mobilen Bereich.

Meine Herausforderung bestand darin, zwischen den beiden Formaten zu übersetzen. Die App, als Vertreter dieser neuen Collekton-Plattform, sollte den Betrachter an Sanders Marke erinnern, aber gleichzeitig eine eigene visuelle Entität sein.

Die Typografie hat sich ziemlich verändert, um auf iPhones optimal lesbar zu sein.

Am Ende ist das visuell dominierende Element die Kunst, die wir hauptsächlich mit zusätzlichen Informationen ergänzten.

  • Screenshot Sander Website
  • Screenshot Sander Website
  • Screenshot Sander Website
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Figma
  • Screenshot Figma
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Figma
  • Screenshot Collekton
  • Screenshot Sander Website
  • Screenshot Sander Website
  • Screenshot Sander Website
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Figma
  • Screenshot Figma
  • Screenshot Collekton
  • Screenshot Collekton
  • Screenshot Figma
  • Screenshot Collekton

Errungenschaften

Die gigantische Fotowand, die sowohl auf der renommierten Ausstellung Paris Photo 2024 im Grand Palais als auch innerhalb der App präsentiert wurde, zog viele Blicke auf sich. Eine ganzseitige Werbung in dem renommierten Fotomagazin „The Classic” half kurz vor der Veröffentlichung der App mit noch etwas mehr Aufmerksamkeit.

Unmittelbar nach der Erstausstellung auf der Messe nahmen eine Reihe von Institutionen, allen voran AIpad, Kontakt mit der Galerie Julian Sander auf, um einen Platz in diesem Ökosystem zu erhalten — da es sich um eine erweiterbare und dynamische Plattform handelt.

Ein Autorentool für den einfachen Import und die Kuratierung befindet sich derzeit in der Entwicklung, um Collekton in Form eines Software-as-a-Service für ähnlich renommierte Galerien zu öffnen. Ich habe auch erste Konzepte und Prototypen für dieses webbasierte Portal erstellt.

  • Foto Magazine The Classic
  • Screenshot Website AIpad
  • Paris Photo Interior
  • Paris Photo Exterior
  • Foto Magazine The Classic
  • Screenshot Website AIpad
  • Paris Photo Interior
  • Paris Photo Exterior

Re'flekt One

RE’FLEKT ONE, auch bekannt als Bosch CAP, war eine Softwareplattform, die es einem relativ einfach ermöglicht, CAD-Daten in schrittweise, animierte Reparaturanleitungen in Augmented Reality umzuwandeln.

#ui #prototype #ar #hololens

  • Foto Harry with HoloLens
  • Foto Moritz with Hololens
  • Foto Bosch Hololens
  • Foto Harry with HoloLens
  • Foto Moritz with Hololens
  • Foto Bosch Hololens

Ausgangspunkt

Herausforderung:

Unternehmen, die auf technische Dokumentation angewiesen sind, erkannten die Möglichkeiten der erweiterten Realität. Aber insbesondere Organisationen des Mittelstands wussten nicht, wo sie anfangen sollten, ihre Inhalte auf diese Weise zu digitalisieren.

Lösung:

Ein Multiplattform-Ökosystem, das vielseitig genug ist, um AR-Anleitungen im Web, auf einem iPad oder der HoloLens anzuzeigen. Dahinter steckt ein Autorentool, das eine AR-Pipeline auf Basis von vorhandenen CAD- und Textinhalten bietet. Das Ganze ohne Code.

  • Siemens Teamcenter AR Presentation
  • Oerlikon Foto iPad
  • Bosch AR iPad Video
  • Siemens Teamcenter AR Presentation
  • Oerlikon Foto iPad
  • Bosch AR iPad Video

UX/UI for Authoring Suite

Das Autoren-Tool war das Hauptverkaufsargument von RE'FLEKT ONE. Diese Software konnte mit vielen verschiedenen Systemen interagieren und ermöglichte es sogar ungeschultem Personal, Inhalte zu erstellen, ohne eine spezielle Ausbildung zu bekommen.

Qualitätssicherung und Tests vor Ort

Als kleines Start-Up haben wir ONE mit Mitteln von Bosch als langfristiges Projekt entwickelt. Ich habe etwas mehr als sechs Jahre lang die meisten Design-Aspekte übernommen.

Abgesehen vom Design von UI/UX für Frontend und Backend der Software war ich auch an vielen anderen Aspekten beteiligt, wie der Inhaltserstellung und der Optimierung der internen Werkzeugkette, sowie Marketingkommunikation und Partner-Onboarding.

  • Illustration many Tasks
  • Illustration Authoring Tool
  • Illustration many Tasks
  • Illustration Authoring Tool

Marken-Projekte

Während dieser Zeit wandten sich zahlreiche Unternehmen, überwiegend aus der Industrie, an uns, um markenbezogene Konzeptnachweise zu erhalten – von großen Automobilherstellern bis zu mittelständischen Agrarproduzenten. In enger Kommunikation arbeiteten wir zusammen, um die richtige Darstellung ihrer Marken in dem unerforschten Medium Augmented Reality zu perfektionieren.

Hier entwickelte ich meine Fähigkeit, detaillierte Technologiethemen zu recherchieren. Sowohl in Bezug auf die Technologie, die für Softwareprodukte verwendet wird, als auch auf die Maschinen und Prozesse, die beworben werden.

  • Foto BMW Autohaus iPad
  • Video Getinge AR Hololens
  • Screenshot Oerlikon AR App
  • Screenshot Hyundai AR App
  • Screenshot Bosch Fridge AR
  • Foto Face Tracking
  • Foto BMW Autohaus iPad
  • Video Getinge AR Hololens
  • Screenshot Oerlikon AR App
  • Screenshot Hyundai AR App
  • Screenshot Bosch Fridge AR
  • Foto Face Tracking

Errungenschaften

Die Zeit, die ich mit ONE gearbeitet habe, hat mir klar gemacht, wie wichtig ein ganzheitliches Verständnis der User Journey ist. Was sind die realen Bedingungen im Einsatz? Tragen User Handschuhe oder haben sie ölige Hände? Ist es laut, eng oder gefährlich, wo sie sind? Diese Position hat es mir erlaubt, Erfahrungen in qualitativer Feldforschung zu sammeln.

Persönlich bin ich stolz darauf, an diesem Projekt beteiligt zu sein, da wir so vielen Unternehmen bei der Digitalisierung ihrer Arbeitsabläufe geholfen haben. Industrie 4.0 war zu dieser Zeit ein großes Schlagwort, und mein Team und ich haben geholfen, das Thema mit etwa vier oder fünf PoCs pro Jahr für mittelständische Unternehmen und Bosch-Partner zur Realität werden zu lassen. Die Verkäufe der Plattform-Lizenzen selbst waren um einiges zahlreicher.

  • Screenshot iPad AR
  • Screenshot Authoring Tool
  • Screenshot iPad AR
  • Screenshot Authoring Tool

Es fühlte sich schon irgendwie wie eine Bestätigung an, als der Hauptwettbewerber PTC in der Zeit von Ende 2020 bis 2022 die Firma RE’FLEKT sowie deren Wissen, das Handwerk und die Liebe in seine eigene Produktpalette integrierte. Allerdings bedeutete das auch das Aus für die Firma.

VRPE Ma.x

MA.X ist ein Konzept für eine Online-Plattform, die Ausstellern ermöglicht, digitale Zwillinge von Messeständen oder sogar rein digitale Darstellungen ihrer Marken zu hosten.

#konzept #3d #web #cms

Ausgangspunkt

Herausforderung

Während des Lockdowns litten die Unternehmen darunter, dass sie ihr Portfolio nicht in einer immersiven Weise visualisieren konnten, wie sie es auf einer Messe tun würden. Die bestehenden Dienstleistungen waren unattraktiv oder mangelhaft in den Funktionen, hauptsächlich der eins-zu-eins-Kommunikation.

Lösung

Ein Servicepaket, das aus mehreren Modulen besteht, jedes mit angemessenen Fahrplänen und Geschäftsplänen und unterstützt von einem maßgeschneiderten CMS, spezialisiert auf diese Module. Während meiner Zeit hat das engagierte Team und ich Modul 1 ausgeliefert: Ein Werkzeug für Pressekonferenzen.

Aufgaben

Fast von Grund auf, haben wir das Dienstleistungskonzept erstellt und das erste Produkt innerhalb von 18 Monaten verschickt. Als kreativer Leiter bei MA.X habe ich…


… Konzepte für 3D-Ansichten für VR und bildschirmbasierte virtuelle Umgebungen erstellt

… Storyboards für interaktives, Echtzeit-3D-Storytelling sowie vorgerenderte Animationen erstellt

Whitepaper und Presse-Mappen

Parallel zur Konzeption des Inhalts der internen 3D-Showrooms, sowie denen von Kunden habe ich auch das Marketingmaterial mitgestaltet, um Investoren zu gewinnen:

Marketingmaterial in Druck und Video

Proof of Concept: MA.X Showroom im Internet, einschließlich 3D-Modellierung und Shadern

UX/UI-Design sowie agile Umsetzung zusammen mit dem Partner „stage for comms GmbH“

Schließlich, die Entwicklung des ersten veröffentlichten MA.X Moduls: "MA.X Live"

Errungenschaft: MA.X Live-Veröffentlichung

Der Start dieses maßgeschneiderten Telekonferenzmoduls culminierte in einer zweistündigen Konferenz, die für Dutzende von Mitgliedern der internationalen Presse sowie über 100 regelmäßige Zuschauer ausgerichtet wurde (hier: detaillierte Konzepte).

Dank gezielter Stresstests während der Entwurfsphase und Soundchecks vor Ort übertraf die Erfahrung alle Erwartungen: Zu diesem Zeitpunkt führten die Angriffe auf die Ukraine zu einer höheren Zuschauerzahl als erwartet und zu einer intensiven Fragerunde für den Kunden, aber alle Aspekte der App liefen so reibungslos wie eh und je.

Weitere Projekte

Plattform für Nutzergenerierte Inhalte

Manchmal ist das Ergebnis einer gründlichen Benutzerforschung und einer umfassenden Konzeptphase, dass ein Produkt leider nicht marktfähig ist. Der Erfolg in diesem Fall ist die Vermeidung unnötiger Ausgaben oder sogar einer Delle im Ruf der Marke.

Eine bestehende Plattform wollte nutzergenerierte Inhalte hinzufügen - insbesondere für jüngere Nutzer, die an Videospielen interessiert sind. Zu diesem Zeitpunkt setzte die Konkurrenz bestimmte Erwartungen, die mit den vorhandenen Ressourcen nicht vernünftig erfüllt werden konnten.

Im gesamten Jahr 2023 habe ich umfangreiche und responsive Prototypen für alle Zielplattformen erstellt — testbar in Figma sowie in einem Alpha-Zweig der Plattform implementiert.

Dies beinhaltete simulierte Zahlungsstrukturen, um den Aufwand für die endgültige Implementierung und Wartung genau vorherzusagen.

Gleichzeitig wurden die Prototypen für qualitative und quantitative Nutzerforschung, wie Akzeptanztests, verwendet.

Es folgen weitere Projekte