[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"Y5fF4YUNTA4k6FLF0ZGVzR3g9uzEbopLIw5kJ9rTHYo":75,"_apollo:default":147},{"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":136,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":146},"NodeWpProject","9","Science Fiction(s) - Ausstellungsseite des Weltmuseum Wien",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1688025012,"UTC","+00:00","2023-06-29T07:50:12+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1688023393,"2023-06-29T07:23:13+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/projekt/science-fictions-ausstellungsseite-des-weltmuseum-wien",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Science Fiction(s) - Ausstellungsseite des Weltmuseum Wien | 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/science-fictions-ausstellungsseite-des-weltmuseum-wien","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/wp-migration/wordpress-media-image/2023/06/header-weltmuseum_liechtenecker_HP-scaled.jpg?h=2774f5be&itok=TkqLA5bs","2023",{"__typename":119,"id":120,"excludeFromScreenreader":13,"mediaImage":121,"name":127,"path":130,"status":20},"MediaImage","350",{"__typename":122,"url":123,"width":124,"height":125,"alt":126,"title":127,"size":128,"mime":129},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg",2000,1129,"\"Welten träumen und Welten bauen\"\nBeispielsbild für eine Unterseite des Projektes","Vorschaubild_referenz_weltmuseum",455926,"image/jpeg","/media/350/edit","Weltmuseum Wien",{"__typename":133,"processed":134,"format":135,"summary":13},"TextSummary","\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>Was wäre, wenn…?\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Eine berechtigte Frage, die wir dieser Tage nicht nur uns selber stellen, sondern das Weltmuseum Wien auch seinen Besucherinnen und Besucher fragt. Von März 2023 bis Jänner 2024 präsentiert die Ausstellung \u003Cstrong>“Science Fiction(s) – Wenn es ein Morgen gäbe”\u003C/strong> futuristische Werke, die nicht nur Kritik an der Gegenwart üben, sondern auch einen Einblick in alternative Zukunftsszenarien geben.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Als große Star Wars-Fans mit einer Vorliebe für Science Fiction war es uns eine besondere Freude, gemeinsam mit dem Weltmuseum Wien und der Agentur Geofront die Website der Ausstellung umzusetzen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-center col-xsmall-12 col-medium-8 col-medium-offset-2 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Sujet Ausstellung Sciene Fiction(s)\" data-entity-type=\"media\" data-entity-uuid=\"2566dd6b-6fdd-4062-928c-59f325529b3d\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=fqHueQOK 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=Lgij-QyB 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"810\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=ceBzH5TJ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=qK3XTBXg 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"576\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=oC2D7a-H 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=2_WJgskl 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"419\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=OPiEZ0S3 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=MjP6-h9Q 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=7RqZd0cH 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.webp?itok=dNadokPY 2x\" type=\"image/webp\" width=\"1620\" height=\"911\">\n                  \u003Cimg loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-3.jpg.jpg?itok=dNadokPY\" alt=\"Sujet Ausstellung Sciene Fiction(s)\" title=\"Untitled-3\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Hier geht’s zur Ausstellungsseite (https://sciencefictions.weltmuseumwien.at\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>Was wir gemacht haben:\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>Design der Ausstellungsseite\u003C/li>\u003Cli>Technische Entwicklung der Seite\u003C/li>\u003Cli>Anbindung der Seite an Story Blok\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Zielsetzung & Customer Journey\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Ziel des Projekts bestand darin, eine Website zu erstellen, die Besucher:innen nicht nur vor und nach ihrem Besuch informiert, sondern die auch einen wesentlichen Teil der Ausstellung darstellt. Die vor Ort platzierten QR-Codes ermöglichen es den Besuchenden, die dazugehörigen Künstlerstatements und Detailinformationen zu den Werken auf der Webseite abzurufen. Auf diese Weise verschmelzen der digitale Raum und die reale Welt miteinander und begleiten die Benutzer:innen auf ihrer Reise in die Zukunft.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cdiv alt=\""Welten träumen und Welten bauen"\nBeispielsbild für eine Unterseite des Projektes\" data-entity-type=\"media\" data-entity-uuid=\"46c4b7d9-088c-47f8-8cf0-2dc9075a9db5\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=AUSqP-Xn 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=YOA9E60m 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"813\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=yFO-AmPB 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=oCFJzD-t 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"578\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=SQtIHH1A 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=rWRrzvg4 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"421\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=uy-_qKJG 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=u71fk9EP 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"271\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=SOaKf0Jt 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.webp?itok=6hO-vsQr 2x\" type=\"image/webp\" width=\"1620\" height=\"914\">\n                  \u003Cimg loading=\"lazy\" width=\"2000\" height=\"1129\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Vorschaubild_referenz_weltmuseum.jpg.jpg?itok=6hO-vsQr\" alt=\""Welten träumen und Welten bauen"\nBeispielsbild für eine Unterseite des Projektes\" title=\"Vorschaubild_referenz_weltmuseum\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Konzept & Design der Seite\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Ungewöhnlich, futuristisch, abenteuerlich – Eigenschaften der Ausstellung „Science Fiction(s)“ sollten sich auch ganz klar auf der Ausstellungsseite widerspiegeln. Dabei müssen relevante Informationen zu Werken und Künstler:innen aber klar erkennbar bleiben. Ein wesentlicher Aspekt ist der Kontrast zwischen grellen Farben und feinen Linien. Weitere Elemente wurden bewusst minimalistisch gehalten, um den Kunstwerken visuell eine noch größere Prominenz zu verleihen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv alt=\"Ansicht einer Beschreibung von Werk & Künstler\" data-entity-type=\"media\" data-entity-uuid=\"080a0d5c-de69-49c3-a9d1-0f6fed74a1b8\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=uIbDUOBO 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=gylCF9W6 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"857\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=aCimn9XI 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=6bysIDMK 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"609\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=1NJ6329B 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=DZs2fhTz 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"443\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=9KKfeVXM 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=6FpTSwjY 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"286\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=GOfIH9Cw 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.webp?itok=M1JiiLJy 2x\" type=\"image/webp\" width=\"1620\" height=\"964\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1523\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-4-scaled.jpg.jpg?itok=M1JiiLJy\" alt=\"Ansicht einer Beschreibung von Werk & Künstler\" title=\"Untitled-4\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Technische Besonderheiten\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Einen Blick in die Zukunft gewährt nicht nur die Ausstellung mit ihren Exponaten sondern auch die technische Umsetzung der Seite. Um den starken Fokus auf Animation und Bewegung umzusetzen, wurde die Seite als Headless Angular Website mit einem StoryBlok Backend entwickelt. Die interaktive „Raumgalaxie“, die sowohl die Räume in Cluster teilt als auch für die Navigation verantwortlich ist, wurde von Geofront (\u003Ca href=\"http://geofront.eu/\" target=\"_blank\" rel=\"noreferrer noopener\">geofront\u003C/a>\u003Ca href=\"http://geofront.eu/\">.eu\u003C/a>) entwickelt. Sie ermöglicht ein tatsächliches Eintauchen in die Ausstellungserfahrung.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv alt=\"3D Visualisierung der Räume auf der Startseite\" data-entity-type=\"media\" data-entity-uuid=\"05c1e1c3-40fc-442e-84d8-50cbd1bba09e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=nifSa-4W 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=9twuAS61 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"850\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=Q3nopR9T 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=smKu3IV_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"604\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=g2jGjnb4 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=jGA5sNWk 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"440\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=ZF_BNx1w 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=MPGTm9wl 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"283\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=apv0wDet 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.webp?itok=4-pgcjKr 2x\" type=\"image/webp\" width=\"1440\" height=\"850\">\n                  \u003Cimg loading=\"lazy\" width=\"1440\" height=\"850\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/06/Untitled-5.png.jpg?itok=4-pgcjKr\" alt=\"3D Visualisierung der Räume auf der Startseite\" title=\"Untitled-5\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch5>\u003Cem>\u003Cstrong>Was sind die Vorteile eines Headless CMS?\u003C/strong>\u003C/em>\u003C/h5>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Durch die Trennung von Front- und Backend konnten wir für beide Teile die jeweils beste technologische Lösung einsetzen. Das Konzept des Frontends hat eine durchgängige Navigation ohne Nachladen neuer Seiten erfordert, was die ideale Basis einer SPA (Single Page Application) darstellt. Durch den Einsatz von Angular können wir Inhalte dynamisch nachladen, wenn sie benötigt werden, ohne dabei die gesamte Seite neu laden zu müssen. Dadurch wird eine flüssige User Experience gewährleistet.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Durch den Einsatz von Server Side Rendering konnten auch typische Probleme, die beim Einsatz von SPAs für Webseiten auftreten können, eliminiert werden. Alle Überblicksseiten und Kunstwerke werden direkt vom Server vorgerendert, dabei werden Meta-Tags und andere wichtige Aspekte für SEO direkt als fertige HTML-Seite an den Client ausgeliefert. Dadurch können Suchmaschinen-Crawler problemlos auf die individuellen Meta-Tags pro Seite zugreifen. Dies ermöglicht eine bessere Indexierung der Webseite und verbessert die Sichtbarkeit in Suchmaschinenergebnissen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cem>\u003Cstrong>Warum haben wir mit StoryBlok gearbeitet?\u003C/strong>\u003C/em>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Als Backend haben wir uns für StoryBlok entschieden, weil es für den Anwendungsfall der Seite perfekte Voraussetzungen bietet.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>StoryBlok ermöglich es, die Inhaltsstruktur einer Seite leicht anzupassen. Das bedeutet, dass wir flexibel sind und Änderungen oder Erweiterungen am Inhalt der Seite problemlos vornehmen können, ohne dabei das gesamte System neu aufsetzen zu müssen. Ein weiterer großer Vorteil von StoryBlok ist die eingebaute Übersetzungsfunktion. Da das Weltmuseum ein internationales Publikum anspricht, war es für uns wichtig, die Inhalte in mehr als einer Sprachen zu übersetzen. Mit StoryBlok war dies ein nahtloser Prozess, der uns ermöglichte, die Website mehrsprachig zu gestalten, ohne dabei auf externe Dienste oder zusätzliche Plugins angewiesen zu sein. Darüber hinaus bietet StoryBlok die Möglichkeit, die verschiedenen Elemente der Website einfach und individuell anzupassen. Die grafische Benutzeroberfläche (GUI) macht es uns leicht, das Erscheinungsbild und die Funktionalität der Seite nach unseren bzw. den Vorstellungen der Kund:innen anzupassen. Das ermöglicht es, schnell auf Feedback und Anforderungen einzugehen und die Seite kontinuierlich zu verbessern.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Insgesamt hat sich die Entscheidung für StoryBlok als Backend für die Ausstellungsseite als äußerst erfolgreich erwiesen. Es bietet uns die Flexibilität, die wir benötigen, um Inhalte anzupassen und zu erweitern, die mehrsprachige Unterstützung, um ein breites Publikum anzusprechen, und die einfache Anpassbarkeit von Elementen, um eine ansprechende User Experience zu gewährleisten. Ohne Zweifel hat StoryBlok dazu beigetragen, dass die Website reibungslos funktioniert und die Anforderungen des Weltmuseums optimal erfüllt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Zusammenfassung des Projektes\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Ergebnis ist ein digitaler Raum, der zum futuristischen Grundgedanken der Ausstellung beiträgt und die Besucherinnen und Besucher während ihrer Customer Journey begleitet.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wir möchten dem Weltmuseum Wien für das Vertrauen in uns und die zukunftsweisende Zusammenarbeit danken. Wir haben viel Freude an dem Projekt und der gemeinsamen Arbeit gehabt. An dieser Stelle möchten wir auch der Agentur Geofront für ihre hervorragende Arbeit danken!\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","wp_html",{"__typename":119,"id":137,"excludeFromScreenreader":13,"mediaImage":138,"name":143,"path":145,"status":20},"347",{"__typename":122,"url":139,"width":140,"height":141,"alt":142,"title":143,"size":144,"mime":129},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2023/06/header-weltmuseum_liechtenecker_HP-scaled.jpg",2560,667,"Headerbild Weltmuseum","header weltmuseum_liechtenecker_HP",244097,"/media/347/edit","Für unseren Kunden Weltmuseum Wien erstellten wir die Ausstellungsseite zu “Science Fiction(s) - Wenn es ein Morgen gäbe”, die Besucher:innen nicht nur vor und nach ihrem Besuch informiert, sondern die auch einen wesentlichen Teil der Ausstellung darstellt.",{"Language:de":148,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":149,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":153,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":156,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":159,"Menu:footer":162,"ROOT_QUERY":172,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":181,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":184,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":187,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":190,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":193,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":196,"Menu:nuxt-main-menu":199,"MediaImage:350":213,"MediaImage:347":215,"NodeWpProject:9":217},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",150,"internal",20,"expanded",21,"attributes",152],{"__ref":151},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",154,"internal",20,"expanded",21,"attributes",155],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",157,"internal",20,"expanded",21,"attributes",158],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",160,"internal",21,"expanded",21,"attributes",161],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",163],[164,166,168,170],{"__ref":165},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":167},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":169},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":171},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",173,"menu({\"name\":\"FOOTER\"})",174,"menu({\"name\":\"NUXT_MAIN_MENU\"})",176,"route({\"path\":\"/projekt/science-fictions-ausstellungsseite-des-weltmuseum-wien\"})",178],"Query",{"__ref":175},"Menu:footer",{"__ref":177},"Menu:nuxt-main-menu",["null","__typename",77,"entity",179],{"__ref":180},"NodeWpProject:9",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",182,"internal",20,"expanded",21,"attributes",183],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",185,"internal",20,"expanded",21,"attributes",186],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",188,"internal",20,"expanded",21,"attributes",189],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",191,"internal",20,"expanded",21,"attributes",192],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",194,"internal",20,"expanded",21,"attributes",195],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",197,"internal",20,"expanded",21,"attributes",198],{"__ref":151},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",200],[201,203,205,207,209,211],{"__ref":202},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":204},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":206},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":208},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":210},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":212},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",119,"id",120,"excludeFromScreenreader",13,"mediaImage",214,"name",127,"path",130,"status",20],["null","__typename",122,"url",123,"width",124,"height",125,"alt",126,"title",127,"size",128,"mime",129],["null","__typename",119,"id",137,"excludeFromScreenreader",13,"mediaImage",216,"name",143,"path",145,"status",20],["null","__typename",122,"url",139,"width",140,"height",141,"alt",142,"title",143,"size",144,"mime",129],["null","__typename",79,"id",80,"title",81,"changed",218,"created",219,"langcode",220,"path",92,"promote",21,"status",20,"sticky",21,"metatag",221,"category",13,"tags",13,"projectYear",117,"promotionImage",230,"teaserTitle",13,"teaserSubheadline",131,"wpBody",232,"wpHeaderImage",233,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",146],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":151},[222,224,226,228],["null","__typename",95,"tag",96,"attributes",223],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",225],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",227],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",229],["null","__typename",111,"property",115,"content",116],{"__ref":231},"MediaImage:350",["null","__typename",133,"processed",134,"format",135,"summary",13],{"__ref":234},"MediaImage:347"]