{"id":201613,"date":"2023-05-29T13:00:00","date_gmt":"2023-05-29T12:00:00","guid":{"rendered":"https:\/\/www.markup.io\/?p=201613"},"modified":"2024-02-16T01:04:19","modified_gmt":"2024-02-16T01:04:19","slug":"design-review-checklist","status":"publish","type":"post","link":"https:\/\/www.markup.io\/blog\/design-review-checklist\/","title":{"rendered":"Graphic &amp; web design review checklist (with free template)"},"content":{"rendered":"\n<p>Your design project is underway and seems to be going in the right direction. For the first time (in a <em>long <\/em>time), graphic and web designers enjoy their tasks.&nbsp;<\/p>\n\n\n\n<p>You look at the project\u2019s calendar before signing off for the day.&nbsp;<\/p>\n\n\n\n<p>And there it is, staring right back at you. You start sweating, and your heart rate increases. How could you have missed this?<\/p>\n\n\n\n<p>The design review is in a few days. \ud83d\ude30<\/p>\n\n\n\n<p><em>\u2026what do I do?&nbsp;<\/em><\/p>\n\n\n\n<p><em>\u2026how do I check or know if we\u2019re still on track?<\/em><\/p>\n\n\n\n<p>Don\u2019t worry. MarkUp.io\u2019s blog has come to the rescue, as always.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-cheering-minions.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">GIF Source: <a href=\"https:\/\/giphy.com\/gifs\/minions-iUOzkJmvnFfqM\" target=\"_blank\" rel=\"noreferrer noopener\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>In this post, we\u2019ll share a graphic and web design review checklist that\u2019ll help you easily track the process.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s get right to it!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Table of contents<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what\">What is a design review checklist?<\/a><\/li>\n\n\n\n<li><a href=\"#graphic-web\">Graphic and web design review checklist<\/a><\/li>\n\n\n\n<li><a href=\"#download\">Download our free design review checklist<\/a><\/li>\n\n\n\n<li><a href=\"#easy\">Easy design review checklist for non-designers<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what\">What is a design review checklist?<\/h2>\n\n\n\n<p>A design review checklist is a list of elements that should be present in every successful design. It helps you oversee the entire process, so you don\u2019t omit important details that might affect the outcome.&nbsp;<\/p>\n\n\n\n<p>Think of a design review checklist as the shopping list you create before going to the grocery store.&nbsp;<\/p>\n\n\n\n<p>That list, usually tied to a budget, acts as a guide to what you should and shouldn\u2019t focus on.<\/p>\n\n\n\n<p>A design checklist helps ensure the design meets your ultimate commercial objectives.&nbsp;<\/p>\n\n\n\n<p><em>But isn\u2019t it just design? I just need to be creative, and I\u2019m good to go.<\/em><\/p>\n\n\n\n<p>You\u2019re correct. BUT designs go beyond creativity and aesthetics. Ultimately, they should appeal to your target audience.<\/p>\n\n\n\n<p>Let\u2019s check out a few other reasons a review checklist is important.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why using a design review checklist is a good idea \ud83d\ude09<\/h3>\n\n\n\n<p>Aside from being a guide, incorporating a preliminary design review checklist into your workflow helps with&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Organizing your design process<\/strong>: The checklist will help you determine which stage of the process comes first and how to approach it.&nbsp;<\/li>\n\n\n\n<li><strong>Monitoring progress<\/strong>: You\u2019ll have an easier time tracking what\u2019s been done and what still needs to be done.<\/li>\n\n\n\n<li><strong>Presenting design stages to clients<\/strong>: With a checklist, you know when to <a href=\"https:\/\/www.markup.io\/blog\/how-to-get-web-design-clients\/\" target=\"_blank\" rel=\"noreferrer noopener\">get clients<\/a> involved in the design process so they can start providing feedback early on.<\/li>\n\n\n\n<li><strong>Ensuring high quality and consistent design<\/strong>: Using a design checklist is like having a safety net to ensure the essential elements are included in the design.<\/li>\n\n\n\n<li><strong>Serving as a template for non-designers<\/strong>: Other professionals can use the checklist to create designs without prior design knowledge.<\/li>\n<\/ul>\n\n\n\n<p>The benefits are undeniable. So, it\u2019s clear: you need to integrate design checklists into your <a href=\"https:\/\/www.markup.io\/blog\/design-collaboration-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">creative workflow<\/a>. But how do you create one?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"graphic-web\">Graphic and web design review checklist<\/h2>\n\n\n\n<p>Ladies and gentlemen of the creative press, welcome to this town hall meeting. Let\u2019s get down to business.&nbsp;<\/p>\n\n\n\n<p>Here are the steps you should follow when creating your design checklist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Create first drafts<\/h3>\n\n\n\n<p>Every forest begins with a tree \u2013 in this case, the tree is the initial design.&nbsp;<\/p>\n\n\n\n<p>It doesn\u2019t have to be perfect yet, but your first draft should be based on detailed research and the client\u2019s requirements, as indicated in the <a href=\"https:\/\/www.markup.io\/blog\/what-is-a-creative-brief\/\" target=\"_blank\" rel=\"noreferrer noopener\">creative brief<\/a>.<\/p>\n\n\n\n<p>The draft should follow the seven principles of design:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Balance<\/strong>: Refers to how elements are arranged (radially, symmetrically, or asymmetrically) on the design, creating an equal impression in importance or weight.<\/li>\n\n\n\n<li><strong>White space<\/strong>: How much space is left on the design? This principle helps organize the design, making it more creative and entertaining.&nbsp;<\/li>\n\n\n\n<li><strong>Contrast<\/strong>: This principle makes designs pop when viewers see them. To ensure this effect, the background color should be different from the other elements&#8217; colors so that they&#8217;re appealing and readable.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Movement<\/strong>: This involves controlling the viewer&#8217;s attention and ensuring important information is communicated by positioning design elements.<\/li>\n\n\n\n<li><strong>Emphasis<\/strong>: The focal point of your design should be obvious, and it should stand out from other elements.<\/li>\n\n\n\n<li><strong>Pattern<\/strong>: Incorporating this design principle helps create balance or contrast consistently. It involves repeating visual elements in the design.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Unity<\/strong>: How all the elements are arranged to create an eye-catching masterpiece.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Just because it\u2019s the first draft doesn\u2019t mean it should be all sketches.&nbsp;<\/p>\n\n\n\n<p>It will be the iteration against which you review the design elements.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Evaluate first drafts based on the design brief<\/h3>\n\n\n\n<p>Now that the first draft is done, you can start iterating using the design brief.&nbsp;<\/p>\n\n\n\n<p>The design brief is similar to the creative brief, where clients outline the details of the project, their goals, big ideas,&nbsp; audience, what they expect, and more, from conception to completion.&nbsp;<\/p>\n\n\n\n<p>You want to check the design brief against the first draft to see if you meet the client\u2019s requirements.<\/p>\n\n\n\n<p>If you\u2019re part of a <a href=\"https:\/\/www.markup.io\/blog\/managing-a-creative-team\/\" target=\"_blank\" rel=\"noreferrer noopener\">design team<\/a>, contact your colleagues for a round of internal reviews. Be sure to share the project requirements with them alongside the first draft.&nbsp;<\/p>\n\n\n\n<p>A good way to do that is to use <a href=\"https:\/\/www.markup.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">MarkUp.io<\/a>, a tool that makes sharing and reviewing documents easy.<\/p>\n\n\n\n<p>Just upload the web or <a href=\"http:\/\/www.markup.io\/blog\/graphic-design-workflow\" target=\"_blank\" rel=\"noreferrer noopener\">graphic design<\/a> and invite your teammates to collaborate via a shareable link.&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>But if you\u2019re on your own, we\u2019ve got your back.&nbsp;<\/p>\n\n\n\n<p>We put together some questions by which you can ascertain whether or not the design is in sync with the brief.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Questions to ask internally about graphic design<\/h4>\n\n\n\n<p>A good place to start is to ask your teammates if the <a href=\"https:\/\/www.markup.io\/blog\/graphic-design-trends\/\" target=\"_blank\" rel=\"noreferrer noopener\">design style<\/a> corresponds with the client\u2019s message.&nbsp;<\/p>\n\n\n\n<p>You can take it a step further and ask if it fits the industry your client is in. How does the design look at first glance?<\/p>\n\n\n\n<p>But that\u2019s just to kick things off. Let\u2019s begin by focusing on typography.&nbsp;<\/p>\n\n\n\n<p>Go over the design and ask:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do the fonts used match the client\u2019s description?<\/li>\n\n\n\n<li>Do they match the colors?<\/li>\n\n\n\n<li>How many fonts were used?&nbsp;<\/li>\n\n\n\n<li>Would adding more or fewer fonts help?&nbsp;<\/li>\n\n\n\n<li>Is there sufficient spacing between lines and words?<\/li>\n<\/ul>\n\n\n\n<p>Speaking of colors, here are some questions to ask:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do they allow for easy readability?<\/li>\n\n\n\n<li>Do the colors set the mood or tone of the design\u2019s message?<\/li>\n\n\n\n<li>Does the design have an even color contrast?<\/li>\n\n\n\n<li>Do the colors match the images you used?<\/li>\n<\/ul>\n\n\n\n<p>If you added photos or images to the design, there are also questions you need to answer.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Does the quality of the image match the rest of the design?<\/li>\n\n\n\n<li>Are there too many images?<\/li>\n\n\n\n<li>Do the images need editing?<\/li>\n\n\n\n<li>Are they in the right location?<\/li>\n\n\n\n<li>Do they communicate the design\u2019s message well?<\/li>\n<\/ul>\n\n\n\n<p>Then, look at the design elements.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Are the icons appealing and appropriate for the design?<\/li>\n\n\n\n<li>Is there proper balance and spacing?<\/li>\n\n\n\n<li>Did you apply gradients?<\/li>\n<\/ul>\n\n\n\n<p>If you\u2019re a graphic designer, these are questions you can ask your team to ensure every element is present in the design.&nbsp;<\/p>\n\n\n\n<p><em>But what about us web designers<\/em>?&nbsp;<\/p>\n\n\n\n<p>Don\u2019t worry. We\u2019ve got some goodies in the bag for you.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Questions to ask internally about web design<\/h4>\n\n\n\n<p>There are different aspects to a <a href=\"https:\/\/www.markup.io\/blog\/website-design-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">web design<\/a>, but let\u2019s start with the main or homepage design.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is it easy to use?<\/li>\n\n\n\n<li>How long will it take users to identify what the website is about?<\/li>\n\n\n\n<li>Are there clear calls to action (CTA)?&nbsp;<\/li>\n\n\n\n<li>Is there a central visual graphic, image, slide, or video to capture the user\u2019s focus?<\/li>\n\n\n\n<li>Does it leave a good first impression on visitors?<\/li>\n\n\n\n<li>Are there clear links to subpages from the main page?<\/li>\n<\/ul>\n\n\n\n<p>Next, let\u2019s talk about <a href=\"https:\/\/www.markup.io\/blog\/ux-audit\/\" target=\"_blank\" rel=\"noreferrer noopener\">user experience<\/a>.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Can users easily identify buttons?&nbsp;<\/li>\n\n\n\n<li>Is there seamless navigation between pages?<\/li>\n\n\n\n<li>Is the contact form unique, conducive, and well-organized?<\/li>\n\n\n\n<li>How many times do primary actions appear across the web pages? This is applicable if there\u2019s an action you want users to take.&nbsp;<\/li>\n\n\n\n<li>Is the site compatible with all devices and browsers?<\/li>\n\n\n\n<li>Are there multiple sign-in options available?<\/li>\n\n\n\n<li>How many pop-ups will users see while navigating? Less is more in this case.<\/li>\n\n\n\n<li>Is the design responsive? In other words, can it adapt to other screen sizes while maintaining the same feel and usability?<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is the overall design appealing and in line with the client\u2019s requirements?<\/li>\n\n\n\n<li>What\u2019s the loading speed?&nbsp;<\/li>\n\n\n\n<li>Are <a href=\"https:\/\/www.markup.io\/blog\/webflow-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugins and integration<\/a>s affecting the site\u2019s speed?<\/li>\n\n\n\n<li>Did you test the scale of the website across different browsers?<\/li>\n<\/ul>\n\n\n\n<p>Still on track? We can dive into web structure and navigation then.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is your road map simple or a lil\u2019 complex?<\/li>\n\n\n\n<li>Does the logo link to the homepage?&nbsp;<\/li>\n\n\n\n<li>Are there clear navigational labels?<\/li>\n\n\n\n<li>How quickly can users identify where they are on the site and find their way?<\/li>\n\n\n\n<li>Do you have design elements (headers, footers, and logo) in the same position across the web pages?<\/li>\n\n\n\n<li>Is there a search box?<\/li>\n<\/ul>\n\n\n\n<p>Now, you also wanna look at visual and textual content. So, here are questions to ask:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Did you use high-quality pictures? Have the image sizes been optimized?<\/li>\n\n\n\n<li>How long does it take images to load?<\/li>\n\n\n\n<li>Where is the brand logo located? Left, center, or right? According to studies, it\u2019s way better on the left.&nbsp;<\/li>\n\n\n\n<li>Have you removed Flash animations?<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do videos play automatically, or is it click-to-play? Clicking to play is the preferred choice.<\/li>\n\n\n\n<li>Are in-text links easy to identify?<\/li>\n\n\n\n<li>Are you using headers? If yes, how many? You need at least three to help users stay focused and structure text.<\/li>\n\n\n\n<li>How many fonts have you used so far?&nbsp; Just two is enough.&nbsp;<\/li>\n\n\n\n<li>Did you implement the hide\/show feature for lengthy text?<\/li>\n<\/ul>\n\n\n\n<p>After evaluating all of these questions against the first draft, the next thing you need to do is\u2026&nbsp;<\/p>\n\n\n\n<p>It\u2019s time to show team members, stakeholders, and clients what you\u2019ve done. It\u2019s only a design review if fresh eyes can look at it and provide different perspectives.&nbsp;<\/p>\n\n\n\n<p>So, how do you present designs?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Present the design<\/h3>\n\n\n\n<p>If your gut instinct is to share them by email, there&#8217;s a better way.<\/p>\n\n\n\n<p>A better option would be to use a <a href=\"https:\/\/www.markup.io\/blog\/design-collaboration-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">collaboration tool<\/a> like MarkUp.io.&nbsp;<\/p>\n\n\n\n<p>With our platform, you can upload designs in different formats such as HTML files, live websites\u2019 URLs, JPEG, JPG, PSD, and more onto your Workspace and invite others to collaborate.<\/p>\n\n\n\n<p>Way better than the typical zipping and typing *kindly find attached,* right?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Gather feedback<\/h3>\n\n\n\n<p>You can ask the collaborators you\u2019ve invited to review the designs and <a href=\"https:\/\/www.markup.io\/blog\/feedback-loop-halloween\/\" target=\"_blank\" rel=\"noreferrer noopener\">provide feedback<\/a> within MarkUp.io\u2019s environment.<\/p>\n\n\n\n<p>The platform allows reviewers to drop contextual, pixel-accurate comments on the design so you know what they\u2019re referring to.&nbsp;<\/p>\n\n\n\n<p>They just have to click on any design element and <a href=\"https:\/\/www.markup.io\/blog\/design-feedback-tool\" target=\"_blank\" rel=\"noreferrer noopener\">input their feedback<\/a>.&nbsp;<\/p>\n\n\n\n<p>What\u2019s more?<\/p>\n\n\n\n<p>With <a href=\"https:\/\/www.markup.io\/blog\/more-loom-less-zoom-fix-feedback-loop\/\" target=\"_blank\" rel=\"noreferrer noopener\">MarkUp.io\u2019s Loom integration<\/a>, reviewers can record videos to share their thoughts for better context.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Analyze and implement feedback<\/h3>\n\n\n\n<p>After feedback has been given, you need to analyze it and prioritize which feedback you need to act on.&nbsp;<\/p>\n\n\n\n<p>Preferably, design team leads, or <a href=\"https:\/\/www.markup.io\/blog\/creative-project-management-software\" target=\"_blank\" rel=\"noreferrer noopener\">project managers<\/a> should be the first recipient of <a href=\"http:\/\/www.markup.io\/blog\/worst-design-feedback\" target=\"_blank\" rel=\"noreferrer noopener\">client feedback<\/a> so they can go over it, get clarity on what\u2019s required, prioritize what\u2019s important, and present their team with consolidated feedback.&nbsp;<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.eisenhower.me\/eisenhower-matrix\/\" target=\"_blank\" rel=\"noreferrer noopener\">Eisenhower decision matrix<\/a>, a work prioritization tool, can help you analyze comments and categorize them in order of importance and urgency.&nbsp;<\/p>\n\n\n\n<p>But first, you need to identify which feedback is urgent and important. To know if a comment is important, ask yourself what the entire design will look like if you don\u2019t work on this now.&nbsp;&nbsp;<\/p>\n\n\n\n<p>For urgent tasks, ask, will doing this later prevent others from moving forward?<\/p>\n\n\n\n<p>After figuring out important\/urgent feedback, the next step is to split it into four groups in this order:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"937\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-decision-1.png\" alt=\"Graphic of the Eisenhower decision matrix with four quadrants that read resolve immediately, schedule, reassign or delegate, and delete.\" class=\"wp-image-201629\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-decision-1.png 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-decision-1-282x300.png 282w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-decision-1-768x818.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Important and Urgent (resolve immediately), e.g., typos, no color contrast, fonts, and colors don\u2019t match.<\/li>\n\n\n\n<li>Important but not Urgent (schedule), e.g., no central visual focus, slightly different brand colors.<\/li>\n\n\n\n<li>Not Important but Urgent (reassign), e.g., unidentifiable text links.<\/li>\n\n\n\n<li>Not Important and not Urgent (delete), e.g., repetitive feedback.<\/li>\n<\/ul>\n\n\n\n<p>Analyzing feedback this way will let you know which should be implemented in order of importance.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Another option is to leverage the <a href=\"https:\/\/community.atlassian.com\/t5\/Marketplace-Apps-Integrations\/Introducing-the-latest-Foxly-feature-Priority-Planning-Poker\/ba-p\/1762872\" target=\"_blank\" rel=\"noreferrer noopener\">Priority Planning Poker<\/a> technique if you want the design team to contribute to the prioritization process.&nbsp;&nbsp;<\/p>\n\n\n\n<p>This technique supports prioritization by voting, and here\u2019s how it works:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set up a virtual poker room or any system that supports voting.&nbsp;<\/li>\n\n\n\n<li>The team lead invites everyone and introduces different items of client feedback.<\/li>\n\n\n\n<li>Everyone on the team votes on each item according to its importance as they\u2019re introduced.&nbsp;<\/li>\n\n\n\n<li>Display the final results with members\u2019 votes alongside.<\/li>\n\n\n\n<li>Votes can then be recast if need be.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>So, with vague comments out of the way and a clear direction on what\u2019s important, designers can now incorporate stakeholders&#8217; and clients\u2019 feedback into the design.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Review changes<\/h3>\n\n\n\n<p>When you\u2019re done implementing the changes recommended by clients, you can resolve their comments within <a href=\"https:\/\/support.markup.io\/hc\/en-us\/articles\/13392500594579-Navigating-your-Workspace\" target=\"_blank\" rel=\"noreferrer noopener\">MarkUp.io\u2019s Workspace<\/a>.&nbsp;<\/p>\n\n\n\n<p>But don\u2019t worry. They haven\u2019t disappeared. You can still access them in the Resolved tab, MarkUp.io\u2019s feedback archive.&nbsp;<\/p>\n\n\n\n<p>After resolving feedback, you\u2019ll need to present the updated design to clients and stakeholders for them to review (again).&nbsp;<\/p>\n\n\n\n<p>And yes, they can still use MarkUp.io to add comments if there are more changes they\u2019d like to make.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Get approval for the revised design<\/h3>\n\n\n\n<p>What\u2019s next after implementing the client\u2019s feedback?&nbsp;<\/p>\n\n\n\n<p>You\u2019ll be just one step away from creating the final draft. But before that, you need the <a href=\"http:\/\/www.markup.io\/blog\/approval-workflow\" target=\"_blank\" rel=\"noreferrer noopener\">client\u2019s approval<\/a> on the updated design so there are no more back and forths when working on the last iteration.&nbsp;&nbsp;<\/p>\n\n\n\n<p>If they requested changes to the revised design, you\u2019d have to analyze and implement them again.&nbsp;<\/p>\n\n\n\n<p>And if not, be sure to get their approval to proceed.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Create the final version of the design<\/h3>\n\n\n\n<p>This is the last phase on the review checklist, where you create a final design ensuring all the client\u2019s requirements have been addressed.&nbsp;<\/p>\n\n\n\n<p>You want to involve clients in this process, too, so you don\u2019t go through another round of review.<\/p>\n\n\n\n<p>This way, you have an appealing, engaging, and audience-oriented graphic or <a href=\"https:\/\/www.markup.io\/blog\/website-design-best-practices\/\" target=\"_blank\" rel=\"noreferrer noopener\">web design<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">***<\/p>\n\n\n\n<p>That was quite the checklist with embedded lists too. Putting everything in a doc can be a chore. To save you some time, we\u2019ve done that for you.<\/p>\n\n\n\n<p>Check out our free checklist template for your design needs below.&nbsp;<\/p>\n\n\n\n<p><em>You\u2019re welcome! <\/em>\ud83d\ude09<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"download\">Download our free design review checklist<\/h2>\n\n\n\n<p>A lot goes into creating a design, and a <a href=\"https:\/\/docs.google.com\/document\/d\/1XGeITDP5QbgU5OFJ05dNgog0Lrw41ysjE8dyeCtt9ag\/copy?utm_source=website&amp;utm_medium=markup-blog&amp;utm_campaign=design-review-checklist&amp;utm_content=template\" target=\"_blank\" rel=\"noreferrer noopener\">review checklist<\/a> is an important part.&nbsp;<\/p>\n\n\n\n<p>You can create a design review checklist specific to your team or the industry you\u2019re in.<\/p>\n\n\n\n<p>But if you\u2019d rather spend more time on designs, you can use this checklist template instead.&nbsp;<\/p>\n\n\n\n<p>You can customize it to suit your different needs.&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1XGeITDP5QbgU5OFJ05dNgog0Lrw41ysjE8dyeCtt9ag\/copy?utm_source=website&amp;utm_medium=markup-blog&amp;utm_campaign=design-review-checklist&amp;utm_content=template\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to download<\/a> our free design review checklist!&nbsp;<\/p>\n\n\n\n<h2 class=\"easy wp-block-heading\">Easy design review checklist for non-designers<\/h2>\n\n\n\n<p>POV: You\u2019re a non-designer who\u2019s also a stakeholder on a design team, and you\u2019ve been asked to review the design.&nbsp;<\/p>\n\n\n\n<p>After seeing the design:<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-run-jack.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">GIF Source: <a href=\"https:\/\/giphy.com\/gifs\/running-confused-staring-8P8u3gh2OJqog\" target=\"_blank\" rel=\"noreferrer noopener\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>That doesn\u2019t have to be the case for you, as we\u2019ve put together a checklist that can help you review the design like a pro.<\/p>\n\n\n\n<p>So, here goes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Are the design elements in a consistent order? E.g., the logos, register\/log-in buttons, headers, footers, etc.&nbsp;<\/li>\n\n\n\n<li>Are the font sizes consistent?<\/li>\n\n\n\n<li>Do the colors match the brand\u2019s guidelines?<\/li>\n\n\n\n<li>Is the design responsive? Does it look good on other devices?<\/li>\n\n\n\n<li>Is the design consistent with previous designs?&nbsp;<\/li>\n\n\n\n<li>Are the wordings appropriate?<\/li>\n\n\n\n<li>Will the web design fit into the performance system?<\/li>\n\n\n\n<li>Are there too many pop-ups?<\/li>\n\n\n\n<li>Is there a good use of white space?<\/li>\n\n\n\n<li>Are the designs compatible with different devices?<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\">***<\/p>\n\n\n\n<p>Now that you\u2019ve been armed with the proper strategy needed to review designs and keep track of the process with ease, there\u2019s only one thing left to do.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Streamline the design review process with a smart tool<\/strong><\/h2>\n\n\n\n<p>Your review process would be a lot smoother if there were a smart tool you could leverage.&nbsp;<\/p>\n\n\n\n<p>Everything would be in a central location. You can upload designs, invite collaborators (teammates, clients, stakeholders) and request contextual design feedback.&nbsp;<\/p>\n\n\n\n<p>Oh, the bliss.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-happy-corgi.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">GIF Source: <a href=\"https:\/\/giphy.com\/gifs\/mostexpensivest-viceland-2-chainz-most-expensivest-Y4zsCSRItSruK52kGX\" target=\"_blank\" rel=\"noreferrer noopener\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If that\u2019s something you\u2019d like to experience, we\u2019ve got a free trial waiting for you.&nbsp;<\/p>\n\n\n\n<p>Sign up today and <a href=\"https:\/\/app.markup.io\/signup?trial=true?utm_source=website&amp;utm_medium=markup-blog&amp;utm_campaign=design-review-checklist&amp;utm_content=free-trial\" target=\"_blank\" rel=\"noreferrer noopener\">claim your 30-day free trial with MarkUp.io<\/a> for a streamlined design review process.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your design project is underway and seems to be going in the right direction. For the first time (in a long time), graphic and web designers enjoy their tasks.&nbsp; You look at the project\u2019s calendar before signing off for the day.&nbsp; And there it is, staring right back at you. You start sweating, and your &hellip; <a href=\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":201620,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-201613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Graphic &amp; web design review checklist (with free template) - Markup.io<\/title>\n<meta name=\"description\" content=\"Are you looking for an easy-to-use design review checklist to keep track of the design review process? We&#039;ve got one you can download for free.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphic &amp; web design review checklist (with free template) - Markup.io\" \/>\n<meta property=\"og:description\" content=\"Are you looking for an easy-to-use design review checklist to keep track of the design review process? We&#039;ve got one you can download for free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\" \/>\n<meta property=\"og:site_name\" content=\"Markup.io\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-29T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-16T01:04:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mary\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mary\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\",\"url\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\",\"name\":\"Graphic &amp; web design review checklist (with free template) - Markup.io\",\"isPartOf\":{\"@id\":\"https:\/\/www.markup.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg\",\"datePublished\":\"2023-05-29T12:00:00+00:00\",\"dateModified\":\"2024-02-16T01:04:19+00:00\",\"author\":{\"@id\":\"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864\"},\"description\":\"Are you looking for an easy-to-use design review checklist to keep track of the design review process? We've got one you can download for free.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/#primaryimage\",\"url\":\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg\",\"contentUrl\":\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-checklist\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markup.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphic &amp; web design review checklist (with free template)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markup.io\/#website\",\"url\":\"https:\/\/www.markup.io\/\",\"name\":\"Markup.io\",\"description\":\"Easiest Way to Leave Feedback on Digital Content\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markup.io\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864\",\"name\":\"Mary\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graphic &amp; web design review checklist (with free template) - Markup.io","description":"Are you looking for an easy-to-use design review checklist to keep track of the design review process? We've got one you can download for free.","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:\/\/www.markup.io\/blog\/design-review-checklist\/","og_locale":"en_GB","og_type":"article","og_title":"Graphic &amp; web design review checklist (with free template) - Markup.io","og_description":"Are you looking for an easy-to-use design review checklist to keep track of the design review process? We've got one you can download for free.","og_url":"https:\/\/www.markup.io\/blog\/design-review-checklist\/","og_site_name":"Markup.io","article_published_time":"2023-05-29T12:00:00+00:00","article_modified_time":"2024-02-16T01:04:19+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg","type":"image\/jpeg"}],"author":"Mary","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mary","Estimated reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.markup.io\/blog\/design-review-checklist\/","url":"https:\/\/www.markup.io\/blog\/design-review-checklist\/","name":"Graphic &amp; web design review checklist (with free template) - Markup.io","isPartOf":{"@id":"https:\/\/www.markup.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markup.io\/blog\/design-review-checklist\/#primaryimage"},"image":{"@id":"https:\/\/www.markup.io\/blog\/design-review-checklist\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg","datePublished":"2023-05-29T12:00:00+00:00","dateModified":"2024-02-16T01:04:19+00:00","author":{"@id":"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864"},"description":"Are you looking for an easy-to-use design review checklist to keep track of the design review process? We've got one you can download for free.","breadcrumb":{"@id":"https:\/\/www.markup.io\/blog\/design-review-checklist\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markup.io\/blog\/design-review-checklist\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.markup.io\/blog\/design-review-checklist\/#primaryimage","url":"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg","contentUrl":"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/design-review-checklist-hero.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.markup.io\/blog\/design-review-checklist\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markup.io\/"},{"@type":"ListItem","position":2,"name":"Graphic &amp; web design review checklist (with free template)"}]},{"@type":"WebSite","@id":"https:\/\/www.markup.io\/#website","url":"https:\/\/www.markup.io\/","name":"Markup.io","description":"Easiest Way to Leave Feedback on Digital Content","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markup.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864","name":"Mary"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/201613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/comments?post=201613"}],"version-history":[{"count":6,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/201613\/revisions"}],"predecessor-version":[{"id":203112,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/201613\/revisions\/203112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/media\/201620"}],"wp:attachment":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/media?parent=201613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/categories?post=201613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/tags?post=201613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}