{"id":101,"date":"2025-09-11T19:59:00","date_gmt":"2025-09-11T19:59:00","guid":{"rendered":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/?p=101"},"modified":"2025-09-11T20:28:33","modified_gmt":"2025-09-11T20:28:33","slug":"ui-ux-genevieve-macisaac-photography-wireframe","status":"publish","type":"post","link":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/2025\/09\/11\/ui-ux-genevieve-macisaac-photography-wireframe\/","title":{"rendered":"UI\/UX &#8211; Genevi\u00e8ve MacIsaac Photography Wireframe"},"content":{"rendered":"\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Desktop<\/h2>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"611\" height=\"1024\" src=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.35.27-PM-611x1024.png\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.35.27-PM-611x1024.png 611w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.35.27-PM-179x300.png 179w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.35.27-PM-768x1288.png 768w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.35.27-PM.png 774w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>For my second coded website, <em>Genevi\u00e8ve MacIsaac Photography<\/em>, I created a high-fidelity wireframe focused on showcasing my photography services in a more immersive and visually engaging way. <\/p>\n\n\n\n<div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Tablet<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"436\" height=\"1024\" src=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.14-PM-1-436x1024.png\" alt=\"\" class=\"wp-image-110\" srcset=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.14-PM-1-436x1024.png 436w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.14-PM-1-128x300.png 128w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.14-PM-1.png 566w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/figure>\n\n\n\n<p>This time, I experimented with a warmer color palette inspired by the tones of a sunset, aiming to evoke a sense of calm and connection through the design. I wanted the site to be content-rich and captivating\u2014something that would encourage viewers to keep scrolling and exploring. <\/p>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"256\" height=\"1024\" src=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.32-PM-1-256x1024.png\" alt=\"\" class=\"wp-image-111\" srcset=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.32-PM-1-256x1024.png 256w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.32-PM-1-75x300.png 75w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.36.32-PM-1.png 374w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/><\/figure>\n\n\n\n<p>With more experience under my belt, I used components much more efficiently, even creating a dedicated components page to keep everything organized.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Components page<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"706\" height=\"848\" src=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.49.45-PM.png\" alt=\"\" class=\"wp-image-113\" srcset=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.49.45-PM.png 706w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.49.45-PM-250x300.png 250w\" sizes=\"(max-width: 706px) 100vw, 706px\" \/><\/figure>\n\n\n\n<p>Compared to my first project, I saw a noticeable improvement in both layout and functionality, and I was able to bring in more refined interactivity that made the user experience smoother and more intuitive.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desktop For my second coded website, Genevi\u00e8ve MacIsaac Photography, I created a high-fidelity wireframe focused on showcasing my photography services in a more immersive and visually engaging way. Tablet This time, I experimented with a warmer color palette inspired by the tones of a sunset, aiming to evoke a sense of calm and connection through [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,16],"tags":[],"class_list":["post-101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","category-ui-ux"],"_links":{"self":[{"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":3,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/101\/revisions\/130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media\/129"}],"wp:attachment":[{"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}