{"id":898,"date":"2024-05-11T20:26:34","date_gmt":"2024-05-11T20:26:34","guid":{"rendered":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/?p=898"},"modified":"2024-05-11T20:47:45","modified_gmt":"2024-05-11T20:47:45","slug":"about-us-high-fidelity","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/entire-project-2b\/design-process\/about-us-high-fidelity\/","title":{"rendered":"About us high fidelity"},"content":{"rendered":"\n

I’m pleased with the final outcome of the about us page. It achieves my goal of being more illustrative and interactive while still presenting all the essential information. During research, I realised that much of the existing content was unnecessary and could be streamlined for better engagement.<\/p>\n\n\n\n

Research, including user flows, heuristic analysis, and competitor research, guided our design process, helping us prioritise changes and find inspiration. Although we could have benefited from more research on Virgin Wines’ brand guidelines initially, the process taught me resilience, adaptability, and the importance of feedback.<\/p>\n\n\n\n

When designing the final wireframe, I was inspired and passionate, which made the project enjoyable. Reflecting on my initial choice of a pink aesthetic, choosing it due to pink being my favourite colour, I realise it didn’t align with Virgin Wines’ brand identity. So, I adjusted the colour palette to maintain consistency while adding contrast and originality.<\/p>\n\n\n\n

Below are my final high-fidelity designs for both desktop and mobile, featuring the updated colour palette to align with Virgin Wines’ branding being using the darker red Malbec as the background colours and the pink shade used on the text. <\/p>\n\n\n\n

This first set of designs is the desktop and mobile about us page with the sustainability information on the same page – running down the page. <\/p>\n\n\n\n

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

This design below however, has the sustainability information on a separate page, accessible from the about us page through a simple button back and forth to see the information, without it feeling too overwhelming for the readers and being overcrowded <\/p>\n\n\n\n

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

Below are the mobile about us page with the sustainability values on a separate page<\/p>\n\n\n\n

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

<\/p>\n","protected":false},"excerpt":{"rendered":"

I’m pleased with the final outcome of the about us page. It achieves my goal of being more illustrative and interactive while still presenting all the essential information. During research, I realised that much of the existing content was unnecessary and could be streamlined for better engagement. Research, including user flows, heuristic analysis, and competitor research, guided our design process, helping us prioritise changes and find inspiration. Although we could have benefited from more research on Virgin Wines’ brand guidelines initially, the process taught me resilience, adaptability, and the importance of feedback. When designing the final wireframe, I was inspired and passionate, which made the project enjoyable. Reflecting on my initial choice of a pink aesthetic, choosing it due to pink being my favourite colour, I realise it didn’t align with Virgin Wines’ brand identity. So, I adjusted the colour palette to maintain consistency while adding contrast and originality. Below are my final high-fidelity designs for both desktop and mobile, featuring the updated colour palette to align with Virgin Wines’ branding being using the darker red Malbec as the background colours and the pink shade used on the text. This first set of designs is the desktop and mobile about us page with the sustainability information on the same page – running down the page. This design below however, has the sustainability information on a separate page, accessible from the about us page through a simple button back and forth to see the information, without it feeling too overwhelming for the readers and being overcrowded Below are the mobile about us page with the sustainability values on a separate page<\/p>\n","protected":false},"author":1,"featured_media":921,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/898"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/comments?post=898"}],"version-history":[{"count":4,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/898\/revisions"}],"predecessor-version":[{"id":935,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/898\/revisions\/935"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media\/921"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media?parent=898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/categories?post=898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/tags?post=898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}