{"id":94,"date":"2025-09-11T19:24:03","date_gmt":"2025-09-11T19:24:03","guid":{"rendered":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/?p=94"},"modified":"2025-09-11T20:27:12","modified_gmt":"2025-09-11T20:27:12","slug":"ui-ux-the-cozy-cafe-website-wireframe","status":"publish","type":"post","link":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/2025\/09\/11\/ui-ux-the-cozy-cafe-website-wireframe\/","title":{"rendered":"UI\/UX &#8211; The Cozy Cafe Website Wireframe"},"content":{"rendered":"\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"466\" height=\"1024\" src=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.14-PM-1-466x1024.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.14-PM-1-466x1024.png 466w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.14-PM-1-137x300.png 137w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.14-PM-1-699x1536.png 699w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.14-PM-1.png 710w\" sizes=\"(max-width: 466px) 100vw, 466px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"592\" height=\"1024\" src=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.23-PM-592x1024.png\" alt=\"\" class=\"wp-image-99\" srcset=\"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.23-PM-592x1024.png 592w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.23-PM-174x300.png 174w, https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-11-at-3.14.23-PM.png 708w\" sizes=\"(max-width: 592px) 100vw, 592px\" \/><\/figure>\n<\/div>\n\n\n\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>I discovered UI\/UX design for the first time while working on a school project: a coffee shop website I named <em>The Cozy Cafe<\/em>. Intrigued by the idea of creating something both functional and visually appealing, I used Adobe XD to design my first website wireframe. The learning curve was steep at first, especially as I navigated through the interface and tried to understand how everything fit together. One of the most rewarding parts of the process was building the color palette and developing my own character styles. It felt like I was giving the brand its own personality. However, components and interactivity were by far the most challenging aspects. Figuring out how to make reusable elements and link them together for a seamless user experience took time and experimentation. Despite the obstacles, the project gave me a solid foundation and a new passion for design.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I discovered UI\/UX design for the first time while working on a school project: a coffee shop website I named The Cozy Cafe. Intrigued by the idea of creating something both functional and visually appealing, I used Adobe XD to design my first website wireframe. The learning curve was steep at first, especially as I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,16],"tags":[],"class_list":["post-94","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\/94","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=94"}],"version-history":[{"count":2,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/94\/revisions\/128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/genevieve-macisaac.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}