{"id":147,"date":"2022-11-01T20:03:47","date_gmt":"2022-11-01T20:03:47","guid":{"rendered":"https:\/\/comdma.com\/erdmanc\/?p=147"},"modified":"2022-11-01T20:05:38","modified_gmt":"2022-11-01T20:05:38","slug":"project-2-website-design","status":"publish","type":"post","link":"https:\/\/comdma.com\/erdmanc\/2022\/11\/01\/project-2-website-design\/","title":{"rendered":"Project 2: Website Design"},"content":{"rendered":"\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1024\" data-id=\"191\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-desktop.png\" alt=\"\" class=\"wp-image-191\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-desktop.png 1440w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-desktop-300x213.png 300w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-desktop-1024x728.png 1024w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-desktop-768x546.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"728\" data-id=\"192\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-desktop-1024x728.png\" alt=\"\" class=\"wp-image-192\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-desktop-1024x728.png 1024w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-desktop-300x213.png 300w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-desktop-768x546.png 768w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-desktop.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"728\" data-id=\"194\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-desktop-1024x728.png\" alt=\"\" class=\"wp-image-194\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-desktop-1024x728.png 1024w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-desktop-300x213.png 300w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-desktop-768x546.png 768w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-desktop.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"728\" data-id=\"195\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-desktop-1024x728.png\" alt=\"\" class=\"wp-image-195\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-desktop-1024x728.png 1024w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-desktop-300x213.png 300w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-desktop-768x546.png 768w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-desktop.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"728\" data-id=\"193\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-desktop-1024x728.png\" alt=\"\" class=\"wp-image-193\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-desktop-1024x728.png 1024w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-desktop-300x213.png 300w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-desktop-768x546.png 768w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-desktop.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption\">Desktop<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-5 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" data-id=\"204\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-mobile-1.png\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-mobile-1.png 390w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/home-mobile-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" data-id=\"201\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-mobile-1.png\" alt=\"\" class=\"wp-image-201\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-mobile-1.png 390w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/about-mobile-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" data-id=\"203\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-mobile-1.png\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-mobile-1.png 390w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/portfolio-mobile-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" data-id=\"205\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-mobile-1.png\" alt=\"\" class=\"wp-image-205\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-mobile-1.png 390w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/resume-mobile-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" data-id=\"202\" src=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-mobile-1.png\" alt=\"\" class=\"wp-image-202\" srcset=\"https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-mobile-1.png 390w, https:\/\/comdma.com\/erdmanc\/wp-content\/uploads\/sites\/216\/2022\/11\/contact-mobile-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption\">Mobile<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.figma.com\/proto\/XRCpHBuKOxHV1FZlSvERa7\/DMA217-Project-2-erdmanc?node-id=221%3A26&amp;scaling=min-zoom&amp;page-id=0%3A1&amp;starting-point-node-id=221%3A26&amp;show-proto-sidebar=1\" data-type=\"URL\" data-id=\"https:\/\/www.figma.com\/proto\/XRCpHBuKOxHV1FZlSvERa7\/DMA217-Project-2-erdmanc?node-id=221%3A26&amp;scaling=min-zoom&amp;page-id=0%3A1&amp;starting-point-node-id=221%3A26&amp;show-proto-sidebar=1\">Test Prototype Here<\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">What did you learn?<\/h5>\n\n\n\n<p>In this project, I learned more about working with typography and color styles, how to create a mobile &#8220;hamburger&#8221; style navigation menu, and how to enable vertical scrolling in Figma. I also had my first experience with front-end coding in Codepen.  <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">What was easy?<\/h5>\n\n\n\n<p>Working with color and typography styles and setting up the navigation were easy. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">What was challenging?<\/h5>\n\n\n\n<p>Figuring out vertical scrolling and making sure that none of the content got cut off in the process was a bit more challenging. Setting up the desktop portfolio page and making it possible to click through larger versions of each image was also a challenge.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">How could your submission be improved?<\/h5>\n\n\n\n<p>To improve my submission, I might replace the general Lorem Ipsum text and Unsplash stock photos with actual content for a personal website. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">How could the professor improve the assignment for the next class?<\/h5>\n\n\n\n<p>It might be more helpful to have the WIP due later in the process after having some more demos to work off of. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">How might you apply your knowledge in future assignments or work scenarios?<\/h5>\n\n\n\n<p>In future assignments or work scenarios, I will be able to work more efficiently by starting with a design system so that if I want to make changes to colors, fonts, etc. later in the process, I can do all that in one place rather than having to change each individual frame. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">How did a specific reading or video inspire or help you?<\/h5>\n\n\n\n<p>Looking through this web design Pinterest board was helpful for getting design inspiration!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-pinterest wp-block-embed-pinterest\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"web design\" src=\"https:\/\/assets.pinterest.com\/ext\/embed.html?grid=brightenmade\/web-design\/&#038;src=oembed\" height=\"900\" width=\"450\" frameborder=\"0\" scrolling=\"no\" ><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Test Prototype Here What did you learn? In this project, I learned more about working with typography and color styles, how to create a mobile &#8220;hamburger&#8221; style navigation menu, and how to enable vertical scrolling in Figma. I also had my first experience with front-end coding in Codepen. What was easy? Working with color and [&hellip;]<\/p>\n","protected":false},"author":208,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-147","post","type-post","status-publish","format-standard","hentry","category-dma217"],"taxonomy_info":{"category":[{"value":10,"label":"DMA217"}]},"featured_image_src_large":false,"author_info":{"display_name":"erdmanc","author_link":"https:\/\/comdma.com\/erdmanc\/author\/erdmanc\/"},"comment_info":"","category_info":[{"term_id":10,"name":"DMA217","slug":"dma217","term_group":0,"term_taxonomy_id":10,"taxonomy":"category","description":"","parent":0,"count":3,"filter":"raw","cat_ID":10,"category_count":3,"category_description":"","cat_name":"DMA217","category_nicename":"dma217","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/users\/208"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":13,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts\/147\/revisions"}],"predecessor-version":[{"id":210,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts\/147\/revisions\/210"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/categories?post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/tags?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}