{"id":11028,"date":"2017-05-05T12:41:09","date_gmt":"2017-05-05T12:41:09","guid":{"rendered":"https:\/\/www.process.st\/templates\/header-design-process\/"},"modified":"2024-02-28T19:48:48","modified_gmt":"2024-02-28T19:48:48","slug":"header-design-process","status":"publish","type":"post","link":"https:\/\/www.process.st\/templates\/header-design-process\/","title":{"rendered":"Header Design Process"},"content":{"rendered":"<section id=\"introduction-to-header-design\">\n<h2> Introduction to Header Design <\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/kvGQecKphQHV9kO01uBFMQ.png\" alt=\"Header Design\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/kvGQecKphQHV9kO01uBFMQ.png\" \/> <\/a><figcaption>\n     Header Design<br \/>\n   <\/figcaption><\/figure>\n<\/p><\/div>\n<div class=\"text-content\">\n<p>This Header Design Process checklist is engineered to help guide you through the steps of overhauling the header on your website and doing so in a customer <a href=\"https:\/\/www.process.st\/website-launch-checklist\/\" rel=\"nofollow noopener\" target=\"_blank\">conversion<\/a> focused manner.&nbsp;<\/p>\n<p>The website header is often the <strong>first thing a customer sees when they come onto your site<\/strong>.&nbsp;<\/p>\n<p>What colors have you used, what text or icon jumps out, and what options does the user have to navigate to next?<\/p>\n<p>These are all important considerations when developing a <a href=\"http:\/\/www.arttia.co.uk\/blog\/just-launched-your-new-website-heres-what-you-need-to-do-now\/\" rel=\"nofollow noopener\" target=\"_blank\">new website<\/a> header.&nbsp;<\/p>\n<p>As you work through this checklist, you will find<strong> form fields which will help you record your research and document your process<\/strong>. You can edit this template at any time to tailor it to your process, or to optimize and improve it after you have completed the process.&nbsp;<\/p>\n<p><strong>Check out the video below<\/strong> for some inspiration for your website header design.<\/p>\n<\/p><\/div>\n<div class=\"video-content\">\n<div class=\"iframe-container\">\n   <iframe src=\"https:\/\/www.youtube.com\/embed\/eDFU42C2b4k?modestbranding=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"true\"> <\/iframe>\n  <\/div>\n<div class=\"description\">\n    How to Design Cool Website Header in Photoshop - Web Design Tutorials\n  <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"determine-what-needs-to-be-included\">\n<h2> Determine what needs to be included <\/h2>\n<div class=\"text-content\">\n<p>As the first step, consider all the different elements which could be included in a website header. We've listed a selection of potential items in the subchecklist below.&nbsp;<\/p>\n<p>Go through the checklist and <strong>tick off the items which are crucial to include<\/strong> on your website header.<\/p>\n<\/p><\/div>\n<div class=\"multi-select-content form-field-content\">\n<ul class=\"items\">\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       1\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Logo\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       2\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Tagline\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       3\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Corporate colors\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       4\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Links to broad categories of content\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       5\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Links to social media\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       6\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Language choice\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       7\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Search field\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       8\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Subscription field\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       9\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Login\n    <\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       10\n     <\/div>\n<\/p><\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/p><\/div>\n<div class=\"item-name-static\">\n      Call to actions\n    <\/div>\n<\/li>\n<\/ul><\/div>\n<div class=\"text-content\">\n<p>Different websites will require different elements depending on their purpose. The <a href=\"https:\/\/www.process.st\" rel=\"nofollow noopener\" target=\"_blank\">Process Street<\/a> homepage has a very minimalist website header.&nbsp;<\/p>\n<\/p><\/div>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/p53n2Pp7l-lJu4fZ_uZN6A.png\" alt=\"Determine what needs to be included\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/p53n2Pp7l-lJu4fZ_uZN6A.png\" \/> <\/a><br \/>\n  <\/figure>\n<\/p><\/div>\n<div class=\"text-content\">\n<p>Whereas, an e-commerce outlet like Topman takes a very different approach.<\/p>\n<\/p><\/div>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/o7A8EjP365ckJgNw0sdEUA.png\" alt=\"Determine what needs to be included\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/o7A8EjP365ckJgNw0sdEUA.png\" \/> <\/a><br \/>\n  <\/figure>\n<\/p><\/div>\n<\/section>\n<section id=\"review-other-competitors-websites\">\n<h2> Review other competitors' websites <\/h2>\n<div class=\"text-content\">\n<p>To help provide you with inspiration for how best to structure and design your website header, you will need to <strong>do some market research<\/strong>.&nbsp;<\/p>\n<p>The first step is to look at either your competitors or other websites which provide a similarly structured service.&nbsp;<\/p>\n<p>This helps you understand what your users are likely experiencing on other websites. <a href=\"http:\/\/infinvision.com\/familiarity-in-user-experience\/\" rel=\"nofollow noopener\" target=\"_blank\">Familiarity in design<\/a> can be a very useful tool to simplify user journeys.<\/p>\n<p><strong>Record 5 similar websites in the form fields below.<\/strong><\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"review-inspiration-websites\">\n<h2> Review inspiration websites <\/h2>\n<div class=\"text-content\">\n<p>This second researching step allows you to <strong>be a little more creative<\/strong>.&nbsp;<\/p>\n<p>Your competitors' structures may not fit with your <a href=\"https:\/\/www.process.st\/templates\/brand-identity\" rel=\"nofollow noopener\" target=\"_blank\">Brand Identity<\/a> or may not be optimized as well as they could be.<\/p>\n<p>Find 5 websites which you like. This is a subjective experience, but if you find them easy to navigate while also being stylish then there is a high likelihood others may feel the same.&nbsp;<\/p>\n<p><strong>Record the 5 inspiration websites in the form fields below.<\/strong><\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"determine-visitors-priorities-on-your-site\">\n<h2> Determine visitors' priorities on your site <\/h2>\n<div class=\"text-content\">\n<p>You can use our <a href=\"https:\/\/www.process.st\/templates\/ux-design-process\" rel=\"nofollow noopener\" target=\"_blank\">UX Design Process<\/a> checklist in order to help you fully understand and tackle user experience on your website.&nbsp;<\/p>\n<p>Alternatively, you can <strong>formulate a series of questions about how users interact with your website<\/strong> and gather the research in this more simple manner.&nbsp;<\/p>\n<p><strong>Potential questions could include<\/strong>:<\/p>\n<ul>\n<li>For what purpose do you normally use our website?<\/li>\n<li>What difficulties do you have when navigating our website?<\/li>\n<li>How clearly do you feel the categories help you understand the content they contain?<\/li>\n<\/ul>\n<p><strong>Use the email widget to send out questionnaires<\/strong>&nbsp;to some existing users about their experience on the site.&nbsp;<\/p>\n<\/p><\/div>\n<div class=\"text-content\">\n<p>Alternatively, you could create what we at Process Street call the &quot;<a href=\"https:\/\/www.process.st\/help\/docs\/checklist-run-link\/\" rel=\"nofollow noopener\" target=\"_blank\">run link<\/a>&quot; to run your research.<\/p>\n<p>The run link is a link which <strong>when clicked automatically runs a new checklist from a predetermined template<\/strong>.&nbsp;<\/p>\n<p>The end result would be that all the information gathered from all the interviews is stored in the <a href=\"https:\/\/www.process.st\/help\/docs\/template-overview\/\" rel=\"nofollow noopener\" target=\"_blank\">overview tab<\/a> of the new template you create.<\/p>\n<p>To allow anyone to fill in a checklist in the form of a survey, when you choose the option to create the run link, select &quot;<strong>Anyone can create a new checklist<\/strong>&quot; as shown below:<\/p>\n<\/p><\/div>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/hQabPVc6kEUt1bScwjpDkQ.png\" alt=\"Determine visitors' priorities on your site\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/hQabPVc6kEUt1bScwjpDkQ.png\" \/> <\/a><br \/>\n  <\/figure>\n<\/p><\/div>\n<div class=\"text-content\">\n<p>Then you can send anyone the run link and have them complete the questionnaire.<\/p>\n<p><strong>This will result in all your information being stored in one place.<\/strong> &nbsp;<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"create-two-or-more-landing-pages-with-different-headers\">\n<h2> Create two or more landing pages with different headers <\/h2>\n<div class=\"text-content\">\n<p>Your header is a central part of your website so it may appear harder to test than other smaller superficial changes.&nbsp;<\/p>\n<p>One option you have available to you is to <strong>create alternative landing pages with differently structured headers<\/strong>. With these landing pages active, you can begin to find out how users interact with them and understand what works and what doesn't.<\/p>\n<p>Effective user research should never stop at the point of feedback. Assessing users' <a href=\"http:\/\/www.uxbooth.com\/articles\/bridging-the-gap-between-actual-and-reported-behavior\/\" rel=\"nofollow noopener\" target=\"_blank\">behavior is arguably more important<\/a> than their opinions.&nbsp;<\/p>\n<p>As Henry Ford famously said, if he had asked his customers what they'd wanted he would have built a faster horse.&nbsp;<\/p>\n<p>Depending on your resources, there are some <strong>simple tools to very quickly create landing pages<\/strong> including <a href=\"https:\/\/www.leadpages.net\/\" rel=\"nofollow noopener\" target=\"_blank\">LeadPages<\/a>. Using third party services like these can also help you iterate quickly.&nbsp;<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"run-an-ab-campaign-with-these-landing-pages\">\n<h2> Run an A\/B campaign with these landing pages <\/h2>\n<div class=\"text-content\">\n<p>You have different options when approaching testing your website header in the wild.&nbsp;<\/p>\n<p>You could find a testing group and <strong>perform your research in a more qualitative way<\/strong>. You could sit with your testers and set them tasks to navigate through your website using one of the different header iterations. You can segment your testers and give them different headers to interact with depending on what group you have put them into. Then you can monitor your testers and see how each header version performs.&nbsp;<\/p>\n<p>Alternatively, if you have money to invest, you could create an<strong> advertising campaign which directs people to one of your landing pages<\/strong>. You can then see how many people click through or navigate to a product they may want to buy. This can give you larger scale data from users who don't feel like they are being monitored.<\/p>\n<p>With both of these methods, you would be employing <a href=\"https:\/\/www.optimizely.com\/ab-testing\/\" rel=\"nofollow noopener\" target=\"_blank\">A\/B Testing<\/a> which lets you compare the performance of different iterations of the same product in order to determine which performs best.&nbsp;<\/p>\n<p><strong>Upload the results of your testing below.<\/strong><\/p>\n<\/p><\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Testing results <\/label> <\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"disabled\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button>\n   <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"implement-your-header-and-continue-testing\">\n<h2> Implement your header and continue testing <\/h2>\n<div class=\"text-content\">\n<p>Now that you know which header performs best and fits in with your branding style, you can <strong>implement it and make it live.<\/strong>&nbsp;<\/p>\n<p>Finished. Job done.&nbsp;<\/p>\n<p>Well, not quite. It is important to <strong>continually test the performance of your website<\/strong> and how users interact with it.&nbsp;<\/p>\n<p>Here is a list of tools you should consider investigating to find out which might help you optimize your website further in future:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.optimizely.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Optimizely<\/a><\/li>\n<li><a href=\"https:\/\/vwo.com\/\" rel=\"nofollow noopener\" target=\"_blank\">VWO - Visual Website Optimizer<\/a><\/li>\n<li><a href=\"https:\/\/www.kissmetrics.com\/\" rel=\"nofollow noopener\" target=\"_blank\">KissMetrics<\/a><\/li>\n<li><a href=\"https:\/\/www.crazyegg.com\/\" rel=\"nofollow noopener\" target=\"_blank\">CrazyEgg<\/a><\/li>\n<li><a href=\"http:\/\/www.luckyorange.com\/\" rel=\"nofollow noopener\" target=\"_blank\">LuckyOrange<\/a><\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"related-checklists\">\n<h2> Related Checklists: <\/h2>\n<div class=\"text-content\">\n<ul>\n<li><a href=\"https:\/\/www.process.st\/templates\/web-design-process\" rel=\"nofollow\">Web Design Process<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/templates\/ux-design-process\" rel=\"nofollow\">UX Design Process<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/templates\/brand-identity-design\" rel=\"nofollow\">Brand Identity Design<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/templates\/header-design-process\" rel=\"nofollow\">Header Design<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/templates\/engineering-design-process\" rel=\"nofollow\">Engineering Design Process<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/templates\/graphic-design-process\" rel=\"nofollow\">Graphic Design Process<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/templates\/logo-design-process\" rel=\"nofollow\">Logo Design Process<\/a><\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"sources\">\n<h2> Sources: <\/h2>\n<div class=\"text-content\">\n<ul>\n<li><a href=\"http:\/\/www.topdesignmag.com\/55-awesome-website-headers-for-your-inspiration\/\" rel=\"nofollow noopener\" target=\"_blank\">55 Awesome Website Headers For Your Inspiration | Top Design<\/a><\/li>\n<li><a href=\"http:\/\/www.bourncreative.com\/how-to-design-a-website-header\/\" rel=\"nofollow noopener\" target=\"_blank\">How to Design a Website Header &amp; What To Put In a Website Header<\/a><\/li>\n<li><a href=\"http:\/\/blog.usabilla.com\/how-to-design-a-more-effective-website-header\/\" rel=\"nofollow noopener\" target=\"_blank\">How To Design A More Effective Website Header - Usabilla Blog<\/a><\/li>\n<li><a href=\"https:\/\/webdesignledger.com\/large-website-headers\" rel=\"nofollow noopener\" target=\"_blank\">Clean UI Trends for Large Website Headers - Web Design Ledger<\/a><\/li>\n<li><a href=\"https:\/\/www.crazyegg.com\/blog\/designing-website-header-image\/\" rel=\"nofollow noopener\" target=\"_blank\">Designing A Website Header Image | Elements To Consider - Crazy Egg<\/a><\/li>\n<li><a href=\"http:\/\/www.designyourway.net\/drb\/30-interesting-examples-of-headers-in-web-design\/\" rel=\"nofollow noopener\" target=\"_blank\">Website Header Design: 44 Cool Examples of Headers - Design Your Way<\/a><\/li>\n<\/ul><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Introduction to Header Design Header Design This Header Design Process checklist is engineered to help guide you through the steps of overhauling the header on your website and doing so in a customer conversion focused manner.&nbsp; The website header is often the first thing a customer sees when they come onto your site.&nbsp; What colors [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":11029,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"cover_icon_emoji":"","cover_icon_url":"","tasks_count":"10","template_description":"Run this header design checklist when you're designing a website header and navigation for your site.","template_id":"kuSB_fKUma2qZxQSNT9LWw","task_0":"Introduction to Header Design","task_slug_0":"introduction-to-header-design","task_1":"Determine what needs to be included","task_slug_1":"determine-what-needs-to-be-included","task_2":"Review other competitors' websites","task_slug_2":"review-other-competitors-websites","task_3":"Review inspiration websites","task_slug_3":"review-inspiration-websites","task_4":"Determine visitors' priorities on your site","task_slug_4":"determine-visitors-priorities-on-your-site","task_5":"Create two or more landing pages with different headers","task_slug_5":"create-two-or-more-landing-pages-with-different-headers","task_6":"Run an A\/B campaign with these landing pages","task_slug_6":"run-an-ab-campaign-with-these-landing-pages","task_7":"Implement your header and continue testing","task_slug_7":"implement-your-header-and-continue-testing","task_8":"Related Checklists:","task_slug_8":"related-checklists","task_9":"Sources:","task_slug_9":"sources","task_10":"","task_slug_10":"","task_11":"","task_slug_11":"","task_12":"","task_slug_12":"","task_13":"","task_slug_13":"","task_14":"","task_slug_14":"","task_15":"","task_slug_15":"","task_16":"","task_slug_16":"","task_17":"","task_slug_17":"","task_18":"","task_slug_18":"","task_19":"","task_slug_19":"","task_20":"","task_slug_20":"","task_21":"","task_slug_21":"","task_22":"","task_slug_22":"","task_23":"","task_slug_23":"","task_24":"","task_slug_24":"","task_25":"","task_slug_25":"","task_26":"","task_slug_26":"","task_27":"","task_slug_27":"","task_28":"","task_slug_28":"","task_29":"","task_slug_29":"","task_30":"","task_slug_30":"","task_31":"","task_slug_31":"","task_32":"","task_slug_32":"","task_33":"","task_slug_33":"","task_34":"","task_slug_34":"","task_35":"","task_slug_35":"","task_36":"","task_slug_36":"","task_37":"","task_slug_37":"","task_38":"","task_slug_38":"","task_39":"","task_slug_39":"","task_40":"","task_slug_40":"","task_41":"","task_slug_41":"","task_42":"","task_slug_42":"","task_43":"","task_slug_43":"","task_44":"","task_slug_44":"","task_45":"","task_slug_45":"","task_46":"","task_slug_46":"","task_47":"","task_slug_47":"","task_48":"","task_slug_48":"","task_49":"","task_slug_49":"","task_50":"","task_slug_50":"","task_51":"","task_slug_51":"","task_52":"","task_slug_52":"","task_53":"","task_slug_53":"","task_54":"","task_slug_54":"","task_55":"","task_slug_55":"","task_56":"","task_slug_56":"","task_57":"","task_slug_57":"","task_58":"","task_slug_58":"","task_59":"","task_slug_59":"","task_60":"","task_slug_60":"","task_61":"","task_slug_61":"","task_62":"","task_slug_62":"","task_63":"","task_slug_63":"","task_64":"","task_slug_64":"","task_65":"","task_slug_65":"","task_66":"","task_slug_66":"","task_67":"","task_slug_67":"","task_68":"","task_slug_68":"","task_69":"","task_slug_69":"","task_70":"","task_slug_70":"","task_71":"","task_slug_71":"","task_72":"","task_slug_72":"","task_73":"","task_slug_73":"","task_74":"","task_slug_74":"","task_75":"","task_slug_75":"","task_76":"","task_slug_76":"","task_77":"","task_slug_77":"","task_78":"","task_slug_78":"","task_79":"","task_slug_79":"","task_80":"","task_slug_80":"","task_81":"","task_slug_81":"","task_82":"","task_slug_82":"","task_83":"","task_slug_83":"","task_84":"","task_slug_84":"","task_85":"","task_slug_85":"","task_86":"","task_slug_86":"","task_87":"","task_slug_87":"","task_88":"","task_slug_88":"","task_89":"","task_slug_89":"","task_90":"","task_slug_90":"","task_91":"","task_slug_91":"","task_92":"","task_slug_92":"","task_93":"","task_slug_93":"","task_94":"","task_slug_94":"","task_95":"","task_slug_95":"","task_96":"","task_slug_96":"","task_97":"","task_slug_97":"","task_98":"","task_slug_98":"","task_99":"","task_slug_99":"","footnotes":""},"categories":[40],"tags":[],"class_list":["post-11028","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/11028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/comments?post=11028"}],"version-history":[{"count":0,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/11028\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media\/11029"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media?parent=11028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/categories?post=11028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/tags?post=11028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}