{"id":382,"date":"2024-05-13T20:31:10","date_gmt":"2024-05-13T20:31:10","guid":{"rendered":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/?p=382"},"modified":"2024-05-13T20:31:10","modified_gmt":"2024-05-13T20:31:10","slug":"virgin-wines-mid-fidelity","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/workshops\/virgin-wines-mid-fidelity\/","title":{"rendered":"Virgin wines &#8211; mid fidelity"},"content":{"rendered":"\n<p>I was in charge of the what to expect page and making it joyful. My first idea was to use lots of images to show what the event is like so customers visually know what to expect. <\/p>\n\n\n\n<p>We later decided not to go with this idea because the designs did not fit with the rest of the pages and looked slightly out of place. We still followed my idea of adding a lot of images because we all felt that it was important to show users what they look like rather than having generic images of the location. <\/p>\n\n\n\n<p>I also thought about creating an interactive element where users would hover over an option and the information would show on that specific question. We also decided to change this because again it didn&#8217;t feel like it went with the rest of the designs and would not work as well on mobile. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"521\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-4-521x1024.png\" alt=\"\" class=\"wp-image-374\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-4-521x1024.png 521w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-4-153x300.png 153w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-4.png 643w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"200\" height=\"1024\" src=\"http:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-5-200x1024.png\" alt=\"\" class=\"wp-image-375 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p>This was my second attempt at what the page would look like where I used more colour. The background contains an animated blur effect where it changes and moves whilst you are on the page. We also changed a few things like the continuous all capitalised text as this was not accessible so to fix this problem we removed it. <\/p>\n\n\n\n<p>We did not end up going for this idea because again it did not suit with the rest of the designs and some of the illustrations did not suit the others on the page. <\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"811\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-17-1024x811.png\" alt=\"\" class=\"wp-image-390\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-17-1024x811.png 1024w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-17-300x238.png 300w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-17-768x608.png 768w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-17-1536x1217.png 1536w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-17.png 1949w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Me and Saalihah designed the events pages with us both thinking about colours, illustrations and images. I focussed on illustrations and images so that users had visually appealing objects to look at whilst on the page. Saalihah focussed on the colour side of the page and the content of it. We did not end up going for this yellow as I decided that it would be best to stick to the red throughout all the designs for consistency so users do not get confused. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colour<\/h3>\n\n\n\n<p>We played around a lot with colour, we looked at their colour scheme and tried multiple different attempts. We tried a lot of pink but in the end I pointed out that it didn&#8217;t really suit the brand as it made it look a little bit like a flower shop or something quite feminine when wine was not. <\/p>\n\n\n\n<p>This is why we ended on going for a deep red colour to make all the pages look elegant and that they are targeted at the right age audience (35+)<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"396\" height=\"1024\" data-id=\"389\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-16-396x1024.png\" alt=\"\" class=\"wp-image-389\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-16-396x1024.png 396w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-16-116x300.png 116w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-16-594x1536.png 594w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-16.png 642w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"727\" data-id=\"388\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-15-1024x727.png\" alt=\"\" class=\"wp-image-388\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-15-1024x727.png 1024w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-15-300x213.png 300w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-15-768x545.png 768w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-15.png 1433w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"667\" data-id=\"387\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-14-1024x667.png\" alt=\"\" class=\"wp-image-387\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-14-1024x667.png 1024w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-14-300x195.png 300w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-14-768x500.png 768w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-14.png 1435w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"269\" height=\"1024\" data-id=\"386\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-13-269x1024.png\" alt=\"\" class=\"wp-image-386\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-13-269x1024.png 269w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-13-79x300.png 79w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-13-404x1536.png 404w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-13.png 418w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"424\" height=\"1024\" data-id=\"385\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-12-424x1024.png\" alt=\"\" class=\"wp-image-385\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-12-424x1024.png 424w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-12-124x300.png 124w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-12-636x1536.png 636w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-12.png 652w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"349\" height=\"1024\" data-id=\"384\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-11-349x1024.png\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-11-349x1024.png 349w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-11-102x300.png 102w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-11-523x1536.png 523w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2024\/05\/image-11.png 567w\" sizes=\"(max-width: 349px) 100vw, 349px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><figure class=\"wp-block-image size-large\"><\/figure><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was in charge of the what to expect page and making it joyful. My first idea was to use lots of images to show what the event is like so customers visually know what to expect. We later decided not to go with this idea because the designs did not fit with the rest [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/382"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/382\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/382\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/media?parent=382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/categories?post=382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/tags?post=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}