{"id":15264,"date":"2018-11-02T12:23:44","date_gmt":"2018-11-02T12:23:44","guid":{"rendered":"https:\/\/www.process.st\/templates\/blog-image-design-process\/"},"modified":"2024-02-28T21:49:47","modified_gmt":"2024-02-28T21:49:47","slug":"blog-image-design-process","status":"publish","type":"post","link":"https:\/\/www.process.st\/templates\/blog-image-design-process\/","title":{"rendered":"Blog Image Design Process"},"content":{"rendered":"<section id=\"introduction\">\n<h2>Introduction:<\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/sIQeJbs0dQvtTb7ZS21Hyw.png\" alt=\"Introduction:\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/sIQeJbs0dQvtTb7ZS21Hyw.png\"> <\/a><\/figure>\n<\/div>\n<div class=\"text-content\">\n<p>This blog image design process provides the structure to follow to create consistently great images to capture your audience's attention.<\/p>\n<p>Whether this is for your own blog or a design for a client, use this <a href=\"https:\/\/www.process.st\/help\/docs\/templates\/\" rel=\"nofollow noopener\" target=\"_blank\">template<\/a> to stop relying on memory to make sure you get everything done to a high standard. Not to mention that it makes tracking your image design projects easier to manage, collaborate on, and refer back to.<\/p>\n<p>So, what are you waiting for? Let's get started.<\/p>\n<\/div>\n<\/section>\n<section id=\"record-the-images-purpose\">\n<h2>Record the image's purpose<\/h2>\n<div class=\"text-content\">\n<p>Start by recording the purpose of the blog image design in the form field below.<\/p>\n<p>This could be anything from \"it's a header for a blog post\" to \"it's a promotional image\". No matter what it is, it pays to have the purpose set in stone to keep in mind all the way through from creating your initial design ideas to putting in the finishing touches.<\/p>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Blog image design purpose <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<\/section>\n<section id=\"log-any-existing-image-request-details\">\n<h2>Log any existing image request details<\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/itoSEnkyNtrGB-CmTbdN4Q.png\" alt=\"(Source\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/itoSEnkyNtrGB-CmTbdN4Q.png\"> <\/a><figcaption>\n     (Source<br \/>\n<\/figcaption><\/figure>\n<\/div>\n<div class=\"text-content\">\n<p>Next you should take a moment to record any known details about the design in the form field below. This will usually come from the sources of the image request itself.<\/p>\n<p>For example, you may have been told \"I want you to do a header for one of my blog posts about Elon Musk\". This would tell you that it needs to fit the style of their existing, the image will probably need to have something to do with Elon Musk, and you may need room to add in the title.<\/p>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Existing image details <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<\/section>\n<section id=\"check-existing-brand-image-style\">\n<h2>Check existing brand image style<\/h2>\n<div class=\"text-content\">\n<p>Before you start drafting potential designs you need to check and make note of the style of the brand that the image will be published under. Use the form fields below to record any relevant information.<\/p>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Brand colors <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Brand image style <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Brand image tone <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"text-content\">\n<p>If you're using this blog image design process for your own needs this should be easy. However, if you're serving a client's request, take the time to surf their blog and use that to get a feel for their brand identity.<\/p>\n<\/div>\n<\/section>\n<section id=\"find-out-the-desired-size\">\n<h2>Find out the desired size<\/h2>\n<div class=\"text-content\">\n<p>Next, find out the size that your image will need to be and record it in the form field below.<\/p>\n<p>This is best learned by talking to the team running the blog in question, by checking their guest posting guidelines (if you're guest posting) or by checking the typical size of their most recent blog images.<\/p>\n<\/div>\n<div class=\"text-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Ideal image size <\/label><br \/>\n<input type=\"text\" placeholder=\"Something will be typed here...\" disabled=\"\" class=\"form-control\"><\/div>\n<\/div>\n<\/section>\n<section id=\"creating-mockups\">\n<h2>Creating mockups:<\/h2>\n<\/section>\n<section id=\"think-of-three-variations\">\n<h2>Think of three variations<\/h2>\n<div class=\"text-content\">\n<p>It's finally time to start designing the image itself, so begin by thinking of three separate variations which would be suitable. Record descriptions of each using the form fields below.<\/p>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Variation 1 brief <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Variation 2 brief <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Variation 3 brief <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<\/section>\n<section id=\"create-mockups\">\n<h2>Create mockups<\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/jnRY2yRJ-OptjY-zAyJM3A.png\" alt=\"(Source: https:\/\/www.flickr.com\/photos\/dominicspics\/15518466974)\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/jnRY2yRJ-OptjY-zAyJM3A.png\"> <\/a><figcaption>\n     (Source: https:\/\/www.flickr.com\/photos\/dominicspics\/15518466974)<br \/>\n<\/figcaption><\/figure>\n<\/div>\n<div class=\"text-content\">\n<p>Before sending the variations for approval you need to create mockups based on the variations you've just created. Once created, upload these to the form fields below for safe keeping.<\/p>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design mockup 1 <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design mockup 2 <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design mockup 3 <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"text-content\">\n<p>Remember that these are just mockups - they aren't the final design by any stretch of the imagination. They exist to give an idea of what each variation would look like if completed and all whoever is responsible to choose one to carry forwards and complete.<\/p>\n<p>As such, a simple sketch is often enough for a mockup. Try to include elements such as the desired brand colors and style to help envision the final design but don't worry about creating custom elements just yet.<\/p>\n<\/div>\n<\/section>\n<section id=\"send-mockups-for-approval\">\n<h2>Send mockups for approval<\/h2>\n<div class=\"text-content\">\n<p>Next, send your mockups for review and approval and record the response using the form fields below.<\/p>\n<\/div>\n<div class=\"select-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Mockup approval status <\/label><br \/>\n<select disabled=\"\" class=\"form-control\"><option value=\"An option will be selected here\">An option will be selected here<\/option><\/select><\/div>\n<\/div>\n<div class=\"text-content\">\n<p>If any mockups are approved to be taken forwards, move on to the \"Final design\" section of this checklist that appears one the approval has been noted above.<\/p>\n<p>If no mockups were approved but the scope of the project allows for iterations, it should be noted as such in the dropdown above. This will cause the\"Mockup iterations\" tasks to appear, which you should move on to.<\/p>\n<p>If no mockups were approved and the project was closed (eg, the client didn't want to pay for iterations or there wasn't enough time left), record it as such in the dropdown, complete this task, and finish out with the \"record feedback\" task below.<\/p>\n<\/div>\n<\/section>\n<section id=\"record-feedback\">\n<h2>Record feedback<\/h2>\n<div class=\"text-content\">\n<p>Log any feedback you receive from submitting the mockups using the form field below.<\/p>\n<p>If approval was given or you're making iterations then use this feedback in the coming tasks. If the project was closed, then congratulations on completing this blog image design process. Here's to more successful designs in the future!<\/p>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Mockup feedback <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<\/section>\n<section id=\"mockup-iterations\">\n<h2>Mockup iterations:<\/h2>\n<\/section>\n<section id=\"create-mockup-iterations\">\n<h2>Create mockup iterations<\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/hTqi5wkCST6w1atmIehHPA.png\" alt=\"(Source: https:\/\/pxhere.com\/en\/photo\/723648)\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/hTqi5wkCST6w1atmIehHPA.png\"> <\/a><figcaption>\n     (Source: https:\/\/pxhere.com\/en\/photo\/723648)<br \/>\n<\/figcaption><\/figure>\n<\/div>\n<div class=\"text-content\">\n<p>Using the feedback from your initial mockups, create another three iterations to submit for approval. As with the others, record a copy of them using the form fields below.<\/p>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Mockup iteration 3 <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"send-mockup-iterations-for-approval\">\n<h2>Send mockup iterations for approval<\/h2>\n<div class=\"text-content\">\n<p>Next, send your iterations for approval and use the dropdown field below to record their approval status.<\/p>\n<\/div>\n<div class=\"select-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Mockup iteration approval status <\/label><br \/>\n<select disabled=\"\" class=\"form-control\"><option value=\"An option will be selected here\">An option will be selected here<\/option><\/select><\/div>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Mockup iteration feedback <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"text-content\">\n<p>At this point, if the iterations aren't approved then you either need to keep submitting iterations until something is approved or the project is closed to due reaching the limit of the scope.<\/p>\n<\/div>\n<\/section>\n<section id=\"final-design\">\n<h2>Final design:<\/h2>\n<\/section>\n<section id=\"finalize-the-design\">\n<h2>Finalize the design<\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/o_RKG-2I9U8XTMTN9ytOSg.png\" alt=\"(Source: https:\/\/pixabay.com\/en\/design-advertisement-marketing-3060480\/)\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/o_RKG-2I9U8XTMTN9ytOSg.png\"> <\/a><figcaption>\n     (Source: https:\/\/pixabay.com\/en\/design-advertisement-marketing-3060480\/)<br \/>\n<\/figcaption><\/figure>\n<\/div>\n<div class=\"text-content\">\n<p>It's time to create the final design using the approved mockup and any feedback that was given for it.<\/p>\n<p>Remember to keep the following details in mind when working on the full design:<\/p>\n<p class=\"style-info\"><strong>Image purpose:<\/strong> {{form.Blog_image_design_purpose}}<\/p>\n<p class=\"style-info\"><strong>Brand colors:&nbsp;<\/strong>{{form.Brand_colors}}<\/p>\n<p class=\"style-info\"><strong>Image style:&nbsp;<\/strong>{{form.Brand_image_style}}<\/p>\n<p class=\"style-info\"><strong>Image tone:&nbsp;<\/strong>{{form.Brand_image_tone}}<\/p>\n<p>Once you've finished the design, upload a copy of the editable file (.ai or .psd) and exported image (.jpeg or .png) to the form fields below.<\/p>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design file <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design image <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"check-for-errors\">\n<h2>Check for errors<\/h2>\n<div class=\"text-content\">\n<p>Once the design is finished, use the sub-checklist below to check for errors before submitting it for approval.<\/p>\n<\/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<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Text font is suitable and legible<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       2<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Text size is suitable and legible<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       3<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Icon\/text balance is even<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       4<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Element spacing is even<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       5<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Image colors are on-brand<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       6<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Colors don't clash unintentionally<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       7<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      The image fulfills the initial purpose<\/div>\n<\/li>\n<li class=\"item\">\n<div class=\"step-number-container\">\n<div class=\"step-number\">\n       8<\/div>\n<\/div>\n<div class=\"step-checkbox-container\">\n<div class=\"step-checkbox\"><\/div>\n<\/div>\n<div class=\"item-name-static\">\n      Element style is consistent with other blog images<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"text-content\">\n<p>Hopefully nothing will require editing but, if you find that something's gone wrong, make the suitable edits and upload the new design files to the form fields below.<\/p>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Edited design file <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Edited design image <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"send-for-approval\">\n<h2>Send for approval<\/h2>\n<div class=\"text-content\">\n<p>It's the big moment! Time to send your design in for final approval.<\/p>\n<p>Don't forget to record the approval status of the design and any feedback you receive using the form fields below.<\/p>\n<\/div>\n<div class=\"select-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design approval status <\/label><br \/>\n<select disabled=\"\" class=\"form-control\"><option value=\"An option will be selected here\">An option will be selected here<\/option><\/select><\/div>\n<\/div>\n<div class=\"textarea-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design feedback <\/label><br \/>\n<textarea placeholder=\"Something will be typed here...\" rows=\"3\" disabled=\"\" class=\"form-control\"><\/textarea><\/div>\n<\/div>\n<div class=\"text-content\">\n<p>If the project has been completed (either through final approval or via the scope running out before iterations can be made) then congratulations on finishing the blog image design process!<\/p>\n<\/div>\n<\/section>\n<section id=\"make-iterations\">\n<h2>Make iterations<\/h2>\n<div class=\"text-content\">\n<p>Finally, since the initial design wasn't approved you need to make iterations until a conclusion has been reached. As with your mockups, this conclusion will either be one of your designs being accepted or the project going out of scope and running out of time or money.<\/p>\n<p>Record your latest design using the form field below, along with its approval status.<\/p>\n<\/div>\n<div class=\"file-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design iteration <\/label><\/p>\n<div class=\"file-container\">\n    <button type=\"button\" disabled=\"\" class=\"btn btn-default\"> <i class=\"fa fa-upload btn-icon\"><\/i> File will be uploaded here <\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"select-field-content form-field-content\">\n<div class=\"form-group\">\n   <label> Design iteration approval status <\/label><br \/>\n<select disabled=\"\" class=\"form-control\"><option value=\"An option will be selected here\">An option will be selected here<\/option><\/select><\/div>\n<\/div>\n<div class=\"text-content\">\n<p>Congratulations on finishing this checklist! Images are a truly fantastic way to enhance your blog content, so here's to plenty of successful image designs in the future.<\/p>\n<\/div>\n<\/section>\n<section id=\"sources\">\n<h2>Sources:<\/h2>\n<div class=\"text-content\">\n<p><a href=\"https:\/\/www.designforfounders.com\/blog-design\/\" rel=\"nofollow noopener\" target=\"_blank\"><em>Blog Design: The Absolute Guide to Creating Graphics for Your New Blog<\/em><\/a> - <a href=\"https:\/\/twitter.com\/design4founders\" rel=\"nofollow noopener\" target=\"_blank\">Heidi Pun<\/a><\/p>\n<p><a href=\"https:\/\/uxplanet.org\/design-tips-how-to-create-illustrations-for-it-blog-87d4a7d9405d\" rel=\"nofollow noopener\" target=\"_blank\"><em>Design Tips: How to Create Illustrations for IT Blog<\/em><\/a> - <a href=\"https:\/\/twitter.com\/tubikstudio\" rel=\"nofollow noopener\" target=\"_blank\">Tubik Studio<\/a><\/p>\n<p><em><a href=\"https:\/\/coschedule.com\/blog\/non-designers-blog-graphics-guide\/\" rel=\"nofollow noopener\" target=\"_blank\">How To Make The Best Blog Graphics (For Non-Designers)<\/a><\/em> - <a href=\"https:\/\/coschedule.com\/blog\/author\/puranjaysingh\/\" rel=\"nofollow noopener\" target=\"_blank\">Puranjay Singh<\/a><\/p>\n<\/div>\n<\/section>\n<section id=\"relevant-checklists\">\n<h2>Relevant checklists:<\/h2>\n<div class=\"text-content\">\n<p><a href=\"https:\/\/www.process.st\/templates\/animation-design-process\/\" rel=\"nofollow\">Animation Design Process<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/social-media-image-design\/\" rel=\"nofollow\">Social Media Image Design<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/usability-test-plan\/\" rel=\"nofollow\">Usability Test Plan<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/usability-testing-template\/\" rel=\"nofollow\">Usability Testing Template<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/web-design-process\" rel=\"nofollow\">Web Design Process<\/a><\/p>\n<p><a href=\"https:\/\/app.process.st\/templates\/Website-Design-Client-Onboarding-Template-kxE7_2dMq-VjbybRzjlDnA\/view\" rel=\"nofollow\">Website Design Client Onboarding Template<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/ux-design-process\" rel=\"nofollow\">UX Design Process<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/brand-identity-design\" rel=\"nofollow\">Brand Identity Design<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/header-design-process\" rel=\"nofollow\">Header Design<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/graphic-design-process\" rel=\"nofollow\">Graphic Design Process<\/a><\/p>\n<p><a href=\"https:\/\/www.process.st\/templates\/logo-design-process\" rel=\"nofollow\">Logo Design Process<\/a><\/p>\n<p><a href=\"https:\/\/app.process.st\/templates\/Website-Launch-Checklist-gdCb8DbTm2KYnmmDP9lGxQ\/view\" rel=\"nofollow\">Website Launch Checklist<\/a><\/p>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: This blog image design process provides the structure to follow to create consistently great images to capture your audience's attention. Whether this is for your own blog or a design for a client, use this template to stop relying on memory to make sure you get everything done to a high standard. Not to [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":15265,"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":"20","template_description":"Run this blog image design process to consistently create high-quality images for your blog","template_id":"jqdCY32rjeown3IsVR9Mnw","task_0":"Introduction:","task_slug_0":"introduction","task_1":"Record the image's purpose","task_slug_1":"record-the-images-purpose","task_2":"Log any existing image request details","task_slug_2":"log-any-existing-image-request-details","task_3":"Check existing brand image style","task_slug_3":"check-existing-brand-image-style","task_4":"Find out the desired size","task_slug_4":"find-out-the-desired-size","task_5":"Creating mockups:","task_slug_5":"creating-mockups","task_6":"Think of three variations","task_slug_6":"think-of-three-variations","task_7":"Create mockups","task_slug_7":"create-mockups","task_8":"Send mockups for approval","task_slug_8":"send-mockups-for-approval","task_9":"Record feedback","task_slug_9":"record-feedback","task_10":"Mockup iterations:","task_slug_10":"mockup-iterations","task_11":"Create mockup iterations","task_slug_11":"create-mockup-iterations","task_12":"Send mockup iterations for approval","task_slug_12":"send-mockup-iterations-for-approval","task_13":"Final design:","task_slug_13":"final-design","task_14":"Finalize the design","task_slug_14":"finalize-the-design","task_15":"Check for errors","task_slug_15":"check-for-errors","task_16":"Send for approval","task_slug_16":"send-for-approval","task_17":"Make iterations","task_slug_17":"make-iterations","task_18":"Sources:","task_slug_18":"sources","task_19":"Relevant checklists:","task_slug_19":"relevant-checklists","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,5],"tags":[],"class_list":["post-15264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-featured"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/15264","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=15264"}],"version-history":[{"count":0,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/15264\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media\/15265"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media?parent=15264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/categories?post=15264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/tags?post=15264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}