{"id":307,"date":"2012-10-31T17:37:02","date_gmt":"2012-10-31T16:37:02","guid":{"rendered":"http:\/\/www.kowhaiwhai.com\/2014\/?post_type=portfolio&#038;p=307"},"modified":"2014-04-07T18:24:55","modified_gmt":"2014-04-07T17:24:55","slug":"charte-graphique-cdm","status":"publish","type":"portfolio","link":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/","title":{"rendered":"Cit\u00e9 des M\u00e9tiers"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"claim wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Cr\u00e9ation de la charte graphique<br \/>\n<small>et d\u00e9clinaison de documents imprim\u00e9s<\/small><\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Le Maison de l&rsquo;Emploi et de la Formation de Mulhouse a confi\u00e9 \u00e0 K\u014dwhaiwhai la <strong>conception de supports de communication<\/strong> divers destin\u00e9s aux conseillers de la Cit\u00e9 des M\u00e9tiers, groupement de diff\u00e9rents organismes intervenant autour de l&#8217;emploi : formation, stages, validation des acquis, cr\u00e9ation d&rsquo;entreprise, etc.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Le challenge, outre la complexit\u00e9 de certains supports, a consist\u00e9 en la<strong> cr\u00e9ation d&rsquo;une charte graphique<\/strong> claire, au fond pictural relativement discret et peu satur\u00e9. Le public concern\u00e9 \u00e9tant avant tout les conseillers eux-m\u00eames, et les informations s&rsquo;av\u00e9rant denses et nombreuses, ce postulat graphique de l\u00e9g\u00e8ret\u00e9 s&rsquo;imposait.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"wpb_wrapper\"><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<ul class=\"txtlight\">\n<li><small><strong>Ann\u00e9e<\/strong><br \/>\n2012<\/small><\/li>\n<li><small><strong>Client<\/strong><br \/>\nMaison de l&rsquo;Emploi du Pays de la R\u00e9gion Mulhousienne<\/small><\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"272\" height=\"338\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu01.png\" class=\"vc_single_image-img attachment-full\" alt=\"Conception identit\u00e9 visuelle Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu01.png 272w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu01-16x20.png 16w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey\">\n\t<span class=\"vc_sep_holder vc_sep_holder_l\"><span\tclass=\"vc_sep_line\"><\/span><\/span>\n\t<span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span>\n\t<\/span>\n<\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: center;\">Livret Memento<\/h3>\n<p class=\"txtlight\" style=\"text-align: center;\">Ce livret de 24 pages \u00e9tait consacr\u00e9 \u00e0 la s\u00e9curisation des transitions professionnelles, et a fait l&rsquo;objet d&rsquo;un d\u00e9coupage en fonction du public concern\u00e9. Il a permis de lister les diff\u00e9rents dispositifs existants en fournissant de nombreuses informations utiles (dur\u00e9e, nombre de participants, pr\u00e9cisions imporantes, etc.).<\/p>\n<p class=\"txtlight\" style=\"text-align: center;\">Comme sur l&rsquo;ensemble de la charte graphique, les formes en courbes douces et bulles de dialogue ont adouci et fluidifi\u00e9 le design global en l&rsquo;agr\u00e9mentant d&rsquo;illustrations simples, fonction du contexte. La l\u00e9g\u00e8ret\u00e9 visuelle n&rsquo;a pas emp\u00each\u00e9 l&rsquo;utilisation de teintes vari\u00e9es et dynamisantes.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"716\" height=\"589\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu02.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Livret Memento Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu02.jpg 716w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu02-565x465.jpg 565w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu02-690x568.jpg 690w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu02-20x16.jpg 20w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"761\" height=\"584\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu03.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Livret Memento Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu03.jpg 761w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu03-565x434.jpg 565w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu03-690x530.jpg 690w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu03-20x15.jpg 20w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"761\" height=\"584\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu04.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Livret Memento Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu04.jpg 761w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu04-565x434.jpg 565w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu04-690x530.jpg 690w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu04-20x15.jpg 20w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey\">\n\t<span class=\"vc_sep_holder vc_sep_holder_l\"><span\tclass=\"vc_sep_line\"><\/span><\/span>\n\t<span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span>\n\t<\/span>\n<\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: center;\">Affiche A2<\/h3>\n<p class=\"txtlight\" style=\"text-align: center;\">La pr\u00e9sence d&rsquo;une cartographie vectorielle pr\u00e9cise, con\u00e7ue en int\u00e9gralit\u00e9, \u00e9tait la condition sine qua non pour un bon positionnement des diff\u00e9rents organismes concern\u00e9s dans le cadre de la Cit\u00e9 des M\u00e9tiers. Avec pr\u00e9cision et rigueur, les diff\u00e9rents moyens de transport (lignes de tram et bus)\u00a0ont \u00e9t\u00e9 indiqu\u00e9s de fa\u00e7on claire et compr\u00e9hensible.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"661\" height=\"989\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu05.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Affiche Carto Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu05.jpg 661w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu05-565x845.jpg 565w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu05-13x20.jpg 13w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey\">\n\t<span class=\"vc_sep_holder vc_sep_holder_l\"><span\tclass=\"vc_sep_line\"><\/span><\/span>\n\t<span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span>\n\t<\/span>\n<\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: center;\">R\u00e9glette \u00e0 curseur<\/h3>\n<p class=\"txtlight\" style=\"text-align: center;\">Ce support \u00e0 la finalit\u00e9 complexe a fait l&rsquo;objet d&rsquo;un travail sp\u00e9cifique dans la charte graphique. Il s&rsquo;agissait de pr\u00e9ciser, pour chaque structure d&rsquo;accueil de la Cit\u00e9 des M\u00e9tiers &#8211; et sur un support unique &#8211; les comp\u00e9tences associ\u00e9es en fonction du public et avec des pr\u00e9cisions relatives au niveau d&rsquo;expertise de celles-ci. Apr\u00e8s de nombreux essais, la forme de r\u00e9glette \u00e0 curseur, associ\u00e9e \u00e0 une carte \u00e0 points a \u00e9t\u00e9 consid\u00e9r\u00e9e comme le meilleur compromis au vu du nombre tr\u00e8s \u00e9lev\u00e9 de combinaisons. Le support final a donc \u00e9t\u00e9 compos\u00e9 d&rsquo;un <strong>\u00e9tui<\/strong> (distillant des informations utiles), d&rsquo;une <strong>r\u00e8gle<\/strong> (o\u00f9 figurent les diff\u00e9rents publics, comp\u00e9tences et structures) et d&rsquo;un <strong>insert<\/strong> (faisant correspondre le public \u00e0 des structures en fonction de comp\u00e9tences recherch\u00e9es).<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><strong>Le proc\u00e9d\u00e9 d\u00e9finitif pour le conseiller CDM :<\/strong><\/p>\n<ul class=\"txtlight dotlist\">\n<li>S\u00e9lection du public au recto de la r\u00e8gle<\/li>\n<li>Retourner le support et viser la comp\u00e9tence recherch\u00e9e (par exemple \u00ab\u00a0Faire un stage\u00a0\u00bb)<\/li>\n<li>Trouver les structures d&rsquo;accueil associ\u00e9es en fonction des points ajour\u00e9s en observant le niveau de comp\u00e9tence, g\u00e9n\u00e9raliste (cercle) ou expert (rond plein)<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_right  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"385\" height=\"952\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu06.gif\" class=\"vc_single_image-img attachment-full\" alt=\"Recto r\u00e8gle \u00e0 curseur Cit\u00e9 des M\u00e9tiers\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_left  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"273\" height=\"952\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu07.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Verso r\u00e8gle \u00e0 curseur Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu07.jpg 273w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu07-6x20.jpg 6w\" sizes=\"(max-width: 273px) 100vw, 273px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey\">\n\t<span class=\"vc_sep_holder vc_sep_holder_l\"><span\tclass=\"vc_sep_line\"><\/span><\/span>\n\t<span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span>\n\t<\/span>\n<\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: center;\">Plaquette accord\u00e9on 3 plis<\/h3>\n<p class=\"txtlight\" style=\"text-align: center;\">Venant en \u00e9cho \u00e0 l&rsquo;affiche A2, cette plaquette d\u00e9cline sous une autre forme les m\u00eames informations de situation et d&rsquo;acc\u00e8s aux structures d&rsquo;accueil.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"671\" height=\"539\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu08.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Recto plaquette accord\u00e9on Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu08.jpg 671w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu08-565x454.jpg 565w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu08-20x16.jpg 20w\" sizes=\"(max-width: 671px) 100vw, 671px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bottom-to-top\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img width=\"653\" height=\"543\" src=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu09.jpg\" class=\"vc_single_image-img attachment-full\" alt=\"Verso plaquette accord\u00e9on Cit\u00e9 des M\u00e9tiers\" srcset=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu09.jpg 653w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu09-565x470.jpg 565w, https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_visu09-20x17.jpg 20w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_sep_color_grey\">\n\t<span class=\"vc_sep_holder vc_sep_holder_l\"><span\tclass=\"vc_sep_line\"><\/span><\/span>\n\t\t<!-- Modif KWW d\u00e9but -->\n    \t<!--<h4>--><div>K<\/div><!--<\/h4>-->\n\t<!-- Modif KWW fin  -->\n\t<span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span>\n\t<\/span>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_accordion wpb_content_element  in-port-form not-column-inherit\" data-collapsible=\"yes\" data-vc-disable-keydown=\"false\" data-active-tab=\"false\">\n\t\t<div class=\"wpb_wrapper wpb_accordion_wrapper ui-accordion\">\n\n\n\t<div class=\"wpb_accordion_section group\">\n\t\t<h3 class=\"wpb_accordion_header ui-accordion-header\"><a href=\"#vous-aussi-souhaitez-concevoir-une-charte-graphique\">Vous aussi souhaitez concevoir une charte graphique ?<\/a><\/h3>\n\t\t<div class=\"wpb_accordion_content ui-accordion-content vc_clearfix\">\n\t\t\t<div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1224-o1\" lang=\"fr-FR\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/2014\/wp-json\/wp\/v2\/portfolio\/307#wpcf7-f1224-o1\" method=\"post\" class=\"wpcf7-form init\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1224\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.4.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1224-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<div class=\"formcolG\">\n<p><span class=\"wpcf7-form-control-wrap your-company\"><input type=\"text\" name=\"your-company\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Soci\u00e9t\u00e9\" \/><\/span><\/p>\n<p><span class=\"wpcf7-form-control-wrap your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre nom\" \/><\/span><\/p>\n<p><span class=\"wpcf7-form-control-wrap tel-441\"><input type=\"tel\" name=\"tel-441\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"Votre n\u00b0 de t\u00e9l\u00e9phone\" \/><\/span><\/p>\n<p><span class=\"wpcf7-form-control-wrap your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre email\" \/><\/span><\/p>\n<\/div>\n<div class=\"formcolD\">\n<p><span class=\"wpcf7-form-control-wrap your-subject\"><input type=\"text\" name=\"your-subject\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Sujet\" \/><\/span><\/p>\n<p><span class=\"wpcf7-form-control-wrap your-message\"><textarea name=\"your-message\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Votre message\"><\/textarea><\/span><\/p>\n<\/div>\n<div class=\"clearfix\"><\/div>\n\n<p><input type=\"submit\" value=\"Envoyer\" class=\"wpcf7-form-control wpcf7-submit\" \/><\/p>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><\/form><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>\n","protected":false},"featured_media":195,"menu_order":34,"template":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>R\u00e9alisation de la charte graphique pour la Cit\u00e9 des M\u00e9tiers (Mulhouse)<\/title>\n<meta name=\"description\" content=\"Entreprise de cr\u00e9ation graphique ind\u00e9pendante, K\u014dwhaiwhai a r\u00e9alis\u00e9 la charte graphique des supports print pour la Cit\u00e9 des M\u00e9tiers de Mulhouse.\" \/>\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.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9alisation de la charte graphique pour la Cit\u00e9 des M\u00e9tiers (Mulhouse)\" \/>\n<meta property=\"og:description\" content=\"Entreprise de cr\u00e9ation graphique ind\u00e9pendante, K\u014dwhaiwhai a r\u00e9alis\u00e9 la charte graphique des supports print pour la Cit\u00e9 des M\u00e9tiers de Mulhouse.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/\" \/>\n<meta property=\"og:site_name\" content=\"K\u014dwhaiwhai - Cr\u00e9ation graphique web &amp; print\" \/>\n<meta property=\"article:modified_time\" content=\"2014-04-07T17:24:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"648\" \/>\n\t<meta property=\"og:image:height\" content=\"486\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/#website\",\"url\":\"https:\/\/www.kowhaiwhai.com\/2014\/\",\"name\":\"K\\u014dwhaiwhai - Cr\\u00e9ation graphique web &amp; print\",\"description\":\"Cr\\u00e9ation graphique web &amp; print\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kowhaiwhai.com\/2014\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#primaryimage\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg\",\"contentUrl\":\"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg\",\"width\":648,\"height\":486,\"caption\":\"Conception identit\\u00e9 visuelle Cit\\u00e9 des M\\u00e9tiers\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#webpage\",\"url\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/\",\"name\":\"R\\u00e9alisation de la charte graphique pour la Cit\\u00e9 des M\\u00e9tiers (Mulhouse)\",\"isPartOf\":{\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#primaryimage\"},\"datePublished\":\"2012-10-31T16:37:02+00:00\",\"dateModified\":\"2014-04-07T17:24:55+00:00\",\"description\":\"Entreprise de cr\\u00e9ation graphique ind\\u00e9pendante, K\\u014dwhaiwhai a r\\u00e9alis\\u00e9 la charte graphique des supports print pour la Cit\\u00e9 des M\\u00e9tiers de Mulhouse.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.kowhaiwhai.com\/2014\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cit\\u00e9 des M\\u00e9tiers\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"R\u00e9alisation de la charte graphique pour la Cit\u00e9 des M\u00e9tiers (Mulhouse)","description":"Entreprise de cr\u00e9ation graphique ind\u00e9pendante, K\u014dwhaiwhai a r\u00e9alis\u00e9 la charte graphique des supports print pour la Cit\u00e9 des M\u00e9tiers de Mulhouse.","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.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9alisation de la charte graphique pour la Cit\u00e9 des M\u00e9tiers (Mulhouse)","og_description":"Entreprise de cr\u00e9ation graphique ind\u00e9pendante, K\u014dwhaiwhai a r\u00e9alis\u00e9 la charte graphique des supports print pour la Cit\u00e9 des M\u00e9tiers de Mulhouse.","og_url":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/","og_site_name":"K\u014dwhaiwhai - Cr\u00e9ation graphique web &amp; print","article_modified_time":"2014-04-07T17:24:55+00:00","og_image":[{"width":648,"height":486,"url":"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg","path":"\/home\/okuspoku\/www\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg","size":"full","id":195,"alt":"Conception identit\u00e9 visuelle Cit\u00e9 des M\u00e9tiers","pixels":314928,"type":"image\/jpeg"}],"twitter_card":"summary","twitter_misc":{"Dur\u00e9e de lecture est.":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.kowhaiwhai.com\/2014\/#website","url":"https:\/\/www.kowhaiwhai.com\/2014\/","name":"K\u014dwhaiwhai - Cr\u00e9ation graphique web &amp; print","description":"Cr\u00e9ation graphique web &amp; print","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kowhaiwhai.com\/2014\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"ImageObject","@id":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#primaryimage","inLanguage":"fr-FR","url":"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg","contentUrl":"https:\/\/www.kowhaiwhai.com\/2014\/wp-content\/uploads\/2014\/03\/portfolio_cdm_tb.jpg","width":648,"height":486,"caption":"Conception identit\u00e9 visuelle Cit\u00e9 des M\u00e9tiers"},{"@type":"WebPage","@id":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#webpage","url":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/","name":"R\u00e9alisation de la charte graphique pour la Cit\u00e9 des M\u00e9tiers (Mulhouse)","isPartOf":{"@id":"https:\/\/www.kowhaiwhai.com\/2014\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#primaryimage"},"datePublished":"2012-10-31T16:37:02+00:00","dateModified":"2014-04-07T17:24:55+00:00","description":"Entreprise de cr\u00e9ation graphique ind\u00e9pendante, K\u014dwhaiwhai a r\u00e9alis\u00e9 la charte graphique des supports print pour la Cit\u00e9 des M\u00e9tiers de Mulhouse.","breadcrumb":{"@id":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/charte-graphique-cdm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.kowhaiwhai.com\/2014\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/www.kowhaiwhai.com\/2014\/Portfolio\/"},{"@type":"ListItem","position":3,"name":"Cit\u00e9 des M\u00e9tiers"}]}]}},"_links":{"self":[{"href":"https:\/\/www.kowhaiwhai.com\/2014\/wp-json\/wp\/v2\/portfolio\/307"}],"collection":[{"href":"https:\/\/www.kowhaiwhai.com\/2014\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.kowhaiwhai.com\/2014\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kowhaiwhai.com\/2014\/wp-json\/wp\/v2\/media\/195"}],"wp:attachment":[{"href":"https:\/\/www.kowhaiwhai.com\/2014\/wp-json\/wp\/v2\/media?parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}