{"id":309,"date":"2024-05-16T02:47:35","date_gmt":"2024-05-16T02:47:35","guid":{"rendered":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?p=309"},"modified":"2024-05-16T02:47:36","modified_gmt":"2024-05-16T02:47:36","slug":"project-1-collaborative-project-virgin-wines-grapes-and-bitteration","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/","title":{"rendered":"Project 1: Collaborative project – Virgin Wines – grapes and bitteration"},"content":{"rendered":"\n

Mid-Fidelity Development and Style Switch for Events<\/strong><\/p>\n\n\n\n

Virgin Wines was coming in to catch up on our designs and see where we were. To prepare for this, I spent a couple of days before creating different iterations of the poster event idea I was too married to.<\/p>\n\n\n\n

\"\"<\/figure>
\n

Gradients and Cleaner Header<\/strong><\/p>\n\n\n\n

Gradients! Max on our team found Bourne’s new Virgin Wines identity, which covered design guidelines for the Virgin brand, so with this in mind, I added a gradient to the events with a cleaner header.<\/p>\n<\/div><\/div>\n\n\n\n

Experimenting with Designs<\/strong><\/p>\n\n\n\n

I needed a change of pace. I think it was at this point I realized that I hadn’t even tried to experiment with the design at all; I hadn’t made it mine. So, this next iteration is trying out posters in cards. I don’t really know what I was trying here; my thinking was, “What if the events looked like a streaming service?”<\/p>\n\n\n\n

I do not think this is a good design, but I’m glad my past self tried new things.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I realized that I wasn’t really doing much with the product listing page, and after that terrible design, I started working on the product description page. With the idea that if I could design a nice PDP, then maybe that could inspire the PLP.<\/p>\n\n\n\n

This new iteration focuses on a blurred background to give the page a refreshing look that also aligns with the gradients that Bourne was using. Overall, I really enjoyed this fresh new look, although it looked more like DICE at this point, but I had plans to create a somewhat interactive parallax scroll that would show images and reviews on the left while text stayed still on the right side of the page. While I liked this design, I don’t think it worked as well as it could have, and it looked so different from the Virgin Wines style that I ended up pivoting.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>
\n

Focusing on the Red Gradient<\/strong><\/p>\n\n\n\n

The next iteration was pretty much the same as the previous mobile one I had made but with a focus on the red gradient. This kept the page more consistent with the About Us page we were making, and the colours obviously matched Virgin’s brand. I probably could have explored this style a lot more, but in an attempt to experiment more, I moved onto a different style completely in the next iteration.<\/p>\n<\/div><\/div>\n\n\n\n

Inspiration and New Design<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Before we talk about the last iteration I made before chatting with Graham and Emily, I wanted to briefly cover the inspiration for the design. In one of our early iterations for about us, I thought it was very important that we were promoting the wine buyers\/advisors in some way. This way, the brand would feel more authentic and lead to better relationships between the buyer\/advisors and customers. I’ve never liked regular old face shots as they always look terrible. I don’t think there are many good ways to show off pictures of people without a frame, but while thinking this, I remembered an old design I made for an essay 3 years ago where I had the same problem. The solution then was to create a fun “cut-out” style that made the pictures look almost a part of the background itself. This is why I made a quick version of this for a fake wine advisor (shown above). So with this in mind, I tried a new design for the PDP.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I’m actually pretty happy with this design. If we disregard the bottom of the page, I think it’s keeping in some style of the Virgin brand, more so than the last designs at least. I changed the poster into a card that was meant to be an online ticket. It has the price, time, and date all on it. I was thinking too logistically at these points as Virgin Wines wasn’t looking for real-life practical stuff but just web-based designs. But overall, I enjoyed this design, and the way I presented the images and reviews on the bottom, I really liked.<\/p>\n\n\n\n

Feedback and Pivoting<\/strong><\/p>\n\n\n\n

We showed a couple of designs that the group agreed on that we liked and showed them to Virgin Wines. I actually can’t remember what we chose to show, but it doesn’t matter all that much as the feedback applied pretty much to all of it. First off, they liked the About Us page. Secondly, they liked the checkout. They did not like the events. It wasn’t until after that Dave (lecturer) spoke to us and told us the reasoning was that it was too young. Which is completely true. It was a little frustrating to hear this; however, it was only a gift. Their comments were valid, and I felt something wasn’t quite right this whole process, so that comment gave me the kick I needed to change pace completely.<\/p>\n","protected":false},"excerpt":{"rendered":"

Mid-Fidelity Development and Style Switch for Events Virgin Wines was coming in to catch up on our designs and see where we were. To prepare for this, I spent a couple of days before creating different iterations of the poster event idea I was too married to. Gradients and Cleaner Header Gradients! Max on our […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[37],"tags":[],"yoast_head":"\nProject 1: Collaborative project - Virgin Wines - grapes and bitteration - Robert Atsumi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project 1: Collaborative project - Virgin Wines - grapes and bitteration - Robert Atsumi\" \/>\n<meta property=\"og:description\" content=\"Mid-Fidelity Development and Style Switch for Events Virgin Wines was coming in to catch up on our designs and see where we were. To prepare for this, I spent a couple of days before creating different iterations of the poster event idea I was too married to. Gradients and Cleaner Header Gradients! Max on our […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/\" \/>\n<meta property=\"og:site_name\" content=\"Robert Atsumi\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-16T02:47:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-16T02:47:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20-385x1024.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/\",\"name\":\"Project 1: Collaborative project - Virgin Wines - grapes and bitteration - Robert Atsumi\",\"isPartOf\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20-385x1024.png\",\"datePublished\":\"2024-05-16T02:47:35+00:00\",\"dateModified\":\"2024-05-16T02:47:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#primaryimage\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20.png\",\"contentUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20.png\",\"width\":613,\"height\":1630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project 1: Collaborative project – Virgin Wines – grapes and bitteration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\",\"name\":\"Robert Atsumi\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/www.nua-ux.design\/robert-atsumi\/blog\"],\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project 1: Collaborative project - Virgin Wines - grapes and bitteration - Robert Atsumi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/","og_locale":"en_US","og_type":"article","og_title":"Project 1: Collaborative project - Virgin Wines - grapes and bitteration - Robert Atsumi","og_description":"Mid-Fidelity Development and Style Switch for Events Virgin Wines was coming in to catch up on our designs and see where we were. To prepare for this, I spent a couple of days before creating different iterations of the poster event idea I was too married to. Gradients and Cleaner Header Gradients! Max on our […]","og_url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/","og_site_name":"Robert Atsumi","article_published_time":"2024-05-16T02:47:35+00:00","article_modified_time":"2024-05-16T02:47:36+00:00","og_image":[{"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20-385x1024.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/","name":"Project 1: Collaborative project - Virgin Wines - grapes and bitteration - Robert Atsumi","isPartOf":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#primaryimage"},"image":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20-385x1024.png","datePublished":"2024-05-16T02:47:35+00:00","dateModified":"2024-05-16T02:47:36+00:00","author":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec"},"breadcrumb":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#primaryimage","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20.png","contentUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2024\/05\/image-20.png","width":613,"height":1630},{"@type":"BreadcrumbList","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/project-1-2b\/project-1-collaborative-project-virgin-wines-grapes-and-bitteration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/"},{"@type":"ListItem","position":2,"name":"Project 1: Collaborative project – Virgin Wines – grapes and bitteration"}]},{"@type":"WebSite","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/","name":"Robert Atsumi","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Person","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","caption":"admin"},"sameAs":["http:\/\/www.nua-ux.design\/robert-atsumi\/blog"],"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/309"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/309\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/309\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/media?parent=309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/categories?post=309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/tags?post=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}