{"id":303,"date":"2023-12-19T12:28:00","date_gmt":"2023-12-19T12:28:00","guid":{"rendered":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/?p=303"},"modified":"2024-05-15T14:44:29","modified_gmt":"2024-05-15T14:44:29","slug":"project-3-figma","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/unit-2a\/project-3-figma\/","title":{"rendered":"Project 3: Figma"},"content":{"rendered":"\n<p>This follows on from project 2 &amp; 3 Figma reflection as I wanted to go back and look through my Figma journey in more depth within this project alone. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-16.42.48-1024x423.png\" alt=\"\" class=\"wp-image-321\" srcset=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-16.42.48-1024x423.png 1024w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-16.42.48-300x124.png 300w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-16.42.48-768x317.png 768w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-16.42.48-1536x634.png 1536w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-16.42.48.png 1730w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Whole of my Figma file<\/figcaption><\/figure>\n\n\n\n<p>My Figma file had quite a lot in it as i&#8217;d designed wireframes, low fidelity and high fidelity all in the same file. I did this so I could progress each stage further and further until I got to the final outcome. This part of using the software I really enjoyed as its really easy to put images and text onto the boards. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.06.20-1024x702.png\" alt=\"\" class=\"wp-image-323\" srcset=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.06.20-1024x702.png 1024w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.06.20-300x206.png 300w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.06.20-768x527.png 768w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.06.20.png 1420w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Website design boards<\/figcaption><\/figure>\n\n\n\n<p>I made several screens for my website to be able to fit all of the information on and have it organised so that its easy for users to look at all the experience options before booking. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Making Buttons<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.32.07-1024x391.png\" alt=\"\" class=\"wp-image-324\" srcset=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.32.07-1024x391.png 1024w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.32.07-300x115.png 300w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.32.07-768x293.png 768w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.32.07-1536x586.png 1536w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.32.07.png 2038w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Making components \/ Buttons<\/figcaption><\/figure>\n\n\n\n<p>Designing buttons was also quite an easy process as I knew what I needed and how they needed to look to go on the website. The real struggles I faced was from trying to get some buttons to work, for example the counter button I had a slight mishap with which was where I had the set variable in the &#8216;else&#8217; section instead of the &#8216;if&#8217; you can see the correct format below. This slight error took me a while to fix as with still not being experienced with the software I was very confused on what the error was as it was just a slight change. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"466\" height=\"390\" src=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.37.37.png\" alt=\"\" class=\"wp-image-325\" srcset=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.37.37.png 466w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-03-at-17.37.37-300x251.png 300w\" sizes=\"(max-width: 466px) 100vw, 466px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Editing Pages <\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"500\" src=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-14.21.24-Medium.png\" alt=\"\" class=\"wp-image-331\" srcset=\"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-14.21.24-Medium.png 640w, https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-14.21.24-Medium-300x234.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><figcaption class=\"wp-element-caption\">Booking page<\/figcaption><\/figure>\n\n\n\n<p>For my booking pages I changed where some of the buttons to book were as the calendar was to wide for my initial design idea to work. Then I changed to having the block of buttons go down the side at the top of the page for easy access for users. The set of buttons for the booking process fit so much better down the side of the page. I could have easily changed the size of the calendar instead of having to adjust everything but I wanted it to stay as the size I first designed as it&#8217;s a good size for being on desktop.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>This follows on from project 2 &amp; 3 Figma reflection as I wanted to go back and look through my Figma journey in more depth within this project alone. My Figma file had quite a lot in it as i&#8217;d designed wireframes, low fidelity and high fidelity all in the same file. I did this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":478,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/posts\/303"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/comments?post=303"}],"version-history":[{"count":3,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/posts\/303\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/posts\/303\/revisions\/332"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/media\/478"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/media?parent=303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/categories?post=303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/ellana-skye-evans\/blog\/wp-json\/wp\/v2\/tags?post=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}