[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"HhVw_HTkcNNJcX9tEGRQmRkpEtiFZCT_NG6EMljPlU8":75,"_apollo:default":146},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"category":13,"projectTags":13,"projectYear":117,"promotionImage":118,"teaserTitle":13,"teaserSubheadline":131,"wpBody":132,"wpHeaderImage":137,"wpOgImage":13,"wpPromotedTeaserImage":144,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":145},"NodeWpProject","1614","Kunsthistorisches Museum Wien – Ein digitales Erlebnis der Meisterklasse",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1773916083,"UTC","+00:00","2026-03-19T10:28:03+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1773224981,"2026-03-11T10:29:41+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/projekt/KHM-Ein-digitales-Erlebnis-der-Meisterklasse",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Kunsthistorisches Museum Wien – Ein digitales Erlebnis der Meisterklasse | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/projekt/KHM-Ein-digitales-Erlebnis-der-Meisterklasse","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/2026-03/KHM%20Referenz%20Ein%20digitales%20Erlebnis%20%20Vorschau.jpg?h=39d08ca2&itok=hqBOrqwM","2025",{"__typename":119,"id":120,"excludeFromScreenreader":13,"mediaImage":121,"name":129,"path":130,"status":20},"MediaImage","3341",{"__typename":122,"url":123,"width":124,"height":125,"alt":126,"title":13,"size":127,"mime":128},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/KHM%20Vorschau%20Referenz%20Ein%20digitales%20Erlebnis.jpg",2000,1129,"Ansicht der KHM Website auf Laptop und Smartphone auf dunkelgrünem Hintergrund",2049738,"image/jpeg","KHM Vorschau Referenz Ein digitales Erlebnis.jpg","/media/3341/edit","Strategischer Relaunch der Web-Präsenz des Kunsthistorischen Museums Wien",{"__typename":133,"processed":134,"format":135,"summary":136},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col grid-one default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Ch2>Die Ausgangslage: Ein pompöses Haus mit digitalen Barrieren\u003C/h2>\u003Cp>Das \u003Ca href=\"https://www.khm.at/\" target=\"_blank\">Kunsthistorische Museum Wien\u003C/a> begeistert durch seine Architektur, seine Sammlungen, seine Aura. Doch online fehlte dieser Wow-Effekt: Die alte Website war komplex strukturiert, geprägt von interner Organisationslogik und voller Fachbegriffe, die nicht alle Besucher:innen abholten. Digitale Formate waren kaum sichtbar, der Kalender überfüllt, und die Sammlung schwer auffindbar.\u003C/p>\u003Cp>\u003Cstrong>Die Kernherausforderung:\u003C/strong> Wie vereint man die Bedürfnisse von Tourist:innen (schnelles Ticket), Kunstliebhaber:innen (Inspiration & Storytelling), Bildungseinrichtungen (Vermittlung) und Forschenden (präzise Datenbanken), ohne dass die Seite überladen wirkt?\u003C/p>\u003Cp> \u003C/p>\u003Cfigure role=\"group\" class=\"align-center wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"5b8a6293-9b95-426f-b701-2fa816f3bb87\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n            \u003Cdiv>\u003Cvideo controls=\"controls\" width=\"640\" height=\"480\">\n      \u003Csource src=\"/sites/default/files/2026-03/VorherNachher%20Screenshot.mp4\" type=\"video/mp4\">\n  \u003C/video>\n\u003C/div>\n      \n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Vorher/Nachher Ansicht\u003C/figcaption>\n\u003C/figure>\n\u003Ch2>7 Herausforderungen – 7 konkrete Lösungen\u003C/h2>\u003Cp> \u003C/p>\u003Ch3>1. Vom Einstieg ohne Wirkung zum digitalen Wow-Moment\u003C/h3>\u003Cp>\u003Cstrong>Problem:\u003C/strong> Nüchterner, fragmentierter Einstieg – statt Staunen gab's Scrollen.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung:\u003C/strong> Ein emotionaler, bildgewaltiger Einstieg, der das physische Museumserlebnis digital übersetzt\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e652dd3f94111d34a2914780db231f58e\">\u003Cstrong>Curated Excellence:\u003C/strong> Großformatige Bildwelten auf der \u003Ca href=\"https://www.khm.at/\" target=\"_blank\">Startseite\u003C/a> ersetzen die alte Textlastigkeit und erzeugen einen unmittelbaren „Wow-Moment\".\u003C/li>\u003Cli data-list-item-id=\"e9b457390874adb3ba5970bfd00c1d06c\">\u003Cstrong>The „Anti-White-Wall\" Concept:\u003C/strong> Die gesamte Seite ist im \u003Cstrong>Dark Mode\u003C/strong> gehalten. Genau wie das Museum selbst keine weißen Wände hat, sondern Kunstwerke auf farbigen Wänden inszeniert, wirken auch online die Inhalte nicht wie „Daten\", sondern wie Exponate. Schon optisch ist man beim Surfen wie im Haus drin.\u003C/li>\u003Cli data-list-item-id=\"e985a81798ff49f8a774ca3d8174501c8\">\u003Cstrong>Strategisches Farbleitsystem:\u003C/strong> Wir haben zwei Farben des Museums (Grün & Violett) aufgegriffen und funktional neu kodiert. Grün leitet als \u003Cstrong>Navigationsanker\u003C/strong> durch den physischen Besuch, Violett öffnet die Tür zur digitalen Sammlung.\u003C/li>\u003Cli data-list-item-id=\"edaad3f7e9a81f240f50bc18148f71abc\">\u003Cstrong>Kuratierte Bildergalerien\u003C/strong> laden beim Besuch der Startseite dazu ein, die Online Sammlung (\"Kunstwerke\") zu entdecken.\u003C/li>\u003Cli data-list-item-id=\"e7d4012a0ac93d89cf081c7524b86573f\">\u003Cstrong>Storytelling:\u003C/strong> Statt bloßer Fakten setzt das KHM jetzt auf Geschichten. Die Website fungiert als Magazin, das Hintergründe zu den Restaurierungen oder den Schicksalen hinter den Objekten erzählt.\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Ch3>2. Von „Sammlungen\" zu echten Entdeckungsreisen\u003C/h3>\u003Cp>\u003Cstrong>Problem:\u003C/strong> Die Online Sammlung war schwer auffindbar – Nutzer:innen landeten direkt in einer überladenen Filtermaske.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung:\u003C/strong> \u003Ca href=\"https://www.khm.at/kunstwerke\" target=\"_blank\">Eine neue Landingpage zur Sammlung\u003C/a>, die zum Erkunden einlädt:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"ed96e3e1fd4db9ad99af855201fdb3f16\">Visuelles \u003Cstrong>10er Grid\u003C/strong> mit Reload-Funktion (\u003Cem>„Überrasch mich\"\u003C/em>).\u003C/li>\u003Cli data-list-item-id=\"effffe97c394c52c1604177d68500c4ed\">Highlights sichtbar gemacht - kuratierte Highlight-Objekte werden an die Oberfläche geholt.\u003C/li>\u003Cli data-list-item-id=\"e3a1b3c32003e52ecff0ea207c9ca33af\">Einstieg über \u003Cstrong>Objektarten\u003C/strong> (\"Skulpturen\") oder \u003Cstrong>thematische Alben\u003C/strong> („Made in Vienna: Luxusprodukte für den Kaiserhof\"), um eine Vorauswahl der Tausende Objekte zu kriegen.\u003C/li>\u003C/ul>\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"2362ff15-a307-4326-9c40-6de803358cb9\" class=\"align-center embedded-entity\" data-langcode=\"de\">\u003Cdiv>\n  \n  \n            \u003Cdiv>\u003Cvideo controls=\"controls\" width=\"640\" height=\"480\">\n      \u003Csource src=\"/sites/default/files/2026-03/Online%20Sammlung%20KHM.mp4\" type=\"video/mp4\">\n  \u003C/video>\n\u003C/div>\n      \n\u003C/div>\n\u003C/div>\n\u003Cp> \u003C/p>\u003Ch3>3. Aus „Sammlungen\" wurden „Dauerausstellungen\"\u003C/h3>\u003Cp>\u003Cstrong>Problem:\u003C/strong> Der Begriff „Sammlungen\" funktionierte nicht – kaum Klicks, wenig Verständnis.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung:\u003C/strong> Umbenennung auf Basis echter Daten:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"ebf7ff33c3e32392ba215c64966a0e0ac\">\u003Cstrong>„Dauerausstellungen\"\u003C/strong> als neues Wording.\u003C/li>\u003Cli data-list-item-id=\"e6fdc91db7a435de8e254d0b55eb45911\">\u003Cstrong>Visuelles Inhaltsverzeichnis:\u003C/strong> Die Seite nutzt großformatige, atmosphärische Bilder. User:innen bekommen sofort ein Gefühl für die Dimension und die Highlights der Sammlung, ohne ein Wort gelesen zu haben.\u003C/li>\u003Cli data-list-item-id=\"e46190180b62506b89a0b63ad62ea48c4\">\u003Cstrong>360°-Nutzen:\u003C/strong> Alle besuchsrelevanten Infos (Tickets, Standort, Öffnungszeiten) sind durch die neongrünen CTAs (Call-to-Actions) organisch in den Lesefluss eingebunden.\u003C/li>\u003Cli data-list-item-id=\"e4f25d7a97655ca7d43efa559e5749beb\">\u003Cstrong>Emotionales Storytelling statt Datenblatt:\u003C/strong> Die Seite erzählt eine Geschichte über die Sammlung und weckt damit Begehrlichkeiten („Das will ich live sehen\").\u003C/li>\u003Cli data-list-item-id=\"ed7d13f9e1d00b02c4c54021c3fa6e01f\">\u003Cstrong>Absprung zur Online-Sammlung:\u003C/strong> Die Objekte der Sammlung werden zum integralen Bestandteil des Storytellings. User:innen sehen ein Highlight und können sofort tiefer in die digitalen Archivdaten eintauchen.\u003C/li>\u003Cli data-list-item-id=\"ee55fca040eeed41e03036d57e533ad44\">Die Integration von \u003Cstrong>interaktiven Saalplänen\u003C/strong> direkt im Content-Flow sorgt für eine nahtlose Verbindung zwischen digitaler Exploration und physischer Orientierung im Haus.\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Ch3>4. Vom \"Organigramm\" zur nutzer:innenzentrierten Navigation\u003C/h3>\u003Cp>\u003Cstrong>Herausforderung:\u003C/strong> Die alte Seitenstruktur war stark von der internen Organisation geprägt. Das Wording war unklar, und auch das Auffinden konkreter Seiten wie Online Sammlung erschwert.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung:\u003C/strong> Nutzer:innenzentrierte Entscheidungsfindung durch User:innentests – zwei Navigationskonzepte gegeneinander getestet, optimiert auf Basis von \u003Cstrong>52 qualifizierten Nutzer:innenfeedbacks\u003C/strong>:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e0c9135cbb72c4db9afab1e1879ba8cf5\">\u003Cstrong>Sieg der „Aufklappbaren Navigation\":\u003C/strong> Der User:innentest zeigte eine deutlich höhere Erfolgsquote beim Auffinden zentraler Inhalte (z.B. \u003Cstrong>91% Direct Success\u003C/strong> für „Digitales Museum\"). Die Navigation bietet die nötige Tiefe, ohne die Startseite visuell zu überfrachten.\u003C/li>\u003Cli data-list-item-id=\"e841494f0de125bc43273fd844d44237e\">\u003Cstrong>Wording-Optimierung durch User:innen-Voting:\u003C/strong> Wir haben die interne Museumssprache durch nutzer:innengelernte Begriffe ersetzt.\u003Cul>\u003Cli data-list-item-id=\"ef4e09aab06c7359ef71d33cea916076d\">\u003Cem>Digitales Museum\u003C/em> schlug „Digitale Inhalte\"\u003C/li>\u003Cli data-list-item-id=\"ef091531a8988c7d9b947d132241b0595\">\u003Cem>Kunstwerke\u003C/em> setzte sich als klarster Begriff für die Online-Sammlung durch.\u003C/li>\u003Cli data-list-item-id=\"e784b535ea93ed364f06843f659c46cec\">\u003Cem>Sammlungen & Forschung\u003C/em> wurde als eindeutiger Anker für wissenschaftliche Inhalte identifiziert.\u003C/li>\u003C/ul>\u003C/li>\u003Cli data-list-item-id=\"e781153b3cf42b0e4735bbab9642e7fc3\">\u003Cstrong>Logische Gruppierung (Card Sorting):\u003C/strong> Durch Card-Sorting-Analysen haben wir die Menüpunkte in die zwei neuen Lebenswelten der Nutzer:innen getrennt:\u003Cul>\u003Cli data-list-item-id=\"ea8617991caa1d3999c6534e5735beaec\">\u003Cstrong>„Besuch vor Ort\":\u003C/strong> Fokus auf Ausstellungen, Tickets und Orientierung (Saalplan).\u003C/li>\u003Cli data-list-item-id=\"e912518ef31a744a103210f7951b04abb\">\u003Cstrong>„Digital\":\u003C/strong> Eine neue Einheit aus Online-Sammlung, Podcasts und Videos, um die digitale Reichweite zu maximieren.\u003C/li>\u003C/ul>\u003C/li>\u003Cli data-list-item-id=\"e319a849da7ddce7f56406150753356a7\">Die Einführung des \u003Cstrong>„Heute\"-Features\u003C/strong>. Mit einem Klick sehen Gäste sofort, was \u003Cem>jetzt gerade\u003C/em> passiert: Welche Ausstellungen sind offen? Welche Führung startet in einer Stunde?\u003C/li>\u003C/ul>\u003Cp>\u003Cstrong>Ergebnis:\u003C/strong> Eine Navigation, die nicht die Struktur der Institution abbildet, sondern die Suchlogik der Menschen. Sie verbindet hohe Effizienz mit einem Look-and-Feel, das als überdurchschnittlich attraktiv bewertet wurde.\u003C/p>\u003Cp> \u003C/p>\u003Cfigure role=\"group\" class=\"align-center wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"d1c531b7-24c6-49cc-9e78-34499163fad5\" data-langcode=\"de\" class=\"embedded-entity\">  \u003Cimg loading=\"lazy\" src=\"/sites/default/files/styles/fullwidth_2140_2/public/2026-03/KHM%20Menu%CC%88.png.webp?itok=aBFM-QHJ\" width=\"2846\" height=\"1450\" alt=\"Screenshot Menü \">\n\n\n\u003C/div>\n\n\u003Cfigcaption>Ansicht Menü Neu\u003C/figcaption>\n\u003C/figure>\n\u003Ch3>5. Vermittlungsangebot auf einen Klick\u003C/h3>\u003Cp>\u003Cstrong>Herausforderung:\u003C/strong> Der KHM-Verband umfasst mehrere Häuser und eine Vielzahl von Veranstaltungen. Ein überfüllter, statischer Kalender machte es unmöglich, spontan das passende Event zu finden oder Inhalte effizient über mehrere Häuser hinweg zu verwalten.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung: Ein intelligenter Kalender mit dynamischem Filtering, kontextueller Ausspielung und direkter Ticket-Integration.\u003C/strong>\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e6de0902986225190aa16fca6ccd84350\">\u003Cstrong>Smart Filtering & Contextual Browsing:\u003C/strong> Der neue Kalender ermöglicht es Nutzer:innen, blitzschnell nach Standorten (z.B. KHM, Weltmuseum, Theatermuseum) oder Themen zu filtern. Events werden genau dort ausgespielt, wo sie relevant sind (z.B. erscheint die Führung zur Ägyptischen Sammlung direkt auf der entsprechenden Sammlungs-Unterseite).\u003C/li>\u003Cli data-list-item-id=\"e915025cfc075f5b2136c189c881451a2\">\u003Cstrong>Konversionsstarke Ticket-Integration:\u003C/strong> Jedes Event im Kalender ist direkt mit dem Ticket-Shop verknüpft. Der Weg vom Interesse zur Buchung ist barrierefrei und intuitiv.\u003C/li>\u003Cli data-list-item-id=\"e3f573fe8d83202f490bdf7afc43de1de\">\u003Cstrong>Effizienz für Redakteur:innen:\u003C/strong> Wir haben ein System konzipiert, bei dem Events nur einmal zentral gepflegt werden, aber dynamisch auf allen relevanten Unterseiten ausgespielt werden (z.B. eine Führung durch die Kunstkammer, die immer Dienstags um 11 ist).\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Ch3>6. Der Saalplan als digitaler Kurator\u003C/h3>\u003Cp>\u003Cstrong>Herausforderung:\u003C/strong> Der alte Saalplan war ein statisches Relikt – mobil kaum bedienbar und für Besucher:innen vor Ort keine echte Orientierungshilfe.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung: Eine interaktive Schnittstelle zwischen Raum und Kunst:\u003C/strong>\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e210eb6074e3d47103b55fdd51833ec61\">\u003Cstrong>Mobile-First Orientierung:\u003C/strong> Wir haben den Saalplan radikal für die mobile Nutzung optimiert. Nutzer:innen können nun flüssig zwischen den Ebenen (Ebene 0.5 bis 2) wechseln und erhalten eine sofortige visuelle Rückmeldung über ihren Standort.\u003C/li>\u003Cli data-list-item-id=\"e2e76f96398b28f462e55edc92005458c\">\u003Cstrong>Visuelle Saal-Vorschau (Overlay-Technologie):\u003C/strong> Statt trockener Raumnummern bietet der Plan ein intelligentes Overlay-System. Beim Klick auf einen Saal öffnet sich eine Vorschau mit atmosphärischen Einblicken und den wichtigsten Exponaten vor Ort – man sieht sofort, ob man im richtigen Raum steht.\u003C/li>\u003Cli data-list-item-id=\"e49ec7d1ff84cf30e99a135e422afe97c\">\u003Cstrong>Intelligente Vernetzung:\u003C/strong> Der Saalplan ist kein isoliertes Tool mehr. Er verknüpft die räumliche Lage direkt mit den Ausstellungsseiten und dem Rahmenprogramm. Wer ein Werk im Plan findet, erfährt mit einem Klick alles über dessen Geschichte und Kontext.\u003C/li>\u003C/ul>\u003Cp>\u003Cstrong>Ergebnis:\u003C/strong> Der Saalplan hat sich vom bloßen Orientierungsbild zum interaktiven Erlebnis-Tool entwickelt, das die physische Hürde des riesigen Gebäudes digital abbaut.\u003C/p>\u003Cp> \u003C/p>\u003Ch3>7. Flexibles System statt starre Templates\u003C/h3>\u003Cp>\u003Cstrong>Herausforderung:\u003C/strong> Die alte Plattform war ein unflexibles Korsett. Starre Templates machten die Wartung mühsam und neue Formate erforderten oft händische Sonderlösungen.\u003C/p>\u003Cp>\u003Cstrong>Unsere Lösung: Die Definition eines modularen UX-Frameworks:\u003C/strong>\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e54c09391c3b452e39bc0fbb53eb44998\">\u003Cstrong>Design System Thinking:\u003C/strong> Wir haben ein System aus flexiblen Modulen konzipiert, statt nur Einzelseiten zu gestalten. Die Redaktion kann nun wie mit einem Baukasten neue Inhalte (Ausstellungen, Longreads, Landingpages) eigenständig und markenkonform zusammenstellen.\u003C/li>\u003Cli data-list-item-id=\"e943014f512952e57bf41baf351bac9d5\">\u003Cstrong>Konzeptionelle Dynamik:\u003C/strong> Die Logik für zentrale Komponenten (Kalender, Events, Vermittlung) wurde so definiert, dass sie sich aus einer „Single Source of Truth\" speisen. Das minimiert Fehlerquellen und entlastet das Team massiv im Tagesgeschäft.\u003C/li>\u003Cli data-list-item-id=\"e6b50b7ceb2d2bf9de007e518284ef651\">\u003Cstrong>Skalierbare Informationsarchitektur:\u003C/strong> Unser Konzept ist darauf ausgelegt, dass zukünftige digitale Formate (wie VR-Insights) ohne strukturelles Redesign integriert werden können.\u003C/li>\u003Cli data-list-item-id=\"e8b8498560935321bf27db13f70a7362a\">\u003Cstrong>Empowerment durch Struktur:\u003C/strong> Durch das von uns definierte System haben wir das KHM befähigt, die Seite langfristig und unabhängig weiterzuführen. Das Design bleibt konsistent, egal wie viele neue Geschichten das Museum künftig erzählt.\u003C/li>\u003C/ul>\u003Cp>\u003Cstrong>Ergebnis:\u003C/strong> Eine zukunftssichere konzeptionelle Basis, die mit den Visionen des KHM mitwächst, statt sie durch technische oder gestalterische Hürden auszubremsen.\u003C/p>\u003Cp> \u003C/p>\u003Ch2>Unser Weg: UX-Methodik statt Bauchgefühl\u003C/h2>\u003Cp>Ein Projekt dieser Größe (über 2 Jahre Laufzeit, zig Stakeholder) braucht ein stabiles Fundament. Wir haben uns nicht auf Design-Trends verlassen, sondern auf Daten:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"ecf83842d478fea03eba31b38d1038ec5\">\u003Cstrong>Co-Creation Workshops:\u003C/strong> In drei intensiven Workshop-Blöcken (Sitemap, Kunst & Digitales, Besuchserlebnis) haben wir die Expertisen der KHM-Mitarbeiter:innen (Kurator:innen, Marketing, Forschung) direkt in die Konzeption einfließen lassen.\u003C/li>\u003Cli data-list-item-id=\"e8797e18186a7348bc87f3dafb30e24b0\">\u003Cstrong>SMART-Ziele & UEQ-Messung:\u003C/strong> Wir haben das Projekt mit einer Baseline-Messung (User Experience Questionnaire) gestartet. Wir wussten genau: „Attraktivität\" liegt aktuell bei X, wir streben X+1 an.\u003C/li>\u003Cli data-list-item-id=\"ee40f891a2be37e7167371dc6a668ad7b\">\u003Cstrong>Iterative User:innentests:\u003C/strong> Wir haben nicht erst zum Schluss gefragt, ob es gefällt. In mehreren Phasen (Wireframes, High-Fidelity-Prototypen, Maze-Tests) haben wir qualitatives Feedback von über 70 Tester:innen eingeholt (Remote & vor Ort im Museum).\u003C/li>\u003Cli data-list-item-id=\"ebd778d01743310e80d2bbfb109d65db3\">\u003Cstrong>Begleitung der Umsetzung:\u003C/strong> Auch nach der Konzeptphase blieben wir an Bord. Wir begleiteten die technische Umsetzung durch Dritte, stellten die QA sicher und adaptierten \"on the fly\" Komponenten wie den Kalender oder den Saalplan, um die UX-Intention bis zum Go-Live zu wahren.\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Ch2>Das Ergebnis: Ein \"Wow-Effekt\" ab der ersten Sekunde\u003C/h2>\u003Cp>\u003Ca href=\"https://www.khm.at/\" target=\"_blank\">Die neue Website\u003C/a> fühlt sich an wie der erste Schritt in die Eingangshalle am Maria-Theresien-Platz: Sie erzeugt Staunen.\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"ec11feab2a623256494ae94fd74a303d2\">\u003Cstrong>Emotionaler Einstieg\u003C/strong> statt textlastigem Navigieren\u003C/li>\u003Cli data-list-item-id=\"e2968507d7f286eec77985569184bc58e\">\u003Cstrong>Kuratierte Sammlungserlebnisse\u003C/strong> statt Filterlisten\u003C/li>\u003Cli data-list-item-id=\"e4be436b926bc1297d0a89bc85b1af5cb\">\u003Cstrong>Tagesaktuelles Erlebnis\u003C/strong> via „Heute\"-Button\u003C/li>\u003Cli data-list-item-id=\"e320d08c1dbbd85db8741beeb55dd0d60\">\u003Cstrong>Digitales Museum\u003C/strong> mit eigenen Inhalten & Bühne\u003C/li>\u003Cli data-list-item-id=\"eb9892c0affbcb87a31b1b2eb736491c9\">\u003Cstrong>Skalierbares Designsystem\u003C/strong> für redaktionelle Zukunft\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Ch2>🔑 Fazit & Learnings\u003C/h2>\u003Cul>\u003Cli data-list-item-id=\"e75d56d17ab294e027a169dd8153936c6\">\u003Cstrong>Co-Creation ist essenziell –\u003C/strong> besonders bei vielen Stakeholdern\u003C/li>\u003Cli data-list-item-id=\"e71acccb4328967e84765e92701f65265\">\u003Cstrong>Messbarkeit schafft Vertrauen\u003C/strong> – intern wie extern.\u003C/li>\u003Cli class=\"ck-list-marker-bold\" data-list-item-id=\"e76c51f0fc241fad48f9397884add423d\">\u003Cstrong>Emotion ist kein Bonus, sondern UX-Aufgabe\u003C/strong>\u003C/li>\u003Cli class=\"ck-list-marker-bold\" data-list-item-id=\"efd1a4342778a6cef0849360ffe23d4ac\">\u003Cstrong>Nutzer:innenzentrierung bedeutet auch Sprachwechsel\u003C/strong>\u003C/li>\u003Cli class=\"ck-list-marker-bold\" data-list-item-id=\"e1e55a1ce6d22e40c99c4353e02373b31\">\u003Cstrong>Gutes UX-Design skaliert und bleibt wartbar\u003C/strong>\u003C/li>\u003Cli data-list-item-id=\"ed3fab5c1b2be9a42be7b31cc85fc8c46\">\u003Cstrong>Eine Website wie \u003C/strong>\u003Ca href=\"http://khm.at\" target=\"_blank\">\u003Cstrong>khm.at\u003C/strong>\u003C/a>\u003Cstrong> ist kein Produkt.\u003C/strong> Sie ist ein digitales Ökosystem mit vielfältigen Aufgaben und sie kann nur funktionieren, wenn sie von echten Bedürfnissen aus gedacht ist. Danke an dieser Stelle noch einmal an Peter Steinacher für das detaillierte Briefing mit einem vorangegangen Forschungsprojekte, die hervorragend ausgeführte Product Owner Rolle und die angenehme Zusammenarbeit! :)\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Cblockquote>\u003Cspan class=\"quote-text\" data-ftf=\"true\">„Das Feedback der Besucher:innen bestätigt die neue Richtung. Ein häufiger O-Ton: ‚Ich habe Dinge gefunden, von denen ich gar nicht wusste, dass das Museum sie hat.' Die verbesserte Usability ermöglicht es den Nutzer:innen, schnell ans Ziel zu kommen – und gleichzeitig Neues zu entdecken.“\u003C/span>\u003Ccite class=\"author\">Peter Steinacher, Lead Designer Digital KHM\u003C/cite>\u003C/blockquote>\u003C/div>\u003C/div>\u003C/div>","wp_html","",{"__typename":119,"id":138,"excludeFromScreenreader":21,"mediaImage":139,"name":142,"path":143,"status":20},"3340",{"__typename":122,"url":140,"width":124,"height":125,"alt":141,"title":13,"size":127,"mime":128},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/KHM%20Referenz%20Ein%20digitales%20Erlebnis%20%20Vorschau.jpg","Screenshot der Startseite auf Laptop und Mobile mit dunkelgrünem Hintergrund","KHM Referenz Ein digitales Erlebnis  Vorschau.jpg","/media/3340/edit",{"__typename":119,"id":138,"excludeFromScreenreader":21,"mediaImage":139,"name":142,"path":143,"status":20},"Für den KHM-Museumsverband haben wir die digitale Präsenz neu konzipiert – als emotionales Erlebnis, das die Pracht des Hauses endlich auch online erlebbar macht.",{"Language:de":147,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":148,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":152,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":155,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":158,"Menu:footer":161,"ROOT_QUERY":171,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":180,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":183,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":186,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":189,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":192,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":195,"Menu:nuxt-main-menu":198,"MediaImage:3341":212,"MediaImage:3340":214,"NodeWpProject:1614":216},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",149,"internal",20,"expanded",21,"attributes",151],{"__ref":150},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",153,"internal",20,"expanded",21,"attributes",154],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",156,"internal",20,"expanded",21,"attributes",157],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",159,"internal",21,"expanded",21,"attributes",160],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",162],[163,165,167,169],{"__ref":164},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":166},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":168},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":170},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",172,"menu({\"name\":\"FOOTER\"})",173,"menu({\"name\":\"NUXT_MAIN_MENU\"})",175,"route({\"path\":\"/projekt/KHM-Ein-digitales-Erlebnis-der-Meisterklasse\"})",177],"Query",{"__ref":174},"Menu:footer",{"__ref":176},"Menu:nuxt-main-menu",["null","__typename",77,"entity",178],{"__ref":179},"NodeWpProject:1614",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",181,"internal",20,"expanded",21,"attributes",182],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",184,"internal",20,"expanded",21,"attributes",185],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",187,"internal",20,"expanded",21,"attributes",188],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",190,"internal",20,"expanded",21,"attributes",191],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",193,"internal",20,"expanded",21,"attributes",194],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",196,"internal",20,"expanded",21,"attributes",197],{"__ref":150},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",199],[200,202,204,206,208,210],{"__ref":201},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":203},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":205},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":207},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":209},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":211},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",119,"id",120,"excludeFromScreenreader",13,"mediaImage",213,"name",129,"path",130,"status",20],["null","__typename",122,"url",123,"width",124,"height",125,"alt",126,"title",13,"size",127,"mime",128],["null","__typename",119,"id",138,"excludeFromScreenreader",21,"mediaImage",215,"name",142,"path",143,"status",20],["null","__typename",122,"url",140,"width",124,"height",125,"alt",141,"title",13,"size",127,"mime",128],["null","__typename",79,"id",80,"title",81,"changed",217,"created",218,"langcode",219,"path",92,"promote",21,"status",20,"sticky",21,"metatag",220,"category",13,"tags",13,"projectYear",117,"promotionImage",229,"teaserTitle",13,"teaserSubheadline",131,"wpBody",231,"wpHeaderImage",232,"wpOgImage",13,"wpPromotedTeaserImage",234,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",145],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":150},[221,223,225,227],["null","__typename",95,"tag",96,"attributes",222],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",224],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",226],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",228],["null","__typename",111,"property",115,"content",116],{"__ref":230},"MediaImage:3341",["null","__typename",133,"processed",134,"format",135,"summary",136],{"__ref":233},"MediaImage:3340",{"__ref":233}]