{"id":6900,"date":"2019-01-17T07:04:51","date_gmt":"2019-01-17T05:04:51","guid":{"rendered":"https:\/\/blog.teamweek.com\/?p=6900"},"modified":"2024-06-15T07:41:09","modified_gmt":"2024-06-15T07:41:09","slug":"deliverables-for-a-web-designer","status":"publish","type":"post","link":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer","title":{"rendered":"Deliverables: Everything a Web Designer Needs to Know"},"content":{"rendered":"\n<p>When you sign up for a project, you\u2019ve essentially promised to \u201cdeliver\u201d a product to the client at the end of the process. The end product is the deliverable. <br><\/p>\n\n\n\n<p>Deliverables can be something as massive and tangible as a department store, or something as small as a single page document. A deliverable can even be a service. For example, teaching a class on programming could be a deliverable for a teacher. Deliverables are the goods or services that deem the project as complete.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"internal-vs-external-deliverables\">Internal vs external deliverables<\/h2>\n\n\n\n<p>There are two categories that you can put deliverables into: internal and external. Internal deliverables do not relate directly to a client, but still help the business stay afloat. A few great examples of internal deliverables would be doing taxes, filing company documents, and keeping track of accounts.<br><\/p>\n\n\n\n<p>An external deliverable is any work that needs to be done to meet the needs of a client. External deliverables are typically what people think about when they hear the word deliverable, and always involve a full project. A few good examples of external deliverables are prototype apps, a logo outline for a new brand, or a blueprint for a new office space.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2018\/12\/christopher-gower-291246-unsplash-1-2800x1864.jpg\" alt=\"deliverables for web designers\" class=\"wp-image-6905\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"examples-of-deliverables-in-web-design\">Examples of deliverables in web design<\/h2>\n\n\n\n<p>Web design can have many deliverables in one given project. In web design, deliverables refer to the items needed to document the different phases of the design process. As you can imagine, deliverables vary from project to project, but typically the deliverables serve to document the most significant steps in the web design process.<br><\/p>\n\n\n\n<p>There are typically four&nbsp;<a rel=\"noreferrer noopener\" aria-label=\"In short, there are roughly 4 deliverables in web design. Each one represents a major element of the design process. \n (opens in a new tab)\" href=\"https:\/\/webdesign.tutsplus.com\/articles\/what-exactly-is-a-deliverable--cms-28819\" target=\"_blank\">deliverables in web design<\/a>. Each one represents a major element of the <a href=\"https:\/\/pixetic.com\/blog\/ux-ui-design-process\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"design process (opens in a new tab)\">design process<\/a>. <br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Creative brief<\/li><\/ul>\n\n\n\n<p>A creative brief serves as an overview of the entire project. It includes all the information you need to complete the project including goals, objectives, audience, and scope.<br><\/p>\n\n\n\n<p>There are a <a rel=\"noreferrer noopener\" aria-label=\"There are a number of places you can get your hands on templates for creative briefs. They don\u2019t have to be fancy, but they need to be informative. Your client should have all of their questions answered. The creative brief serves as a blueprint for both yourself and your client to refer to. For such a simple concept, it holds a lot of power, that\u2019s why you need to get it right. Be clear and concise. Don\u2019t add too much irrelevant information, and be sure to hit all the major points of the project. \n (opens in a new tab)\" href=\"http:\/\/templatelab.com\/creative-brief\/\" target=\"_blank\">number of places<\/a> you can get your hands on templates for creative briefs. They don\u2019t have to be fancy, but they need to be informative. Your client should have all of their questions answered. The creative brief serves as a blueprint for both yourself and your client to refer to. For such a simple concept, it holds a lot of power, which is why you need to get it right. Be clear and concise. Don\u2019t add too much irrelevant information, and be sure to hit all the major points of the project. <br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Wireframes<\/li><\/ul>\n\n\n\n<p>Wireframes are the outline of the website. Think of them as the skeleton that holds up the entire website. They allow you to display the final navigation for the website without it being completely built. Many designers even add a few pieces of content so that the client can better see how it will look when complete. Luckily, there are some really <a href=\"https:\/\/mockflow.com\/\" target=\"_blank\">helpf<\/a><a href=\"https:\/\/mockflow.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Wireframes are the outline of the website. Think of them as the skeleton that holds up the entire website. They allow you to display the final navigation for the website without it being completely built. Many designers even add a few pieces of content so that the client can better see how it will look when complete. Luckily, there are some really helpful tools online to help you through this process. \n (opens in a new tab)\">u<\/a><a href=\"https:\/\/mockflow.com\/\" target=\"_blank\">l tools online<\/a> to help you through this process. <br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2018\/12\/new-data-services-746321-unsplash-1-2800x1867.jpg\" alt=\"\" class=\"wp-image-6907\"\/><\/figure>\n\n\n\n<p>The reason this step is so important is because you can space out the contents of the webpage and get a good idea of how to optimize your space. Using a decent online wireframe tool allows you to present the layout of the website to the client. If they don\u2019t like it, or they want some details to be changed, you can simply edit the wireframe. Once a final design is agreed upon, you can begin to mockup the entire website.<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mockups<\/li><\/ul>\n\n\n\n<p>The mockup is the leg of the process where the work really begins. Now, you\u2019ll have to start adding the major details like colors, typography, and images so that the client can give feedback. <br><\/p>\n\n\n\n<p>For a website, it is absolutely essential that you get the UI right. Otherwise, people will be turned off by the lack of functionality and interaction. This is an important step in the process, so you should spend plenty of time on it. <a href=\"https:\/\/www.axure.com\/a\/ui-mockup-tool?gclid=Cj0KCQiArqPgBRCRARIsAPwlHoXWG8z2-QtZziscSFB_NBoLssfZbEZADabS77b1oExr0lORGwujUx0aArJ-EALw_wcB\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"For a website, it is absolutely essential that you get the UI right. Otherwise, people will be turned off by the lack of functionality and interaction. This is an important step in the process, so you should spend plenty of time on it. UI mockup tools are a great online resource and should definitely be exploited. Do some research and use the one that\u2019s right for you.\n (opens in a new tab)\">UI mockup tools<\/a> are a great online resource and should definitely be exploited. Do some research and use the one that\u2019s right for you.<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The final prototype<\/li><\/ul>\n\n\n\n<p>The final prototype is the collaboration of all your efforts put into a final version of the product. This is typically where the client will get the full feel of the website. Once everything is running properly and the website gets the approval of the client, it\u2019s ready to be launched.<br><\/p>\n\n\n\n<p>Each deliverable above serves as a stepping stone to the other. You cannot complete a step without first meeting the requirements for the step before.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2018\/12\/le-buzz-568591-unsplash-1-2800x1867.jpg\" alt=\"\" class=\"wp-image-6908\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"milestones-vs-deliverables\">Milestones vs deliverables<\/h2>\n\n\n\n<p>It\u2019s important to define deliverables up-front so that they won\u2019t get confused for <a href=\"https:\/\/www.thebalancecareers.com\/what-is-a-project-milestone-3990338\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"It\u2019s important to define deliverables up-front so that they won\u2019t get confused for milestones. While you can use milestones to mark important dates when deliverables are required, they are two separate things. Milestones can be inserted at any point in the project, and typically don\u2019t have any sort of impact on the objectives of the project. They exist only to serve as checkpoints. \n (opens in a new tab)\">milestones<\/a>. While you can use milestones to mark important dates when deliverables are required, they are two separate things. Milestones can be inserted at any point in the project, and typically don\u2019t have any sort of impact on the objectives of the project. They exist only to serve as checkpoints. <br><\/p>\n\n\n\n<p>Almost every project includes at least <a href=\"https:\/\/toggl.com\/blog\/project-milestones-examples\" target=\"_blank\" rel=\"noreferrer noopener\">a milestone or two<\/a>. Milestones are used to break projects down into steps. Once they are broken down, each step becomes much more manageable for all the stakeholders involved. <br><\/p>\n\n\n\n<p>In web design, a milestone could be the date the wireframe should be ready to present, or the day the website finally goes live. A milestone can be any date within the timeline, so make sure you give yourself plenty of time to meet the standards of your client. Realistically work your milestones into the timeline you\u2019re given. <br><\/p>\n\n\n\n<p>Milestone features like the one <a href=\"https:\/\/toggl.com\/plan\/index\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Toggl Plan<\/a> offers are a great way to mark the due dates for your deliverables.<br><\/p>\n\n\n\n<p>You can even use Toggl Plan\u2019s milestone feature to break up the requirements for deliverables. For example, using web design again, the final prototype contains many variables. Each one of these variables could have a different due date leading up to the completion of the final product.<br><\/p>\n\n\n\n<p><a href=\"https:\/\/toggl.com\/blog\/project-milestones-examples\" target=\"_blank\" rel=\"noreferrer noopener\">Milestones are important<\/a> for deliverables because they help teams prepare in advance for the work that\u2019s ahead of them. If you set a milestone to mark a date that a deliverable is due in Toggl Plan, your whole team will be able to see it clearly. It takes away the possibility to be caught off guard. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-1024x444.png\" alt=\"\" class=\"wp-image-18657\" srcset=\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-1024x444.png 1024w, https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-300x130.png 300w, https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-768x333.png 768w, https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-1536x666.png 1536w, https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-2048x888.png 2048w, https:\/\/toggl.com\/blog\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-25-at-12.25.22-PM-940x408.png 940w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Milestones also provide a sense of transparency for your client. You can give your clients permission in Toggl Plan to view all your plans. If they can see what you&#8217;re up to, and when deliverables are due, they won\u2019t be caught off guard, either.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-manage-project-deliverables\">How to manage project deliverables<\/h2>\n\n\n\n<p>For such a simple concept, there\u2019s a lot of information behind deliverables. However, there are a few tips that will make managing deliverables a lot easier:<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Define all the deliverables before the work begins. If you add deliverables to the project after it has begun, you can drastically change the scope and budget of the project.<\/li><li>Be thorough in your research when gathering the requirements for deliverables. The more you understand, the better off stakeholders will be.<\/li><li>Involve stakeholders in the kickoff meeting so that you can get input on the deliverables.<\/li><li>Separate deliverables into distinct categories so that you can keep better track of them. <\/li><li>Assign deadlines or milestones to each deliverable to track them better.<\/li><li>Use a tool like Toggl Plan to help you track and complete each deliverable on time.<\/li><\/ul>\n\n\n\n<p>The best way to help manage your deliverables is to use a tool that makes it easier. Teamweek is not only a great way to keep track of your deliverables and project progression, but also a great way to manage projects and teams in general. <br><\/p>\n\n\n\n<p>As a project manager, you\u2019ll learn in time how to best manage deliverables. Everyone has their own style, and managing deliverables is no exception. It all boils down to your experience, capabilities, and the capabilities of your team. <\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you sign up for a project, you\u2019ve essentially promised to \u201cdeliver\u201d a product to the client at the end of the process. The end&#8230;<\/p>\n","protected":false},"author":595,"featured_media":6906,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[851],"tags":[],"class_list":["post-6900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-project-management"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Deliverables: Everything a Web Designer Needs to Know<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deliverables: Everything a Web Designer Needs to Know\" \/>\n<meta property=\"og:url\" content=\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\" \/>\n<meta property=\"og:site_name\" content=\"Toggl Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Toggl\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-17T05:04:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-15T07:41:09+00:00\" \/>\n<meta name=\"author\" content=\"Zach McDaniel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@toggl\" \/>\n<meta name=\"twitter:site\" content=\"@toggl\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zach McDaniel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#article\",\"isPartOf\":{\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\"},\"author\":{\"name\":\"Zach McDaniel\",\"@id\":\"https:\/\/toggl.com\/blog\/#\/schema\/person\/15a7eed303902642be431b74a649baf0\"},\"headline\":\"Deliverables: Everything a Web Designer Needs to Know\",\"datePublished\":\"2019-01-17T05:04:51+00:00\",\"dateModified\":\"2024-06-15T07:41:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\"},\"wordCount\":1310,\"publisher\":{\"@id\":\"https:\/\/toggl.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Project Management\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\",\"url\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\",\"name\":\"Deliverables: Everything a Web Designer Needs to Know\",\"isPartOf\":{\"@id\":\"https:\/\/toggl.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage\"},\"image\":{\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-01-17T05:04:51+00:00\",\"dateModified\":\"2024-06-15T07:41:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/toggl.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Deliverables: Everything a Web Designer Needs to Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/toggl.com\/blog\/#website\",\"url\":\"https:\/\/toggl.com\/blog\/\",\"name\":\"Toggl Blog\",\"description\":\"Everything works much better with Toggl\",\"publisher\":{\"@id\":\"https:\/\/toggl.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/toggl.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/toggl.com\/blog\/#organization\",\"name\":\"Toggl\",\"url\":\"https:\/\/toggl.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/toggl.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2022\/10\/toggl-logo.png\",\"contentUrl\":\"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2022\/10\/toggl-logo.png\",\"width\":814,\"height\":814,\"caption\":\"Toggl\"},\"image\":{\"@id\":\"https:\/\/toggl.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Toggl\/\",\"https:\/\/x.com\/toggl\",\"https:\/\/www.instagram.com\/usetoggl\/\",\"https:\/\/www.linkedin.com\/company\/toggl\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/toggl.com\/blog\/#\/schema\/person\/15a7eed303902642be431b74a649baf0\",\"name\":\"Zach McDaniel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3a2106759f98bbc68dbd1513a5a086dfa6bb821d15c1e8230a443dda1c24375f?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3a2106759f98bbc68dbd1513a5a086dfa6bb821d15c1e8230a443dda1c24375f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3a2106759f98bbc68dbd1513a5a086dfa6bb821d15c1e8230a443dda1c24375f?s=96&d=mm&r=g\",\"caption\":\"Zach McDaniel\"},\"description\":\"Like many other people, Zach McDaniel gained his knowledge of management and project management through research and necessity. He believes that the most interesting thing about project management, management, and productivity is that there are so many different strategies, so there\u2019s always something new to learn and share.\",\"url\":\"https:\/\/toggl.com\/blog\/author\/zach-mcdaniel\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Deliverables: Everything a Web Designer Needs to Know","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer","og_locale":"en_US","og_type":"article","og_title":"Deliverables: Everything a Web Designer Needs to Know","og_url":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer","og_site_name":"Toggl Blog","article_publisher":"https:\/\/www.facebook.com\/Toggl\/","article_published_time":"2019-01-17T05:04:51+00:00","article_modified_time":"2024-06-15T07:41:09+00:00","author":"Zach McDaniel","twitter_card":"summary_large_image","twitter_creator":"@toggl","twitter_site":"@toggl","twitter_misc":{"Written by":"Zach McDaniel","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#article","isPartOf":{"@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer"},"author":{"name":"Zach McDaniel","@id":"https:\/\/toggl.com\/blog\/#\/schema\/person\/15a7eed303902642be431b74a649baf0"},"headline":"Deliverables: Everything a Web Designer Needs to Know","datePublished":"2019-01-17T05:04:51+00:00","dateModified":"2024-06-15T07:41:09+00:00","mainEntityOfPage":{"@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer"},"wordCount":1310,"publisher":{"@id":"https:\/\/toggl.com\/blog\/#organization"},"image":{"@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage"},"thumbnailUrl":"","articleSection":["Project Management"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer","url":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer","name":"Deliverables: Everything a Web Designer Needs to Know","isPartOf":{"@id":"https:\/\/toggl.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage"},"image":{"@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage"},"thumbnailUrl":"","datePublished":"2019-01-17T05:04:51+00:00","dateModified":"2024-06-15T07:41:09+00:00","breadcrumb":{"@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/toggl.com\/blog\/deliverables-for-a-web-designer#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/toggl.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Deliverables: Everything a Web Designer Needs to Know"}]},{"@type":"WebSite","@id":"https:\/\/toggl.com\/blog\/#website","url":"https:\/\/toggl.com\/blog\/","name":"Toggl Blog","description":"Everything works much better with Toggl","publisher":{"@id":"https:\/\/toggl.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/toggl.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/toggl.com\/blog\/#organization","name":"Toggl","url":"https:\/\/toggl.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/toggl.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2022\/10\/toggl-logo.png","contentUrl":"https:\/\/toggl.com\/blog\/wp-content\/uploads\/2022\/10\/toggl-logo.png","width":814,"height":814,"caption":"Toggl"},"image":{"@id":"https:\/\/toggl.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Toggl\/","https:\/\/x.com\/toggl","https:\/\/www.instagram.com\/usetoggl\/","https:\/\/www.linkedin.com\/company\/toggl"]},{"@type":"Person","@id":"https:\/\/toggl.com\/blog\/#\/schema\/person\/15a7eed303902642be431b74a649baf0","name":"Zach McDaniel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3a2106759f98bbc68dbd1513a5a086dfa6bb821d15c1e8230a443dda1c24375f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3a2106759f98bbc68dbd1513a5a086dfa6bb821d15c1e8230a443dda1c24375f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3a2106759f98bbc68dbd1513a5a086dfa6bb821d15c1e8230a443dda1c24375f?s=96&d=mm&r=g","caption":"Zach McDaniel"},"description":"Like many other people, Zach McDaniel gained his knowledge of management and project management through research and necessity. He believes that the most interesting thing about project management, management, and productivity is that there are so many different strategies, so there\u2019s always something new to learn and share.","url":"https:\/\/toggl.com\/blog\/author\/zach-mcdaniel"}]}},"_links":{"self":[{"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/posts\/6900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/users\/595"}],"replies":[{"embeddable":true,"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/comments?post=6900"}],"version-history":[{"count":6,"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/posts\/6900\/revisions"}],"predecessor-version":[{"id":31985,"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/posts\/6900\/revisions\/31985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toggl.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/media?parent=6900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/categories?post=6900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toggl.com\/blog\/wp-json\/wp\/v2\/tags?post=6900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}