{"id":824,"date":"2024-05-10T22:37:41","date_gmt":"2024-05-10T22:37:41","guid":{"rendered":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/?p=824"},"modified":"2024-05-10T22:37:41","modified_gmt":"2024-05-10T22:37:41","slug":"events-page-my-iterations","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/entire-project-2b\/design-process\/events-page-my-iterations\/","title":{"rendered":"Events page &#8211; my iterations"},"content":{"rendered":"\n<p>Although I knew from the project&#8217;s outset that I wouldn&#8217;t be solely responsible for designing the entire events pages, our approach mirrored that of the about page design. We all contributed initial wireframes and then collaborated to merge our ideas, aiming for the best possible outcomes.<\/p>\n\n\n\n<p>Similar to the about us page, the events pages underwent multiple iterations, with design ideas evolving based on feedback as we strived for the highest quality work.<\/p>\n\n\n\n<p>Below, I&#8217;ve documented the iterations of my design process. Initially, I created the full events pages, but later focused solely on the events landing page, refining it for both desktop and mobile in high fidelity.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"366\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33-1024x366.png\" alt=\"\" class=\"wp-image-825\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33-1024x366.png 1024w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33-300x107.png 300w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33-768x274.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33-1536x548.png 1536w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33-1140x407.png 1140w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.25.33.png 1826w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Above is my wireframes for the events pages, from the landing page to the FAQ pages. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"749\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.04-749x1024.png\" alt=\"\" class=\"wp-image-826\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.04-749x1024.png 749w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.04-219x300.png 219w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.04-768x1050.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.04.png 1046w\" sizes=\"(max-width: 749px) 100vw, 749px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"797\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.10-797x1024.png\" alt=\"\" class=\"wp-image-827\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.10-797x1024.png 797w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.10-233x300.png 233w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.10-768x987.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.10.png 1072w\" sizes=\"(max-width: 797px) 100vw, 797px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"856\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.15-1024x856.png\" alt=\"\" class=\"wp-image-828\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.15-1024x856.png 1024w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.15-300x251.png 300w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.15-768x642.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.27.15.png 1072w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Above is the event landing page wireframe that is the outcome of my groups work hat we merged together to create an initial design idea. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"673\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.45-673x1024.png\" alt=\"\" class=\"wp-image-829\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.45-673x1024.png 673w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.45-197x300.png 197w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.45-768x1169.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.45.png 870w\" sizes=\"(max-width: 673px) 100vw, 673px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"768\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.50-768x1024.png\" alt=\"\" class=\"wp-image-830\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.50-768x1024.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.50-225x300.png 225w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.30.50.png 870w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Above is the wireframe of my take from the group wireframes we designed, after we had looked into their brand guidelines and created some of their illustrations. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-10 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"680\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.25-680x1024.png\" alt=\"\" class=\"wp-image-831\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.25-680x1024.png 680w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.25-199x300.png 199w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.25-768x1157.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.25.png 908w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"734\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.29-734x1024.png\" alt=\"\" class=\"wp-image-832\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.29-734x1024.png 734w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.29-215x300.png 215w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.29-768x1072.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.32.29.png 890w\" sizes=\"(max-width: 734px) 100vw, 734px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Above are the mid fidelity versions of my wireframes, trying to conform to their guidelines. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-14 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"854\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.00-854x1024.png\" alt=\"\" class=\"wp-image-833\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.00-854x1024.png 854w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.00-250x300.png 250w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.00-768x921.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.00.png 1112w\" sizes=\"(max-width: 854px) 100vw, 854px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1048\" height=\"1225\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.06-edited.png\" alt=\"\" class=\"wp-image-836\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.06-edited.png 1048w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.06-edited-257x300.png 257w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.06-edited-876x1024.png 876w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.06-edited-768x898.png 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"934\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.11-934x1024.png\" alt=\"\" class=\"wp-image-835\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.11-934x1024.png 934w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.11-274x300.png 274w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.11-768x842.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-10-at-23.34.11.png 1076w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Above are my what I thought would be the final design high fidelity page, but we decided to change the colour palette last minute, so this is very similar to the final design. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Although I knew from the project&#8217;s outset that I wouldn&#8217;t be solely responsible for designing the entire events pages, our approach mirrored that of the about page design. We all contributed initial wireframes and then collaborated to merge our ideas, aiming for the best possible outcomes. Similar to the about us page, the events pages underwent multiple iterations, with design ideas evolving based on feedback as we strived for the highest quality work. Below, I&#8217;ve documented the iterations of my design process. Initially, I created the full events pages, but later focused solely on the events landing page, refining it for both desktop and mobile in high fidelity. Above is my wireframes for the events pages, from the landing page to the FAQ pages. Above is the event landing page wireframe that is the outcome of my groups work hat we merged together to create an initial design idea. Above is the wireframe of my take from the group wireframes we designed, after we had looked into their brand guidelines and created some of their illustrations. Above are the mid fidelity versions of my wireframes, trying to conform to their guidelines. Above are my what I thought would be the final design high fidelity page, but we decided to change the colour palette last minute, so this is very similar to the final design.<\/p>\n","protected":false},"author":1,"featured_media":837,"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\/824"}],"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=824"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/824\/revisions"}],"predecessor-version":[{"id":838,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/824\/revisions\/838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media\/837"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media?parent=824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/categories?post=824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/tags?post=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}