{"id":101,"date":"2023-11-28T16:15:33","date_gmt":"2023-11-28T16:15:33","guid":{"rendered":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/?p=101"},"modified":"2024-01-22T20:40:03","modified_gmt":"2024-01-22T20:40:03","slug":"creating-experiences","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/y2\/experience-website\/creating-experiences\/","title":{"rendered":"Creating Experiences"},"content":{"rendered":"\n<p class=\"has-medium-font-size\">\\ Experience Website \\<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">For Project 3 &#8211; Experience Website we had to create a brochure-ware website for a bookable and customisable physical experience. My chosen topics for the experience were science + punks. The website is to be accessible both on desktop and mobile browsers.<\/p>\n\n\n\n<p>I&#8217;ve been finding it hard to track projects every single week since I usually break them down into smaller project parts. Perhaps, I&#8217;m also too of a perfectionist. That lead to procrastination. Now we are here in week 9 writing about both weeks 4 &amp; 5, and the rest of them.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-2 wp-block-group-is-layout-flex\">\n<p class=\"has-medium-font-size is-layout-flow wp-block-paragraph-is-layout-flow\" style=\"padding-top:0;padding-bottom:0;line-height:0\">The tasks for the fourth and fifth weeks:<\/p>\n\n\n\n<ol>\n<li class=\"has-medium-font-size\">brief break down<\/li>\n\n\n\n<li class=\"has-medium-font-size\">audience and theme research<\/li>\n\n\n\n<li class=\"has-medium-font-size\">experience websites research<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Example of a experience website<\/h5>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/miro.com\/app\/board\/uXjVNYzWswY=\/?moveToWidget=3458764571329741721&amp;cot=14\"><img decoding=\"async\" loading=\"lazy\" width=\"882\" height=\"775\" src=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/mml_sitemap.jpg\" alt=\"\" class=\"wp-image-158\" style=\"width:700px\" srcset=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/mml_sitemap.jpg 882w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/mml_sitemap-300x264.jpg 300w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/mml_sitemap-768x675.jpg 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">This is the partial sitemap of the <a href=\"https:\/\/magicmikelondon.co.uk\/\">Magic Mike Live<\/a> website. I think it is a well-designed experience website by the <a href=\"https:\/\/brackets.digital\/\">Brackets Digital<\/a> agency. I took note of the pages and elements I thought worked well and found helpful. This sitemap served more or less as a blue print for my website design.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Audience Research<\/h5>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/miro.com\/app\/board\/uXjVNYzWswY=\/?moveToWidget=3458764571329741721&amp;cot=14\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"420\" src=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/science_vs_punk-1024x420.jpg\" alt=\"\" class=\"wp-image-160\" style=\"width:700px\" srcset=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/science_vs_punk-1024x420.jpg 1024w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/science_vs_punk-300x123.jpg 300w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/science_vs_punk-768x315.jpg 768w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/science_vs_punk.jpg 1235w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">I chose quite a challenging theme-audience combination. For the science part, I looked at scientific diagrams and formulas. Then I looked at video experiments to try and capture the action and get a sense of potential kinda safe activities. For the punk part, I looked at album covers, Andy Warhol&#8217;s work, and just google images. Then I stumbled upon an inspirational punk website called <a href=\"https:\/\/daysofpunk.com\/#\">Days of Punk<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/miro.com\/app\/board\/uXjVNYzWswY=\/?moveToWidget=3458764571329741721&amp;cot=14\"><img decoding=\"async\" loading=\"lazy\" width=\"381\" height=\"660\" src=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/punk-website.jpg\" alt=\"\" class=\"wp-image-161\" style=\"width:700px\" srcset=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/punk-website.jpg 381w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/punk-website-173x300.jpg 173w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Competitor Analysis<\/h5>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/miro.com\/app\/board\/uXjVNYzWswY=\/?moveToWidget=3458764571329741721&amp;cot=14\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"375\" src=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/rage-rooms-1024x375.jpg\" alt=\"\" class=\"wp-image-162\" style=\"width:700px\" srcset=\"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/rage-rooms-1024x375.jpg 1024w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/rage-rooms-300x110.jpg 300w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/rage-rooms-768x281.jpg 768w, https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-content\/uploads\/2023\/11\/rage-rooms.jpg 1387w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">The idea for my experience is an intellectual type of rage room. A place were you could come with friends share drinks and learn whilst playing around with chemicals and different equipment. I researched rage rooms websites, some of them had well-designed elements I thought of incorporating. But mostly they were all poorly designed, either having way too many clicky things on the home page, long lists to get lost in or really confusing redirections.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-small-font-size\"><strong>miro link:<\/strong> <a href=\"https:\/\/miro.com\/app\/board\/uXjVNYzWswY=\/?share_link_id=35445514126\">Project 3 \/ Experience Website \/ Maggie<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\\ Experience Website \\ For Project 3 &#8211; Experience Website we had to create a brochure-ware website for a bookable and customisable physical experience. My chosen topics for the experience were science + punks. The website is to be accessible both on desktop and mobile browsers. I&#8217;ve been finding it hard to track projects every [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/101"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":17,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/101\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}