{"id":453,"date":"2024-12-09T19:04:55","date_gmt":"2024-12-09T19:04:55","guid":{"rendered":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/?p=453"},"modified":"2025-04-02T03:12:46","modified_gmt":"2025-04-02T03:12:46","slug":"facebook-instruction-manual","status":"publish","type":"post","link":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/2024\/12\/09\/facebook-instruction-manual\/","title":{"rendered":"Facebook Instruction Manual"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"453\" class=\"elementor elementor-453\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7b8559 e-flex e-con-boxed e-con e-parent\" data-id=\"d7b8559\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-175ae3b elementor-widget elementor-widget-image\" data-id=\"175ae3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-1024x768.jpg\" class=\"attachment-large size-large wp-image-715\" alt=\"facebook manual mockup 1\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-1024x768.jpg 1024w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-300x225.jpg 300w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-768x576.jpg 768w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-1536x1152.jpg 1536w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-2048x1536.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2c6fc7 e-flex e-con-boxed e-con e-parent\" data-id=\"a2c6fc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d78523 elementor-widget elementor-widget-spacer\" data-id=\"7d78523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad8938 elementor-widget elementor-widget-heading\" data-id=\"7ad8938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Facebook Instruction Manual<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1329ca elementor-widget elementor-widget-text-editor\" data-id=\"a1329ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For this project in <strong>Publication Design I (Semester 3)<\/strong>, I created a <strong>Facebook Instructions Manual<\/strong> using Adobe InDesign. The goal was to design a clean and functional guide that walked users through the process of setting up and optimizing a Facebook Business Page.<\/p><p>I wanted the manual to be approachable but also professional, which is why I used the familiar blue and white color scheme directly inspired by Facebook&#8217;s branding. It was all about keeping things simple, organized, and easy to follow\u2014essential for instructions that could otherwise feel overwhelming.<\/p><p>Design-wise, I stuck to a <strong>modern layout with lots of white space<\/strong> to make the content digestible. The typography was clean and sharp to enhance readability, and the use of screenshots added visual context for every step. My favorite part of this project was the attention to detail, like matching the fonts and design elements to what users might see on the actual Facebook interface, which kept the experience cohesive.<\/p><p>Looking back, I\u2019m proud of how user-friendly it turned out and how much I learned about balancing form and function in publication design. If I were to redo this, I might explore a more interactive or dynamic approach, but overall, it was a solid piece for my portfolio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9b7acc elementor-widget elementor-widget-spacer\" data-id=\"b9b7acc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa0b9d8 elementor-widget elementor-widget-image\" data-id=\"aa0b9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-2-1024x768.jpg\" class=\"attachment-large size-large wp-image-716\" alt=\"facebook manual mockup 2\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-2-1024x768.jpg 1024w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-2-300x225.jpg 300w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-2-768x576.jpg 768w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-2-1536x1152.jpg 1536w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-2-2048x1536.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff327f7 elementor-widget elementor-widget-image\" data-id=\"ff327f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-3-1024x768.jpg\" class=\"attachment-large size-large wp-image-718\" alt=\"facebook manual mockup 3\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-3-1024x768.jpg 1024w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-3-300x225.jpg 300w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-3-768x576.jpg 768w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-3-1536x1152.jpg 1536w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-3-2048x1536.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-622aad9 elementor-widget elementor-widget-image\" data-id=\"622aad9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-4-1024x768.jpg\" class=\"attachment-large size-large wp-image-719\" alt=\"facebook manual mockup 4\" srcset=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-4-1024x768.jpg 1024w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-4-300x225.jpg 300w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-4-768x576.jpg 768w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-4-1536x1152.jpg 1536w, https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-4-2048x1536.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e996097 e-flex e-con-boxed e-con e-parent\" data-id=\"e996097\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d417900 elementor-widget elementor-widget-spacer\" data-id=\"d417900\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ce880 elementor-widget elementor-widget-text-editor\" data-id=\"87ce880\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wanna see how I turned this project into an eBook?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-055046f elementor-align-center elementor-widget elementor-widget-button\" data-id=\"055046f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/2024\/12\/09\/ebook\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b879f7 elementor-widget elementor-widget-spacer\" data-id=\"8b879f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Facebook Instruction Manual For this project in Publication Design I (Semester 3), I created a Facebook Instructions Manual using Adobe InDesign. The goal was to design a clean and functional guide that walked users through the process of setting up and optimizing a Facebook Business Page. I wanted the manual to be approachable but also [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":715,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[18],"class_list":["post-453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-print-portfolio","tag-semester-3"],"jetpack_featured_media_url":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/facebookmanual-mockup-1-scaled.jpg","_links":{"self":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":5,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/453\/revisions"}],"predecessor-version":[{"id":1257,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/posts\/453\/revisions\/1257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media\/715"}],"wp:attachment":[{"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/categories?post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jana-skarpas.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/tags?post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}