[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"qOK5J-HVI6Vqz9bOnJBybqoizIO5gthbAGu51NQR6EU":75,"_apollo:default":167},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__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},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__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":117,"projectTags":13,"projectYear":137,"promotionImage":138,"teaserTitle":13,"teaserSubheadline":151,"wpBody":152,"wpHeaderImage":156,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":166},"NodeWpProject","1587","Wiener Staatsoper: Neue Startseite und Menü für mehr Orientierung",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1776778005,"UTC","+00:00","2026-04-21T13:26:45+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1757771379,"2025-09-13T13:49:39+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/projekt/Neue-Startseite-und-Menue-fuer-die-WienerStaatsoper",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Wiener Staatsoper: Neue Startseite und Menü für mehr Orientierung | 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/Neue-Startseite-und-Menue-fuer-die-WienerStaatsoper","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/2025-06/Header.jpg?h=fefa9f3a&itok=s4POUjbi",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":126,"changed":127,"metatag":130},"TermProjectCategories","17","Website","/projekte/kategorie/website",0,{"__typename":124,"processed":125,"format":13},"Text","",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":128,"timezone":85,"offset":86,"time":129},1713772801,"2024-04-22T08:00:01+00:00",[131,134],{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":99,"content":133},"Website | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":135},{"__typename":105,"href":136,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/projekte/kategorie/website","2025",{"__typename":139,"id":140,"excludeFromScreenreader":13,"mediaImage":141,"name":149,"path":150,"status":20},"MediaImage","3233",{"__typename":142,"url":143,"width":144,"height":145,"alt":146,"title":13,"size":147,"mime":148},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2025-06/Vorschau.jpg",2000,1129,"Promo",907879,"image/jpeg","Vorschau.jpg","/media/3233/edit","Wiener Staatsoper",{"__typename":153,"processed":154,"format":155,"summary":125},"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\">\u003Ch3>\u003Cstrong>Die Herausforderung\u003C/strong>\u003C/h3>\u003Cp>Die Wiener Staatsoper richtet sich an eine Vielzahl unterschiedlicher Zielgruppen wie Opern- und Ballettbesucher:innen, Interessierte an Ausbildungsmöglichkeiten, Pressevertreter:innen und viele mehr. Jede dieser Gruppen bringt eigene Erwartungen und Informationsbedürfnisse mit, die sich in ganz unterschiedlichen User Journeys widerspiegeln. Das machte die Entwicklung einer klaren und zugleich umfassenden Navigation besonders anspruchsvoll: \u003Cstrong>Das Menü sollte allen Nutzer:innen schnellen Zugang zu den für sie relevanten Inhalten bieten, ohne an Übersichtlichkeit zu verlieren.\u003C/strong>\u003C/p>\u003Cp>Dieser Need war beim bestehenden Menü nicht gegeben. Es existierten viele Menüpunkte in einem unpraktischen Interface, welches das Auffinden der gesuchten Informationen sehr schwierig machte.\u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-wc\">\u003Cdiv class=\"ckeditor-grid-col grid-one wide-center col-xsmall-12 col-medium-8 col-medium-offset-2\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"29231240-ed2c-4057-842a-7e9b38d294d0\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cimg width=\"2048\" height=\"299\" alt=\"die navigation der staatsoper vor dem relaunch\" src=\"/sites/default/files/2025-06/Bildschirmfoto_2025-03-24_um_16.19.46.png\">\n\u003C/div>\n\n\u003Cfigcaption>Die Navigation vor dem Relaunch.\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\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\">\u003Cp>Problematisch zeigte sich auch die mobile Version. Das Menü war über ein kleines, unauffälliges Hamburger-Icon zugänglich. Auch wenn es erkannt wurde, erwies sich die Bedienung als umständlich: Die Menüstruktur war wenig responsiv, die Klickflächen zu klein und die Navigation insgesamt nicht für eine mobile Nutzung optimiert.\u003C/p>\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-50-50-mobile\">\u003Cdiv class=\"ckeditor-grid-col grid-one col-xsmall-6\">\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"2c2eafa8-7c5e-403e-a020-f9d1283b1c2c\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cimg width=\"1170\" height=\"2532\" alt=\"das mobile menü der website vor dem relaunch\" src=\"/sites/default/files/2025-06/IMG_6590.png\">\n\u003C/div>\n\n\u003Cfigcaption>Die mobile Navigation vor dem Relaunch.\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003Cdiv class=\"ckeditor-grid-col grid-two col-xsmall-6\">\u003Cp> \u003C/p>\u003C/div>\u003C/div>\u003C/div>\u003Cp>Auch die Startseite brachte besondere Anforderungen mit sich: Sie übernimmt die zentrale Rolle des „ersten Eindrucks“. Hier galt es, den Nutzer:innen auf den \u003Cspan class=\"notion-enable-hover\" data-token-index=\"1\">\u003Cstrong>ersten Blick Orientierung\u003C/strong>\u003C/span> zu geben – klar zu kommunizieren, dass sie sich auf der Website der Wiener Staatsoper befinden, was sie dort erwartet, und welche aktuellen sowie kommenden Produktionen sie nicht verpassen sollten.\u003C/p>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"eba06096-d72b-4bd6-8920-6925d27bfbdd\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cimg width=\"2008\" height=\"1404\" alt=\"Die Startseite vor dem Relaunch.\" src=\"/sites/default/files/2025-06/Bildschirmfoto_2025-03-24_um_16.21.50.png\">\n\u003C/div>\n\n\u003Cfigcaption>Die Startseite vor dem Relaunch.\u003C/figcaption>\n\u003C/figure>\n\u003Ch3>\u003Cstrong>Was haben wir gemacht?\u003C/strong>\u003C/h3>\u003Cp>→ Datenanalyse (siehe \u003Ca href=\"https://liechtenecker.at/projekt/vorhang-auf-fuer-den-neuen-spielplan-der-wiener-staatsoper\">Projekt Spielplan\u003C/a>)\u003C/p>\u003Cp>→ Card Sorting\u003C/p>\u003Cp>→ Konzept\u003C/p>\u003Cp>→ Design\u003C/p>\u003Ch3>Card Sorting\u003C/h3>\u003Cp>Am Beginn jedes Menü-Projekts steht der \u003Cstrong>Content\u003C/strong>. Und davon gibt es auf \u003Ca href=\"https://www.wiener-staatsoper.at/\">www.wiener-staatsoper.at\u003C/a> reichlich. Schon früh war uns klar, dass wir mit mehr als \u003Cstrong>zwei Navigationsebenen\u003C/strong> arbeiten müssen, um die Vielzahl an Inhalten sinnvoll zu strukturieren.\u003C/p>\u003Cp>Im Laufe des Prozesses kamen natürlich immer wieder Fragen auf: \u003Cstrong>Welche Inhalte gehören wohin? Welche Begriffe sind für die Nutzer:innen wirklich verständlich?\u003C/strong> Um hier mehr Klarheit zu gewinnen und die Navigation konsequent an den Bedürfnissen der User auszurichten, haben wir uns entschieden, ein Card Sorting durchzuführen, um so Licht ins (UX-)Dunkel zu bringen.\u003C/p>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"ca3b3178-2945-4e45-8e5a-037b08c2158d\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cimg width=\"2048\" height=\"1139\" alt=\"Die Ergebnisse des Card Sortings\" src=\"/sites/default/files/2025-06/Untitled.png\">\n\u003C/div>\n\n\u003Cfigcaption>Card Sorting mit https://maze.co/\u003C/figcaption>\n\u003C/figure>\n\u003Cp>Auf Basis der Ergebnisse wurde dann die \u003Cstrong>neue Sitemap\u003C/strong> kreiert. Diese fasst zusammengehörige Inhalte nicht nur übersichtlich zusammen, sondern strukturiert und betitelt sie auch sinnvoll.\u003C/p>\u003Ch3>\u003Cstrong>Konzeptionsphase\u003C/strong>\u003C/h3>\u003Cp>In der Konzeptionsphase war es vor allem wichtig, alle \u003Cstrong>Anforderungen an die neue Startseite\u003C/strong> zu sammeln. Aus unserer durchgeführten User Survey waren uns die folgenden Needs bekannt:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e2fefee32c8881432acdd397828d2b72f\">Die Hälfte der User:innen sind auf der Website um \u003Cstrong>ihren Besuch zu planen\u003C/strong>.\u003C/li>\u003Cli data-list-item-id=\"ecd5142d1cd032fb99e5761146662dd79\">Für die meisten User:innen ist der \u003Cstrong>schnelle Einstieg in den Kalender\u003C/strong> (und somit Ticketkauf) relevant.\u003C/li>\u003Cli data-list-item-id=\"eda05636862853c97089a844b96e4748b\">User:innen wollen sich aber auch darüber informieren, ob es \u003Cstrong>etwas Interessantes\u003C/strong> für sie spielt.\u003C/li>\u003Cli data-list-item-id=\"e87bf285ef8e1009290749f89b5d9beab\">User:innen wollen ein \u003Cstrong>erstes Gefühl\u003C/strong> für die dargebotenen Inszenierungen bekommen.\u003C/li>\u003C/ul>\u003Cp>Dazu kamen noch redaktionelle Anforderungen, die uns das Team der Wiener Staatsoper nannte:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"ec1026a9f4e95829161c2aa92b3739398\">Gewünscht waren sowohl \u003Cstrong>Automatismen\u003C/strong> als auch \u003Cstrong>Flexibilität\u003C/strong> in der Content-Aufbereitung.\u003C/li>\u003Cli data-list-item-id=\"ef86ab9cbc8ac58dd589ed6def3131989\">User:innen sollen einen kurzen Überblick bekommen, was es im \u003Cstrong>Staatsoper Repertoire\u003C/strong> gibt.\u003C/li>\u003Cli data-list-item-id=\"e1f4ca7ca158497d8fedf2734a99b03a7\">Sowohl „\u003Cstrong>spontane\u003C/strong>“ als auch \u003Cstrong>planende\u003C/strong> Besucher:innen sollen auch schon auf der Startseite abgeholt werden.\u003C/li>\u003C/ul>\u003Cp>Soweit so gut. Bei der Startseite standen wir schon mal in den konzeptionellen Startlöchern.\u003C/p>\u003Cp>Da es mehrere Möglichkeiten gibt, ein Menü umzusetzen, mussten wir uns auf Basis der Sitemap zuerst dazu entscheiden, mit welchem wir ins Rennen gehen. Uns war aber schnell klar, dass wir bei einer Content-Struktur mit drei Ebenen auf ein \u003Cstrong>Mega-Menü\u003C/strong> setzen würden, weil es die \u003Cstrong>effizienteste und übersichtlichste Lösung\u003C/strong> für die Vielzahl an Inhalten darstellt.\u003C/p>\u003Ch3>\u003Cstrong>Das Ergebnis - das neue Menü\u003C/strong>\u003C/h3>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"081f113e-9f7b-4e33-a2f8-6c858d435ac8\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n            \u003Cdiv>\u003Cvideo controls=\"controls\" width=\"640\" height=\"480\">\n      \u003Csource src=\"/sites/default/files/2025-06/Bildschirmaufnahme_2025-03-24_um_16.38.44_0.mp4\" type=\"video/mp4\">\n  \u003C/video>\n\u003C/div>\n      \n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Das Menü nach dem Relaunch (Desktop).\u003C/figcaption>\n\u003C/figure>\n\u003C/div>\u003C/div>\u003C/div>\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\">\u003Cp>Bei der neuen Dropdown-Navigation war es uns besonders wichtig, mit den richtigen \u003Cstrong>Spacings\u003C/strong> und \u003Cstrong>Gruppierungen\u003C/strong> zu arbeiten, um die Zusammengehörigkeit einzelner Menüpunkte auf den ersten Blick sichtbar zu machen.\u003C/p>\u003Cp>Zusätzlich haben wir den Navigationsbereich bewusst \u003Cstrong>farblich abgesetzt\u003C/strong>: Ein dunkler Ton, der in starkem Kontrast zum hellen Hintergrund der restlichen Seite steht, sorgt dafür, dass die Navigation als eigenständiges, gut wahrnehmbares Element funktioniert – unabhängig davon, wo sich die Nutzer:innen auf der Seite befinden.\u003C/p>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"ec5bdc15-3816-496b-98d4-f7651f09a31e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n            \u003Cdiv>\u003Cvideo controls=\"controls\" width=\"640\" height=\"480\">\n      \u003Csource src=\"/sites/default/files/2025-07/ScreenRecording_07-03-2025%2016-14-30_1%20%281%29.mp4\" type=\"video/mp4\">\n  \u003C/video>\n\u003C/div>\n      \n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Das Menü nach dem Relaunch (mobil).\u003C/figcaption>\n\u003C/figure>\n\u003Cp>Auch für die mobile Navigation haben wir einen dunklen Farbton zur farblichen Hervorhebung gewählt und uns bewusst für ein klassisches \u003Cstrong>Dropdown-Menü statt eines Slide-ins\u003C/strong> entschieden. Die sofort sichtbaren Optionen erleichtern die Orientierung, besonders wenn Nutzer:innen noch nicht genau wissen, wohin sie wollen. So gelangen sie schneller ans Ziel und profitieren von einer klaren, effizienten Navigation im mobilen Kontext.\u003C/p>\u003Ch3>Das Ergebnis - die neue Startseite\u003C/h3>\u003Cp>Et voilà, so sieht die neue Startseite nun aus. Im Zentrum: ein redaktionell befüllbarer Carousel-Hero, der Raum für kuratierte Highlights schafft und aktuellen Themen eine Bühne bietet.\u003C/p>\u003Cp>\u003Cstrong>Warum ein Carousel?\u003C/strong>\u003C/p>\u003Cp>Uns war bewusst, dass Carousels im Header aus UX-Sicht oft \u003Ca href=\"https://www.nngroup.com/articles/designing-effective-carousels/\">\u003Cstrong>kritisch\u003C/strong>\u003C/a> betrachtet werden, insbesondere wegen schwacher Performance und fehlender Barrierefreiheit. Der redaktionelle Bedarf der Wiener Staatsoper nach einem zentralen Präsentationsraum für wechselnde Inhalte war jedoch eindeutig. Deshalb haben wir den Slider so gestaltet, dass er trotz aller Vorbehalte bestmöglich funktioniert: \u003C/p>\u003Cp>-> klare Struktur,\u003C/p>\u003Cp>-> optimaler Bedienbarkeit,\u003C/p>\u003Cp>-> reduzierte Slide-Anzahl,\u003C/p>\u003Cp>-> und barrierefreier Umsetzung\u003C/p>\u003Cp>Der Slider ist ein gutes Beispiel dafür, wie sich redaktionelle Anforderungen und UX in der Praxis in Einklang bringen lassen. Denn das ist die Realität: Nutzerzentrierung trifft auf konkrete Anforderungen von Kund:innen.\u003C/p>\u003Cp>Für alle, die tiefer eintauchen wollen, öffnet sich darunter ein echtes „Fenster in die Oper“: Ein übersichtlicher Ausblick auf das Repertoire der kommenden Wochen, gefolgt vom aktuellen Newsbereich.\u003C/p>\u003Cp>In Kombination mit der neu strukturierten Navigation lässt sich sagen: \u003Cstrong>Hier findet jede:r, was sie oder er sucht. Ob neugierige Erstbesucher:in oder Opernliebhaber:in.\u003C/strong>\u003C/p>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"4450f737-e607-475b-8d43-267d05c9667a\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cimg width=\"1728\" height=\"4011\" alt=\"Die neue Startseite der Staatsoper.\" src=\"/sites/default/files/2025-06/2f16c1ea-3667-4128-a2a5-c03d7853b3b4.png\">\n\u003C/div>\n\n\u003Cfigcaption>Die neue Startseite der Staatsoper.\u003C/figcaption>\n\u003C/figure>\n\u003Cp>Und zum Glück waren nicht nur wir von dem Ergebnis begeistert:\u003C/p>\u003Cblockquote>\u003Cspan class=\"quote-text\" data-ftf=\"true\">Ich möchte euch sagen, WIE glücklich wir mit der neuen Seite sind. Es ist so ein großer Sprung in Relation zu allem, was wir bisher hatten. Die Seite schaut super aus, ist informativ und userfreundlich.\u003C/span>\u003Ccite class=\"author\">Susanne Athanasiadis, Leitung Marketing & Kommunikation in der Wiener Staatsoper\u003C/cite>\u003C/blockquote>\u003Ch3>\u003Cstrong>The end, but it’s still not over. 😉\u003C/strong>\u003C/h3>\u003Cp>Glücklicherweise lässt uns die Wiener Staatsoper nach zwei Saisonen nicht schon wieder ziehen. Es sind tatsächlich schon viele weitere kleine und auch große gemeinsame Projekte in Planung und Umsetzung. Ihr dürft gespannt sein, denn schon bald heißt es: Alles \u003Cs>Walzer\u003C/s> UX!\u003C/p>\u003C/div>\u003C/div>\u003C/div>","wp_html",{"__typename":139,"id":157,"excludeFromScreenreader":13,"mediaImage":158,"name":164,"path":165,"status":20},"3232",{"__typename":142,"url":159,"width":160,"height":161,"alt":162,"title":13,"size":163,"mime":148},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2025-06/Header.jpg",2880,750,"Header",828741,"Header.jpg","/media/3232/edit","Nach dem erfolgreichen Relaunch des Spielplans überarbeiteten wir Startseite und Menü der Wiener Staatsoper – mit klarer Informationsarchitektur und einer verbesserte Zugänglichkeit relevanter Inhalte.",{"Language:de":168,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":169,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":173,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":176,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":179,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":182,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":185,"Menu:nuxt-main-menu":188,"ROOT_QUERY":202,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":211,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":214,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":217,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":220,"Menu:footer":223,"TermProjectCategories:17":233,"MediaImage:3233":242,"MediaImage:3232":244,"NodeWpProject:1587":246},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",170,"internal",20,"expanded",21,"attributes",172],{"__ref":171},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",174,"internal",20,"expanded",21,"attributes",175],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",177,"internal",20,"expanded",21,"attributes",178],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",180,"internal",20,"expanded",21,"attributes",181],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",183,"internal",20,"expanded",21,"attributes",184],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",186,"internal",20,"expanded",21,"attributes",187],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",189],[190,192,194,196,198,200],{"__ref":191},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":193},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":195},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":197},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":199},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":201},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",203,"menu({\"name\":\"NUXT_MAIN_MENU\"})",204,"menu({\"name\":\"FOOTER\"})",206,"route({\"path\":\"/projekt/Neue-Startseite-und-Menue-fuer-die-WienerStaatsoper\"})",208],"Query",{"__ref":205},"Menu:nuxt-main-menu",{"__ref":207},"Menu:footer",["null","__typename",77,"entity",209],{"__ref":210},"NodeWpProject:1587",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",212,"internal",20,"expanded",21,"attributes",213],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",215,"internal",20,"expanded",21,"attributes",216],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",218,"internal",20,"expanded",21,"attributes",219],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",221,"internal",21,"expanded",21,"attributes",222],{"__ref":171},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",224],[225,227,229,231],{"__ref":226},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":228},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":230},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":232},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",234,"langcode",235,"changed",236,"metatag",237],["null","__typename",124,"processed",125,"format",13],{"__ref":171},["null","__typename",83,"timestamp",128,"timezone",85,"offset",86,"time",129],[238,240],["null","__typename",95,"tag",96,"attributes",239],["null","__typename",98,"name",99,"content",133],["null","__typename",102,"tag",103,"attributes",241],["null","__typename",105,"href",136,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",139,"id",140,"excludeFromScreenreader",13,"mediaImage",243,"name",149,"path",150,"status",20],["null","__typename",142,"url",143,"width",144,"height",145,"alt",146,"title",13,"size",147,"mime",148],["null","__typename",139,"id",157,"excludeFromScreenreader",13,"mediaImage",245,"name",164,"path",165,"status",20],["null","__typename",142,"url",159,"width",160,"height",161,"alt",162,"title",13,"size",163,"mime",148],["null","__typename",79,"id",80,"title",81,"changed",247,"created",248,"langcode",249,"path",92,"promote",21,"status",20,"sticky",21,"metatag",250,"category",259,"tags",13,"projectYear",137,"promotionImage",261,"teaserTitle",13,"teaserSubheadline",151,"wpBody",263,"wpHeaderImage",264,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",166],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":171},[251,253,255,257],["null","__typename",95,"tag",96,"attributes",252],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",254],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",256],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",258],["null","__typename",111,"property",115,"content",116],{"__ref":260},"TermProjectCategories:17",{"__ref":262},"MediaImage:3233",["null","__typename",153,"processed",154,"format",155,"summary",125],{"__ref":265},"MediaImage:3232"]