<SCRIPT>
	///////////////////FACEBOOK
jQuery(document).ready(function(){
    window.fbAsyncInit = function() {
        FB.init({
          appId      : window.ism_facebook_id,
		  status: true,
          cookie: true,
          xfbml      : true,
          version    : 'v2.5'
        });
      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk-ism'));
});
</SCRIPT>
<script type='text/javascript' src='https://www.poleetic.com/wp-content/plugins/indeed-social-media/files/js/json2.js'></script><script type='text/javascript' src='https://www.poleetic.com/wp-content/plugins/indeed-social-media/files/js/jstorage.js'></script>{"id":14735,"date":"2016-06-24T14:38:32","date_gmt":"2016-06-24T14:38:32","guid":{"rendered":"https:\/\/www.poleetic.com\/en\/?p=14735"},"modified":"2017-01-28T10:59:22","modified_gmt":"2017-01-28T10:59:22","slug":"graphical-guideline-for-digital-projects-objectives-contents-and-example","status":"publish","type":"post","link":"https:\/\/www.poleetic.com\/en\/blog\/2016\/06\/24\/graphical-guideline-for-digital-projects-objectives-contents-and-example\/","title":{"rendered":"Graphical guideline for digital projects: objectives, contents and example"},"content":{"rendered":"<p>A website consists of templates, that is to say, page templates (form), and content (substance).<\/p>\n<p>The content has its own framework: the online editorial guidelines (or digital)<br \/>\nThe form also has its framework: the online graphical guidelines (or digital)<\/p>\n<p>Both are extremely important to control your digital assets, deploy and optimize them over time. We will focus here on the online graphical guidelines, that is to say on the form, and give you the right track to be able to write it and make it understandable to all your service providers or stakeholders, and to answer all your goals, depending on your context and needs.<\/p>\n<p>Why have good online graphic guidelines drafted and updated?<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Au sommaire de cet article :<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.poleetic.com\/en\/blog\/2016\/06\/24\/graphical-guideline-for-digital-projects-objectives-contents-and-example\/#First_mistake_using_your_offline_graphical_guidelines_for_digital_projects\" >First mistake: using your offline graphical guidelines for digital projects.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.poleetic.com\/en\/blog\/2016\/06\/24\/graphical-guideline-for-digital-projects-objectives-contents-and-example\/#_Having_digital_graphical_guidelines_allows_you_to\" >\u00a0Having digital graphical guidelines allows you to:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.poleetic.com\/en\/blog\/2016\/06\/24\/graphical-guideline-for-digital-projects-objectives-contents-and-example\/#Which_media_are_concerned_by_digital_graphical_guidelines\" >Which media are concerned by digital graphical guidelines?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.poleetic.com\/en\/blog\/2016\/06\/24\/graphical-guideline-for-digital-projects-objectives-contents-and-example\/#What_are_the_risks_of_unoptimized_or_incomplete_online_graphical_guidelines\" >What are the risks of unoptimized or incomplete online graphical guidelines:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.poleetic.com\/en\/blog\/2016\/06\/24\/graphical-guideline-for-digital-projects-objectives-contents-and-example\/#%3E%3E_Graphical_guideline_to_download\" >&gt;&gt;\u00a0Graphical guideline to download &lt;&lt;<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"First_mistake_using_your_offline_graphical_guidelines_for_digital_projects\"><\/span>First mistake: using your offline graphical guidelines for digital projects.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This is a common situation: with no digital graphical guidelines some use their offline graphical guidelines for their website.<\/p>\n<p>#wasteoftime #ineffective #unsuitable<\/p>\n<p>In fact, your offlinegraphical guidelines don\u2019t take into account the crucial elements specific to digital projects:<\/p>\n<ul>\n<li>Size and screen resolution<\/li>\n<li>Logo versioning for web projects: we recommend to use horizontal logoversions instead of vertical versionsin order to save some room for reading comfort.<\/li>\n<li>Effect on clickable items (menu, links etc.)<\/li>\n<li>The screen colors, etc.<\/li>\n<\/ul>\n<p>The lack of online graphical guidelines or the presence of an incomplete online graphical guidelines cause everytime waste of time and frustration for clients and agencies, and more generally for every stakeholders of the project:<\/p>\n<ul>\n<li>If the graphical guidelines are incomplete, the deliverable will look like a picture, without interactivity<\/li>\n<li>If the graphical guidelines don\u2019t exist, the agency may take initiatives that do not always match with the customer&#8217;s needs.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"_Having_digital_graphical_guidelines_allows_you_to\"><\/span>\u00a0Having digital graphical guidelines allows you to:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Work with multiple service providers and at the same time with a common framework: you are then more efficient,<\/li>\n<li>Gather knowledge on your digital assets and thus make it more accessible,<\/li>\n<li>Be quicker in case of rebranding,<\/li>\n<li>Be quicker in case of deployment (cities, BUs, countries, jobs, activities, etc.)<\/li>\n<li>Be quicker when creating new brands and picking up existing elements in the case of creation of new digital media (such as a new social network)<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Which_media_are_concerned_by_digital_graphical_guidelines\"><\/span>Which media are concerned by digital graphical guidelines?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>It&#8217;s not only your website that will be concerned by this document. There will also be:<\/p>\n<ul>\n<li>Illustrations you will broadcastover the Internet<\/li>\n<li>Newsletters or emailings<\/li>\n<li>Online videos<\/li>\n<li>Online advertising campaigns (eg Adwords, banners)<\/li>\n<li>Social media<\/li>\n<li>Advertorial contents<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"What_are_the_risks_of_unoptimized_or_incomplete_online_graphical_guidelines\"><\/span>What are the risks of unoptimized or incomplete online graphical guidelines:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Longer briefings or RFPs<\/li>\n<li>Less accurate briefing returns<\/li>\n<li>Longer projects with more backs and forwards<\/li>\n<li>Longer testing and delivering stages<\/li>\n<li>Getting familiar with your digital assets will be more tricky for new employees because less controlled<\/li>\n<\/ul>\n<p>In conclusion, such a document, well written and updated, saves you time and therefore money.<\/p>\n<p>&nbsp;<\/p>\n<p>You will find below, via the download and sharing link, all the elements that should be found in your online graphical guidelines (also called digital graphic guidelines).<\/p>\n<p><span class=\"the_shortcode\"><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-overflow:visible;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><script>\r\n\t\t\t\told_time = jQuery.jStorage.get('https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735');\r\n\t\t\t\tif(old_time){\r\n\t\t\t\t\tcurrent_time = ism_return_current_date();\r\n\t\t\t\t\tlocker_reset_after = 2592000;\r\n\t\t\t\t\tend_time = old_time + locker_reset_after;\r\n\t\t\t\t\tif(current_time>=end_time){\r\n\t\t\t\t\t\tjQuery.jStorage.set('https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735', '');\r\n\t\t\t\t\t\tjQuery.jStorage.deleteKey('https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t<\/script><div id='indeed_locker_content_2037' style='display: none;'><\/span><\/p>\n<h3 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"%3E%3E_Graphical_guideline_to_download\"><\/span><span style=\"color: #993300;\"><a style=\"color: #993300;\" href=\"https:\/\/www.poleetic.com\/wp-content\/uploads\/2016\/06\/CHARTE-GRAPHIQUE-DIGITALE.docx\" target=\"_blank\">&gt;&gt;\u00a0Graphical guideline to download &lt;&lt;<\/a><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span class=\"the_shortcode\"><\/div><div id='indeed_locker_2037' style='display: none;' >\r\n\t\t\t\t<div style='' class='ism_locker_2'>\r\n\t\t\t\t   <div class='lock_content'><h2>This document template is blocked<\/h2><p>Share this page to download!<\/p><\/div>\r\n\t\t\t\t   <div class='lock_buttons'><script>var ism_enable_statistics=1;<\/script><style>#indeed_sm_wrap_4265{}#indeed_sm_wrap_4265 .ism_item{}#indeed_sm_wrap_4265 .ism_item_wrapper{display: inline-block;}<\/style><div class=\"ism_wrap ism_template_3  ism-locker\" id=\"indeed_sm_wrap_4265\" style=\"text-align: center;display: block;\" ><a href=\"javascript:void(0) %40poleetic\" class=\"ism_link\" onClick=\"ism_general_locker('#indeed_locker_2037', '#indeed_locker_content_2037', '2', 'tw', 'https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735', 'https:\/\/www.poleetic.com\/wp-content\/uploads\/2016\/06\/charte-graphique-916-150x150.jpg', 'Graphical%20guideline%20for%20digital%20projects%3A%20objectives%2C%20contents%20and%20example', 'A website consists of templates, that is to say, page templates (form), and content (substance).The content has its own framework: the online editorial guidelines (or digital)The form also has its framework: the online graphical guidelines (or digital)Both are extremely important to control your digital assets, deploy and optimize them over ...');ism_fake_increment('.twitter_share_count', 'twitter', 'https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735');\"><div class=\"ism_item_wrapper ism-align-horizontal\"><div class=\"ism_item ism_box_twitter\"><i class=\"fa-ism fa-twitter-ism\"><\/i><span class=\"ism_share_label\">Twitter<\/span><div class=\"clear\"><\/div><\/div><\/div><\/a><a href=\"javascript:void(0)\" class=\"ism_link\" onClick=\"ism_general_locker('#indeed_locker_2037', '#indeed_locker_content_2037', '2', 'li', 'https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735');ism_fake_increment('.linkedin_share_count', 'linkedin', 'https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735');\"><div class=\"ism_item_wrapper ism-align-horizontal\"><div class=\"ism_item ism_box_linkedin\"><i class=\"fa-ism fa-linkedin-ism\"><\/i><span class=\"ism_share_label\">Linkedin<\/span><div class=\"clear\"><\/div><\/div><\/div><\/a><\/div><\/div><\/div><\/div><div class='ism-before-row' data-ism_overlock='default' data-ism_url='https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735' data-vc_set='0' data-lockerId='indeed_locker_2037' data-id='indeed_locker_content_2037'  data-ism_delay_lk=\"0\"  style='display: none;'><\/div><\/span><\/p>\n<p>If you need advice or support to launch or redesign your website (specifications, features, tests, etc.) please contact us.<div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A website consists of templates, that is to say, page templates (form), and content (substance). The content has its own framework: the online editorial guidelines (or digital) The form also has its framework: the online graphical guidelines (or digital) Both are extremely important to control your digital assets, deploy and optimize them over time. We<\/p>\n","protected":false},"author":1,"featured_media":14723,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86,1],"tags":[],"class_list":["post-14735","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-project-management","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/comments?post=14735"}],"version-history":[{"count":3,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735\/revisions"}],"predecessor-version":[{"id":14838,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/posts\/14735\/revisions\/14838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/media\/14723"}],"wp:attachment":[{"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/media?parent=14735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/categories?post=14735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.poleetic.com\/en\/wp-json\/wp\/v2\/tags?post=14735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}