⟵ zurück zur Übersicht

Showcase · Website-Relaunch Münchner Technologiezentrum

Wie erklärt man
ein Haus?

|Lesezeit: 5 Minuten

Fünf Etagen, acht Flügel, bis zu 80 Startups, Seminarräume, eine Lounge und eine lebendige Community. Ganz nebenbei müssen auch noch die großen Fragen der Mieter:innen beantwortet werden: Wo soll ich heute zum Mittagessen hin? Das Münchner Technologiezentrum hat viel zu erzählen – und wir damit die Herausforderung, das alles zu zeigen, ohne dass man lange danach suchen muss.

So arbeiten wir

Erst zuhören, dann bauen. Und dann wieder von vorn.

Wir arbeiten nach einem menschzentrierten und iterativen Vorgehensmodell nach DIN EN ISO 9241-210: Erst lernen wir die Menschen kennen, die die Website später benutzen. Dann bauen wir Prototypen nach ihren Anforderungen und holen Feedback ein – so lange, bis die Lösung alle Anforderungen erfüllt.

1Kontextverstehen 2Anforderungenspezifizieren 3Lösungenentwickeln 4Lösungenevaluieren
Die drei Bürogrößen Starter, Growth und Scaleup, nacheinander möbliert
Erdgeschoss des MTZ bei Nacht, im ersten Stock Videoroom und Konferenzfläche

„Wenn Investorenzu uns kommen, mussdas Büro mithalten.“

Starter, Growth, Scaleup: drei Bürogrößen, die mitwachsen – jede möbliert gezeigt.

„Ich nutze die Websiteeigentlich nur, umSeminarräume zu buchen.“

Jeder Raum zeigt sich dort, wo er im Haus liegt – und ist von dort aus direkt buchbar.

„Alles, was wir von Handpflegen müssen, ist indrei Monaten veraltet.“

Speiseplan, Abfahrten und Startup-News laufen von selbst ein. Foodtrucks, Events und Räume pflegt das Team im Backend.

„Ehrlich gesagt suche ichauf der Website immernur den Link zumSpeiseplan.“

01 · Kontext verstehen

Für die Mieter:innen war das Mittagessen mit Abstand das Thema Nummer eins. Also kam der Lunch dahin, wo er hingehört: ganz nach oben, direkt neben „Büros ansehen“. Ein Klick, und das Haus zoomt raus – Kantinen, Café und Foodtruck leuchten auf, mit dem Speiseplan von heute.

02 · Anforderungen spezifizieren

Zwei Besuche, zwei Maßstäbe.

Aus Workshops, Gesprächen und Recherche wurden zwei Nutzungsflows. Wer im Haus arbeitet, kommt täglich, meist mit dem Handy, und will in unter einer Minute wissen, was es heute gibt. Wer ein Büro sucht, kommt einmal, nimmt sich fünf bis fünfzehn Minuten, meist am Desktop, und will wissen, ob das MTZ der richtige Ort ist. Was bei der Bürosuche zählt, haben wir aus Studien zur Standortwahl abgeleitet: Flexibilität, Lage, Kosten, Ausstattung und Community. Daraus wurden Anforderungen, an denen sich jeder Entwurf messen lassen musste.

  1. Der Mittagstisch steht in unter drei Sekunden da, auch auf dem Handy.Mieter:innen
  2. Das 3D-Modell erklärt, statt im Weg zu stehen.Mieter:innen
  3. Flächen und Preise sind offen sichtbar, Betriebskosten inklusive.Bürosuche
  4. Bewerben geht ohne Umwege.Bürosuche
  5. Speiseplan, Abfahrten und News aktualisieren sich selbst.MTZ-Team
  6. Startups, Events, Foodtrucks und Räume pflegt das Team selbst im Backend.MTZ-Team
  7. Barrierefrei nach WCAG 2.1 AA, mit Barrierefreiheitserklärung.EN 301 549
  8. Flüssig auch auf einem Mittelklasse-Handy, ohne Drittanbieter-Dienste.Technik · Datenschutz

03 · Lösungen entwickeln

Ein Schalter, zwei Lichtstimmungen.

Oben rechts auf mtz.de rollt eine kleine Sonne zum Mond. Ein Klick, anderthalb Sekunden, und es ist Nacht: Die Farben wechseln, im Gebäude gehen die Lichter an. Beide Stimmungen sind vorab in Blender berechnet – der Browser muss nur noch zeigen.

Startseite des MTZ bei Tag

Weniger Schnickschnack, mehr Usability.

  1. Runde 1, Expertenreview: Eine durchgehende Kamerafahrt verbindet alle Abschnitte – Umgesetzt: Das Modell bleibt ruhig, bis man etwas wählt
  2. Runde 1, Expertenreview: Beim Überfahren eines Startups schwenkt die Kamera mit – Umgesetzt: Die Kamera steht, die Etagen darüber heben sich einen Spalt
  3. Runde 1, Expertenreview: Etagen werden durchsichtig, die Linien verschwinden im Creme – Umgesetzt: Nichts verschwindet: Das Haus fächert auf
  4. Runde 2, Nutzertest im Haus: Viel zu nah – der Zoom geht bis ans einzelne Büro – Umgesetzt: Der ganze Flügel bleibt im Bild
  5. Runde 2, Nutzertest im Haus: Der Lunch-Button sieht aus wie Text – Umgesetzt: Ein echter Button mit Rahmen und Schatten
  6. Runde 2, Nutzertest im Haus: Der Mittagstisch ist auf dem Handy eine Textwüste – Umgesetzt: Eine Karte pro Kantine, Café und Foodtruck
  7. Runde 2, Nutzertest im Haus: Die Team-Fotos sind zu klein – Umgesetzt: Größere Fotos auf den Startup-Seiten
  8. Runde 2, Nutzertest im Haus: Auf dem iPad springt die Seite, sobald die Adressleiste fährt – Umgesetzt: Die Seite steht, auch wenn die Adressleiste fährt
  9. Runde 3, Beta auf echten Geräten: Die Firmenliste springt alle vier Sekunden zwischen Vorder- und Rückseite – Umgesetzt: Sortiert nach Flügel, die Kamera dreht ruhig ums Haus
  10. Runde 3, Beta auf echten Geräten: Sechs Varianten einer Steuerung für das 3D-Modell – Umgesetzt: Zwei Schalter: Erdgeschoss und Umgebung

Das MTZ war immer mehr als ein Bürogebäude, nur online hat man davon wenig gesehen. Jetzt geht man einmal durchs ganze Haus, bevor man zum ersten Mal vor der Tür steht, und sieht, wer hier arbeitet und was hier passiert. Und die wichtigste Frage im Haus beantwortet inzwischen die Website: Was gibt’s heute zum Mittagessen?

Dr. Felix Brinkmann · Leiter des Münchner Technologiezentrums

Dr. Felix Brinkmann, Leiter des Münchner Technologiezentrums
⟵ mehr proband15