FOND­STIQUE

Begegnung und Orientierung in einer virtuellen 360°-Messe. Konzeption, User Flows und UI für die digitale Anlegermesse der Fondsboutiquen.

  • Konzeption
  • User Flows
  • UI
  • Illustration
  • Agenturprojekt für HANSAINVEST · 2022
Rendering des Foyers: Empfangstresen, Agenda-Wand mit Pfeil, runde Buttons im Raum, Baum in der Mitte

01 Überblick

Worum es geht

Die digitale Anlegermesse der Fondsboutiquen (HANSAINVEST) ist eine begehbare virtuelle 360°-Welt. Für die dritte Ausgabe 2022 verantwortete ich den Weg von der UX-Konzeption über die User Flows bis hin zum UI. Die Herausforderung waren Begegnungen, die sich von selbst ergeben, und Orientierung, die sich von selbst erklärt. 1.091 Besucher:innen, 38.882 Interaktionen.

Menschen im Gespräch an einem Messestand

Eine Messe lebt vom Gespräch am Stand.
Digital fehlt der Gang, in dem man sich zufällig trifft.

02 Ausgangslage

Eine Messe zum Betreten

Fondsboutiquen sind kleine, spezialisierte Anbieter. Eine Präsenzmesse erreicht nur, wer anreist. Die dritte Ausgabe ist wie auch im Vorjahr digital, aber diesmal mit mehr Anspruch an Individualisierung, Interaktion und neue Liveformate.

Unsere Aufgabe war, eine Messe als Raum denkbar zu machen, in dem sich Besucher:innen bewegen, orientieren und austauschen, ohne Einweisung.

03 Herausforderung

Selbst erklärte
virtuelle Welt

Daraus ergaben sich vier Fragen:

  1. 01

    Orientierung
    Wie finden Besucher:innen ohne Navigation ihren Weg?

  2. 02

    Begegnung
    Wie entsteht das Gespräch, das sich sonst im Gang ergibt? Wie trifft man sich in einer virtuellen Messe?

  3. 03

    Lesbarkeit
    Wie bleibt der handgemachte Markenstil von HANSAINVEST auch in Tabellen und auf Flächen lesbar?

  4. 04

    Perspektive
    Wie stimmt ein Layout, das nie frontal gesehen wird, im gerenderten 360°-Bild?

03.1 Orientierung

Die Architektur übernimmt die Navigation

Der Einstieg führt ins Foyer: in der Mitte der Empfangstresen mit „Willkommen“ und Info-Button, rechts der Login zur Livestream- und Meeting Area. Ohne Menü übernimmt die Architektur die Wegeführung:

Panorama des Foyers: Agenda-Wand mit gelbem Pfeil, runde Buttons, Registrierung, Login und Bodenbeschriftung
  • Runde Buttons drehen sich im Raum. Ein Hinweis, dass man hier klicken kann.
  • Wandpfeile zeigen auf Agenda und Keyfacts. Das Wichtigste für den Kunden ist visuell hervorgehoben.
  • Schrift auf dem Boden benennt, wohin ein Weg führt.
Links die geschlossene Legende als Reiter am rechten Rand des Raums, rechts die ausgefahrene Legende mit allen Symbolen und Erklärungen

Zur Orientierung habe ich eine Legende gestaltet. Per Klick fährt sie vom rechten Rand herein und wieder hinaus. Jedes Symbol sitzt auch auf den runden Buttons im Raum, viele davon von Hand gezeichnet, nah an der Handschrift der Marke.

03.2 Begegnung

Das Gespräch ist eingebaut

Was auf einer echten Messe nebenbei passiert, brauchte in der virtuellen Welt ein Interface.

Am Aussteller-Stand gibt es Infoflyer und Filme, dazu drei Wege ins Gespräch. Die Besucher:innen können ihre Visitenkarte mit Nachricht in den Briefkasten werfen, einen Termin direkt buchen oder die Kontaktdaten der Ansprechperson sehen.

Ausprobieren: Briefkasten, Bildschirm und Infosäule anklicken

Rendering eines Messestands: Firmenlogo auf der Rückwand, Bildschirm mit Filmknopf, Briefkasten, Infosäule mit Downloads
Overlay Downloads mit drei Dokumentkacheln und vier Zeilen zum Herunterladen
Downloads: Infoflyer und Unterlagen
Overlay Stand-Info mit Firmenlogo, Beschreibung, Kontaktdaten und zwei Vorträgen
Stand-Info: Aussteller im Überblick
Overlay Kontakt, Reiter Visitenkarte: Formular mit Name, E-Mail, Telefon und Nachricht
Kontakt: Visitenkarte einwerfen
Overlay Kontakt, Reiter Terminvereinbarung: Monatskalender und vier Uhrzeiten
Kontakt: Termin buchen
Overlay Kontakt, Reiter Ansprechperson: Foto, Name, Telefonnummer und E-Mail-Adresse
Kontakt: Ansprechperson
Rendering der Meeting Area: eine Lounge mit Coffee Station, Sitzgruppen und Bäumen

Für das persönliche Gespräch gibt es die Meeting Area. Ein 1:1-Videocall beginnt dort so beiläufig wie das Gespräch zwischen den Ständen. Außerdem steht ein Messenger allen Besucher:innen und Ausstellenden zur Verfügung.

Der Live-Moment

Kurz vor einem Live-Event erscheint oben rechts ein Countdown mit Button zum Stream. Sichtbar, aber ohne den Rundgang zu stören.

Blick auf Livestream und Meeting Area, oben rechts ein Countdown „Konferenz beginnt in 01:23“ mit Knopf „Zur Konferenz“

03.3 Lesbarkeit

Lesbarkeit gegen Verspieltheit

Dem handgemachten Stil stand die Lesbarkeit entgegen. Eine Handschrift braucht Raum und ist für Fließtext nicht geeignet. Die Lösung ist eine visuelle Aufteilung, wie auf den Screenshots zu sehen: Handschrift für Titel, Zahlen und Akzente, eine klare Druckschrift für Fließtext und Tabellen. Hier entstanden die meisten Iterationen.

Stilfragen habe ich entscheidbar gemacht. Zu jedem Punkt gab es zwei bis drei Varianten, mit Empfehlung und Begründung.

Vier Screens der Messe: Titel und Kennzahlen in Handschrift, Fließtext und Tabellen in einer klaren Druckschrift
Designentwurf · Die Messe 2022 warb bereits für die nächste Ausgabe.

„Meine Aufgabe war, die Balance zu finden: so viel Handschrift wie möglich, so viel Lesbarkeit wie nötig.“

03.4 Perspektive

Gestalten für eine 360°-Kamera

Die Flächen werden nie zweidimensional betrachtet. Die 360°-Kamera verzieht jede Wand- und Bodengrafik. Also lieferte ich alle Grafiken an die 3D-Abteilung, prüfte im Rendering, korrigierte, bis die Wirkung im Raum stimmte.

Blick von oben in die Halle: Wandgrafiken und Bodenschrift laufen durch die 360°-Kamera schräg auseinander

04 Ergebnis

Fast doppelt so viele Besuche am Stand wie im Stream.

Die Interaktionsrate mit den Funktionen fiel höher aus als in den Vorjahren. Der Kunde war mit Reichweite und Resonanz zufrieden. Die FONDSTIQUE-Messe 2022 in Zahlen:

Vier handgezeichnete Karten mit den Messezahlen: 1.091 Besuchende, 38.882 Klicks in der Welt, 2.994 Standbesuche, 1.574 Stream-Besuche
Quelle: Zahlen aus der 360°-Welt selbst, dort nach dem Messetag öffentlich zu sehen. Die Messe ist geschlossen, es gibt keine Live-Adresse mehr.

Was ich anders machen würde

Ich würde mehr erheben als Klicks. Aussagekräftig sind die Zahlen, die den Kontakt zeigen: eingeworfene Visitenkarten am Stand, gebuchte Termine, geöffnete Kontaktdaten.

Diese Zahlen entstehen in der Welt selbst, niemand muss sie bei den Ausstellern erfragen. Sie hätten die Frage beantwortet, die bis heute offen ist. Was hat die Messe den Ausstellern gebracht?

Fragen zu diesem Projekt?

Ich zeige gern, was hinter den Entscheidungen steckt.

Schreib mir

Nächstes Projekt · 03 / 03

Pace

Ein Begleiter, der nicht bewertet. Konzept und lauffähiger Prototyp einer Selbstfürsorge-App.

Projekt ansehen