<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Charte graphique Logo Identité visuelle - Graphiste Toulouse</title>
	<atom:link href="https://lachouettecoloree.fr/category/logo-charte-graphique/feed/" rel="self" type="application/rss+xml" />
	<link>https://lachouettecoloree.fr/category/logo-charte-graphique/</link>
	<description></description>
	<lastBuildDate>Thu, 17 Sep 2026 13:21:22 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.1</generator>

<image>
	<url>https://lachouettecoloree.fr/wp-content/uploads/2025/02/cropped-favicon2-1-32x32.png</url>
	<title>Charte graphique Logo Identité visuelle - Graphiste Toulouse</title>
	<link>https://lachouettecoloree.fr/category/logo-charte-graphique/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Fri, 05 Sep 2025 13:26:21 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=4521</guid>

					<description><![CDATA[<p>Photo : Alvaro O Donnell &#8211; Unsplash Création de logo pour un artisan bijoutier Ephémère est l&#8217;entreprise d&#8217;un artisan bijoutier. [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/">Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/">Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fa1d7c45 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="498" height="640" src="https://lachouettecoloree.fr/wp-content/uploads/2025/09/couve1.webp" alt="Exemple logo pour artisan bijoutier" class="wp-image-4525" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/09/couve1.webp 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/09/couve1-233x300.webp 233w" sizes="(max-width: 498px) 100vw, 498px" /></figure>



<p class="has-small-font-size wp-block-paragraph"><em>Photo : Alvaro O Donnell &#8211; Unsplash</em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Création de logo pour un artisan bijoutier</h2>



<p class="wp-block-paragraph">Ephémère est l&rsquo;entreprise d&rsquo;un artisan bijoutier. J&rsquo;ai créé l&rsquo;identité visuelle avec le logo et l&rsquo;univers graphique.</p>



<p class="wp-block-paragraph">L&rsquo;enjeu a été de trouver un équilibre entre le travail artisanal et artistique tout en l&rsquo;ancrant dans le domaine souvent luxueux du bijou.</p>



<p class="wp-block-paragraph">Le pictogramme tient en la boucle dessinée par le « E », utilisé comme un collier portant un bijou.</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-pictos-P.webp" alt="" class="wp-image-2506" style="width:auto;height:230px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-pictos-P.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-pictos-P-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-pictos-P-768x422.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-88739f65 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Création de pictogrammes pour catégories de bijoux</h2>



<p class="wp-block-paragraph">Les catégories de produits peuvent être illustrées par des icones déclinées du pictogramme du logo de l&rsquo;artisan bijoutier.</p>



<p class="wp-block-paragraph">Ces illustrations pourraient trouver leur place dans un catalogue ou un site e-commerce.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-icones-P.webp" alt="Création d'icones de bijoux pour site web artisan" class="wp-image-2505" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-icones-P.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-icones-P-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-icones-P-768x422.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-88739f65 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-banner-P-1.webp" alt="Exemple de bannière de communication pour bijoux artisanaux" class="wp-image-2510" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-banner-P-1.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-banner-P-1-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/04/bijoux-ephemeres-banner-P-1-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="has-small-font-size wp-block-paragraph"><em>Photo : Alvaro O Donnell &#8211; Patty Zavala &#8211; Unsplash</em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Exemple de bannière de communication</h2>



<p class="wp-block-paragraph">La communication met en avant les créations de l&rsquo;artisan. L&rsquo;élément graphique du losange est utilisé comme marqueur de l&rsquo;identité visuelle de l&rsquo;entreprise et pourra être repris sur les différents supports pour assurer une cohérence graphique.</p>
</div>
</div>



<p class="wp-block-paragraph"></p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/">Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/">Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Floral &#8211; Fleuriste charte graphique et site web</title>
		<link>https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Thu, 21 Aug 2025 15:44:14 +0000</pubDate>
				<category><![CDATA[UX design]]></category>
		<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<category><![CDATA[UX design - Portfolio]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=4465</guid>

					<description><![CDATA[<p>Floral &#8211; Création de charte graphique et site web pour fleuriste Floral est une création d&#8217;identité visuelle et de création [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/">Floral &#8211; Fleuriste charte graphique et site web</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/">Floral &#8211; Fleuriste charte graphique et site web</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="640" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couve.webp" alt="Projet logo charte graphique et site web pour fleuriste" class="wp-image-4480" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couve.webp 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couve-233x300.webp 233w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h1 class="wp-block-heading">Floral &#8211; Création de charte graphique et site web pour fleuriste</h1>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Floral est une création d&rsquo;identité visuelle et de création de site web pour une boutique en ligne de fleuriste.</p>



<p class="wp-block-paragraph">Découvrez comment j&rsquo;ai travaillé sur les motifs floraux, le choix des couleurs et la mise en valeur des produits sur le site web ainsi que sur son design.</p>
</div>
</div>



<h2 class="wp-block-heading">Recherche illustrations florales et logo pour fleuriste</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-089235af wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="333" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-illustration1.webp" alt="illustrations florales avec contour pour logo pour fleuriste" class="wp-image-4466" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-illustration1.webp 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-illustration1-300x250.webp 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="333" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-illustration2.webp" alt="illustrations florales légères pour le logo pour fleuriste" class="wp-image-4467" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-illustration2.webp 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-illustration2-300x250.webp 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="333" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-logo.webp" alt="logo pour artisan fleuriste" class="wp-image-4468" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-logo.webp 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-logo-300x250.webp 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">Les illustrations ont été dessinées à la main puis reproduites sur ordinateur. Après réflexion j&rsquo;ai fait le choix d&rsquo;enlever les contours afin d&rsquo;avoir une identité visuelle et une ambiance graphique légère.</p>



<p class="wp-block-paragraph">La typographie choisie pour le <a href="https://lachouettecoloree.fr/creation-logo-toulouse/">logo</a> est moderne. Les empattements donne de la stabilité et rappelle aussi les typographies anciennes et l&rsquo;herboristerie. Les lettres étant évidées par un trait apportent originalité et légèreté.</p>



<h2 class="wp-block-heading">Recherche palette de couleurs pour la charte graphique</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-089235af wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur1.webp" alt="recherche couleur fleuriste" class="wp-image-4469" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur1.webp 600w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur1-300x300.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur1-150x150.webp 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur2.webp" alt="palette couleur sombres pour identité visuelle pour fleuriste" class="wp-image-4470" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur2.webp 600w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur2-300x300.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur2-150x150.webp 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur3.webp" alt="palette couleur florales pour fleuriste indépendant" class="wp-image-4471" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur3.webp 600w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur3-300x300.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur3-150x150.webp 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur4.webp" alt="couleurs recherche pour charte graphique de fleuriste" class="wp-image-4472" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur4.webp 600w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur4-300x300.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couleur4-150x150.webp 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">J&rsquo;ai tout de suite orienté les couleurs vers le jaune et noir. J&rsquo;ai tenté de marier ces 2 couleurs à du vert mais après de multiples essais j&rsquo;ai choisi la proposition 3 une l&rsquo;identité visuelle simple et à la fois marquée par le jaune. C&rsquo;est dynamique sans être trop criard.</p>



<h2 class="wp-block-heading">Eléments webdesign pour site web fleuriste</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:10%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading">Design du header du site web</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="365" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-header-1024x365.webp" alt="exemple bannière site web fleuriste" class="wp-image-4473" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-header-1024x365.webp 1024w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-header-300x107.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-header-768x274.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-header.webp 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Design les encarts produit</h3>



<p class="wp-block-paragraph">J&rsquo;ai voulu rappeler subtilement la charte graphique avec une illustration derrière les photos de produit. Ces illustrations étant vectorielle et en aplat de couleur, elles ne viendront pas alourdir la page et conviennent pour une conception de <a href="https://lachouettecoloree.fr/ux-design/site-web-eco-responsable-le-guide-complet/">site web eco-responsable</a>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="512" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-produit-1024x512.webp" alt="exemple mise en avant web produit bouquet de fleur" class="wp-image-4474" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-produit-1024x512.webp 1024w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-produit-300x150.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-produit-768x384.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-produit.webp 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Design d&rsquo;un encart de mise en avant</h3>



<p class="wp-block-paragraph">Pour ce type d&rsquo;encart, j&rsquo;ai travailler le fond en mosaïque. Cet élément sera utilisé pour les encarts importants dans la page avec notamment les appels à l&rsquo;action principaux. Pour éviter une surcharge visuelle, il conviendra de n&rsquo;en utiliser qu&rsquo;un par page maximum.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="512" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-encart-1024x512.webp" alt="webdesign d'un encart web pour fleuriste" class="wp-image-4475" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-encart-1024x512.webp 1024w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-encart-300x150.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-encart-768x384.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-siteweb-design-encart.webp 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:10%"></div>
</div>



<h2 class="wp-block-heading">Exemple de design site web pour fleuriste</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="427" height="1024" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-exemple-siteweb-webdesign-427x1024.webp" alt="exemple de création de site vitrine internet pour fleuriste" class="wp-image-4476" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-exemple-siteweb-webdesign-427x1024.webp 427w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-exemple-siteweb-webdesign-125x300.webp 125w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-exemple-siteweb-webdesign.webp 600w" sizes="auto, (max-width: 427px) 100vw, 427px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Pour la <a href="https://lachouettecoloree.fr/creation-site-internet-toulouse/">création de ce site internet pour fleuriste</a>, je propose un design épuré qui met en valeur les créations florales. Les photos produits sont assez grandes pour pouvoir apprécier la composition.</p>



<p class="wp-block-paragraph">Ce type de design convient aux artisans fleuristes et se place volontairement loin des grands e-commerces type « grande distribution ». Ces derniers présentent souvent des centaines de produits et proposent des pages surchargées ce qui donne une impression de produits de basse qualité.</p>



<p class="wp-block-paragraph">Ce design peut convenir pour un site vitrine comme un site d&rsquo;e-commerce. Dans le cas d&rsquo;un site vitrine, nous proposons les compositions et la réservation peut par exemple se faire par téléphone ou message. Dans le cas d&rsquo;un site e-commerce les photos des bouquets de fleur mèneront vers les fiches produits pour un achat en ligne.</p>



<p class="wp-block-paragraph"><strong>Vous êtes fleuriste et vous désirez créer un site internet sur mesure ?  Vous pouvez réserver un appel ci-dessous et nous discuterons de votre projet. Suite à ce rendez-vous je vous fournirai un devis sur-mesure gratuit et sans engagement.</strong></p>



<div class="wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9a30c031 wp-block-columns-is-layout-flex" style="padding-top:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-4c43efd1 wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0">
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel="noreferrer noopener nofollow">prendre rendez-vous</a></div>
</div>



<p class="has-text-align-center has-small-font-size wp-block-paragraph"><em>Rendez-vous en visio de 30 minutes, gratuit et sans engagement</em></p>
</div>
</div>
</div>
</div>



<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--80)">Un projet ? Découvrez comment je peux vous aider :</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-089235af wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 id="htoc-mon-service-de-cr-ation-de-maquette-web" class="wp-block-heading">Création de Site Internet Eco responsable</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Tu n’as pas le temps ou les compétences pour créer un site web de qualité<strong> </strong>? Je prends en charge la<strong> création de ton site internet éco-responsable</strong>, tu te consacres à ton métier et tu ne perds plus de temps !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Un suivi en co-création avec validation à chaque étape</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conseil en conception éco-responsable pour limiter son impact et aller à l&rsquo;essentiel</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60)">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/creation-site-internet-toulouse/" style="line-height:1.6">VOIR site web eco responsable</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-1 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-2" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/">Floral &#8211; Fleuriste charte graphique et site web</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/">Floral &#8211; Fleuriste charte graphique et site web</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Green Loop E-commerce Economie circulaire &#8211; Logo et site web</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Tue, 15 Apr 2025 14:24:33 +0000</pubDate>
				<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<category><![CDATA[UX design]]></category>
		<category><![CDATA[UX design - Portfolio]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=3502</guid>

					<description><![CDATA[<p>E-commerce Economie circulaire &#8211; Logo et site web Green Loop est un e-commerce en économie circulaire fictif. L&#8217;entreprise récupère des [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/">Green Loop E-commerce Economie circulaire &#8211; Logo et site web</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/">Green Loop E-commerce Economie circulaire &#8211; Logo et site web</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="640" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/greenloop-image-defaut-articleportfolio.webp" alt="Création de logo pour e-commerce en économie circulaire" class="wp-image-3505" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/greenloop-image-defaut-articleportfolio.webp 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/greenloop-image-defaut-articleportfolio-233x300.webp 233w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<h1 class="wp-block-heading">E-commerce Economie circulaire &#8211; Logo et site web</h1>



<p class="wp-block-paragraph">Green Loop est un e-commerce en économie circulaire fictif. L&rsquo;entreprise récupère des objets et des meubles donnés par des particuliers. Elle les répare ou les transforme et les revend en ligne.</p>



<p class="wp-block-paragraph">Pour ce projet j&rsquo;ai créé le logo, l&rsquo;identité visuelle et la maquette design du site web.</p>



<h2 class="wp-block-heading">Le logo</h2>



<p class="wp-block-paragraph">Le logo met l&rsquo;accent sur le mot Loop (boucle en anglais) qui est au cœur du principe de commerce circulaire. La lecture du mot débute par le L puis passe par la boucle formée par les 2 O et se finit par le P. Ce cheminement symbolise la transformation de l&rsquo;objet qui se retrouve réinjecté sur le marché sous une nouvelle forme.</p>
</div>
</div>



<h2 class="wp-block-heading">La palette de couleurs</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/couleursx.webp" alt="Palette de couleur écologique" class="wp-image-3511" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/couleursx.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/couleursx-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/couleursx-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/traitement-photo-1.webp" alt="identité visuelle pour e-commerce" class="wp-image-3512" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/traitement-photo-1.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/traitement-photo-1-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/traitement-photo-1-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption"><em><sup>Photo originale de <a href="https://unsplash.com/fr/@insideweather?utm_content=creditCopyText&amp;utm_medium=referral&amp;utm_source=unsplash" target="_blank" rel="noreferrer noopener nofollow">Inside Weather</a> sur <a href="https://unsplash.com/fr/photos/canape-en-tissu-rouge-dbH_vy7vICE?utm_content=creditCopyText&amp;utm_medium=referral&amp;utm_source=unsplash" target="_blank" rel="noreferrer noopener nofollow">Unsplash</a></sup></em></figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">Pour le choix des couleurs, j&rsquo;ai voulu mettre en avant la créativité des artisans de l&rsquo;entreprise. L&rsquo;objectif était de transmettre un esprit ludique autour du recyclage de déchets qui peu paraitre monotone habituellement. Cette volonté soutient la valorisation des déchets. Ils ne sont plus quelque chose qu&rsquo;on doit faire disparaitre mais deviennent  des matériaux donnant naissance à de nouvelles créations.</p>



<p class="wp-block-paragraph">Pour soutenir cette idée, j&rsquo;ai voulu une palette colorée et variée. J&rsquo;ai cependant opté pour des couleurs non saturées pour garder un aspect naturel pour rester dans un esprit « écologique ».</p>



<h2 class="wp-block-heading">La création des icônes e-commerce</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones1.webp" alt="Création icônes web originale" class="wp-image-3506" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones1.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones1-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones1-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones2.webp" alt="icônes dessinées" class="wp-image-3507" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones2.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones2-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/icones2-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">Pour les icônes, j&rsquo;ai voulu trancher avec celles qu&rsquo;on peut voir habituellement. Le but était de donner une vraie identité graphique unique à ce e-commerce. J&rsquo;ai choisi de dessiner les icones à la main. Pour renforcer le côté créatif et artisanal de l&rsquo;activité, j&rsquo;ai ajouté un aspect « crayonné » . L&rsquo;élément graphique de « coloriage » en fond vient renforcer cette idée. Il se retrouve également dans en valeur des photos du site web dont le fond est colorié.</p>



<h2 class="wp-block-heading">La création du design du site web e-commerce</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="277" height="1024" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/maquette-web_1-1-277x1024.webp" alt="maquette web d'un site d'e-commerce" class="has-border-color has-cyan-bluish-gray-border-color wp-image-3514" style="border-width:1px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/maquette-web_1-1-277x1024.webp 277w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/maquette-web_1-1-81x300.webp 81w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/maquette-web_1-1-768x2843.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/maquette-web_1-1-415x1536.webp 415w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/maquette-web_1-1-scaled.webp 692w" sizes="auto, (max-width: 277px) 100vw, 277px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/site-web-MES-1.webp" alt="écran montrant le site web créé" class="wp-image-3516" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/site-web-MES-1.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/site-web-MES-1-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/site-web-MES-1-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="wp-block-paragraph">La maquette design du site web concerne la page d&rsquo;accueil. Elle présente l&rsquo;entreprise avec une image attractive par ses couleurs et plonge l&rsquo;internaute directement dans l&rsquo;ambiance graphique. Le titre est bref et précis afin que l&rsquo;internaute comprenne immédiatement le principe du e-commerce.</p>



<p class="wp-block-paragraph">En dessous on retrouve les 3 étapes de la vie de l&rsquo;objet symbolisé avec les 3 icones : le don d&rsquo;objet, la réparation ou transformation par les artisans, la revente en ligne. Ces 3 étapes sont également les 3 types de cibles que peut toucher l&rsquo;entreprise : les particuliers qui donnent, les artisans voulant s&rsquo;investir et les clients.</p>



<p class="wp-block-paragraph">L&rsquo;internaute pourra voir ensuite les derniers objets mis en vente. Cet espace met en valeur les objets par la mise en place de grandes photos : anciennement déchets, ils se sont transformé en vrais nouveaux objets « comme neufs ».</p>



<p class="wp-block-paragraph">La dernière partie vient appuyer l&rsquo;impact positif qu&rsquo;a l&rsquo;e-commerce en économie circulaire. La mise en valeur des résultats via des chiffre incite les internautes à y participer soit en donnant soit en achetant.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Les principes d&rsquo;éco conception pour ce site e-commerce</h2>



<h3 class="wp-block-heading">Le traitement des images</h3>



<p class="wp-block-paragraph">Dans un e-commerce, le nombre de produits affichés par page peut devenir source de lenteur lors du chargement de la page. Pour optimiser cet aspect on peut limiter le nombre de produits affichés / chargés par page mais également agir sur le traitement des images. Il est essentiel d&rsquo;avoir des images les plus légères possibles tout en gardant leur qualité. Ce travail se fait au niveau :</p>



<ul class="wp-block-list">
<li>de l&rsquo;optimisation de l&rsquo;image, </li>



<li>du choix de la taille de l&rsquo;image chargée qui doit être identique à la taille affichée, </li>



<li>mais également du choix de format de fichier adapté pour le web.</li>
</ul>



<h3 class="wp-block-heading">Des fonctionnalités limitées à l&rsquo;essentiel</h3>



<p class="wp-block-paragraph">L&rsquo;éco-conception prône le principe faire mieux avec moins. Pour cela il faut déterminer ce qui est vraiment essentiel et utile pour l&rsquo;internaute lorsqu&rsquo;il visite cette page en particulier. Ce choix de contenu utile repose donc sur une bonne connaissance de son visiteur. </p>



<h3 class="wp-block-heading">Un design sobre</h3>



<p class="wp-block-paragraph">Dans la même veine que les fonctionnalités essentielles, on limite également de créer un design trop complexe. Les animations sont trop souvent utilisées à tord pour créer un effet waouh. Mais derrière cet effet, les animations viennent souvent perturber la navigation de l&rsquo;internaute qui finit par le pas trouver ce qu&rsquo;il cherche. La simplicité est la meilleure alliée de l&rsquo;ergonomie. Il ne faut pas oublier que l&rsquo;internaute ne vient pas voir un spectacle mais trouver une information, un service.</p>



<p class="wp-block-paragraph">Pour autant un design sobre peut porter une vraie identité graphique donnant vie à une marque ou une entreprise. La simplicité ne sacrifie en rien son univers graphique ou sa personnalité. Au contraire, la sobriété est un choix judicieux pour allier l&rsquo;originalité graphique et respect de l&rsquo;utilisateur, grâce à une ergonomie du site web optimisée pour créer une expérience fluide et intuitive.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:120px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="250" height="250" src="https://lachouettecoloree.fr/wp-content/uploads/2025/02/laure-oreja-graphiste-webdesigner-toulouse-portrait2-1.webp" alt="" class="wp-image-3066" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/02/laure-oreja-graphiste-webdesigner-toulouse-portrait2-1.webp 250w, https://lachouettecoloree.fr/wp-content/uploads/2025/02/laure-oreja-graphiste-webdesigner-toulouse-portrait2-1-150x150.webp 150w" sizes="auto, (max-width: 250px) 100vw, 250px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Avec une expérience de 14 ans en entreprise d&rsquo;e-commerce, je propose aujourd&rsquo;hui plusieurs services pour aider les entrepreneurs et entreprises à créer leur présence en ligne. J&rsquo;offre le premier rendez-vous pour discuter de votre projet en visio afin de voir quelle est la meilleure solution que je peux vous proposer en fonction de votre situation.</p>


<div class="has-text-align-right wp-block-post-author"><div class="wp-block-post-author__content"><p class="wp-block-post-author__name">Oreja Laure</p></div></div></div>
</div>



<div class="wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9a30c031 wp-block-columns-is-layout-flex" style="padding-top:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-4c43efd1 wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0">
<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel="noreferrer noopener nofollow">prendre rendez-vous</a></div>
</div>



<p class="has-text-align-center has-small-font-size wp-block-paragraph"><em>Rendez-vous en visio de 30 minutes, gratuit et sans engagement</em></p>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Comment je peux vous aider pour créer votre site web :</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 id="htoc-mon-service-de-cr-ation-de-maquette-web" class="wp-block-heading">Création de Site Internet Eco responsable</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Tu n’as pas le temps ou les compétences pour créer un site web de qualité<strong> </strong>? Je prends en charge la<strong> création de ton site internet éco-responsable</strong>, tu te consacres à ton métier et tu ne perds plus de temps !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Un suivi en co-création avec validation à chaque étape</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conseil en conception éco-responsable pour limiter son impact et aller à l&rsquo;essentiel</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60)">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/creation-site-internet-toulouse/" style="line-height:1.6">VOIR site web eco responsable</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Création de Landing Page</h3>



<p class="wp-block-paragraph">Tu obtiens une page de vente professionnelle qui te rend crédible au yeux de tes prospects. Livrée en 10 jours avec un design sur mesure pour booster tes ventes !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Pas de template</strong>, le design est créé à ton image.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Ta page est soit intégrée à ton <strong>site web existant</strong>, soit <strong>on part de zéro</strong> .</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Tu récupères <strong>ta page en 10 jours</strong> à compter du 1er point projet.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Prix unique sans surprise : 900€ TTC</strong></p>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-de-landing-page-ux-designer-webdesigner-freelance-toulouse/">Voir création de landing page</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/">Green Loop E-commerce Economie circulaire &#8211; Logo et site web</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/">Green Loop E-commerce Economie circulaire &#8211; Logo et site web</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MAIN TENDUE association &#8211; Flyer Affiche et dépliant</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Tue, 01 Apr 2025 08:51:07 +0000</pubDate>
				<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<category><![CDATA[Logo et charte graphique]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=3443</guid>

					<description><![CDATA[<p>MAIN TENDUE association &#8211; Flyer, livret, affiche et dépliant Main Tendue 31 est une association à Toulouse qui aide les [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/">MAIN TENDUE association &#8211; Flyer Affiche et dépliant</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/">MAIN TENDUE association &#8211; Flyer Affiche et dépliant</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">MAIN TENDUE association &#8211; Flyer, livret, affiche et dépliant</h1>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Main Tendue 31 </strong>est une association à Toulouse qui aide les personnes et les familles en grande difficulté et/ou en situation d’exclusion par la mise en place de multiples actions : épicerie sociale, accueil mobile dans les rues, activités collectives, espaces d&rsquo;écoute &#8230; afin de les soutenir et les accompagner vers l&rsquo;autonomie.</p>



<p class="wp-block-paragraph">Pour soutenir leur action, j&rsquo;ai mis à profit mes compétences de graphiste pour <strong>créer un flyer, livret, affiche, dépliant</strong>&#8230;etc.</p>
</div>
</div>



<h2 class="wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-13">Création de livret d&rsquo;accueil</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d065b03d wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="667" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-couve-edited.webp" alt="Livret imprimé couverture" class="wp-image-3452" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-couve-edited.webp 1000w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-couve-edited-300x200.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-couve-edited-768x512.webp 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="667" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-interieur-edited.webp" alt="Mise en page graphiste d'un livret pour association" class="wp-image-3453" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-interieur-edited.webp 1000w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-interieur-edited-300x200.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/livret-benevole-mockup-interieur-edited-768x512.webp 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6ca77e05 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Le premier projet confié était de<strong> créer un livret</strong> de 20 pages à destination des bénévoles de l&rsquo;association <a href="https://www.linkedin.com/company/maintendue31/" target="_blank" rel="noreferrer noopener">Main Tendue 31</a>. Ce livret a pour objectif de présenter l&rsquo;ensemble des activités et des valeurs de l&rsquo;association aux nouveaux venus.</p>



<p class="wp-block-paragraph">A partir du logo, j&rsquo;ai créé une charte graphique que l&rsquo;on retrouvera ensuite sur tous les supports de communication :</p>



<ul class="wp-block-list">
<li>La palette de couleur vert et orange provenant du logo existant à laquelle j&rsquo;ai ajouté un beige utilisé en fond pour adoucir l&rsquo;ambiance graphique et la rendre accueillante.</li>



<li>L&rsquo;utilisation des boucles du logo comme élément graphique récurent permettant d&rsquo;amener du dynamisme et d&rsquo;avoir une forme originale pour l&rsquo;intégration des photos.</li>



<li>La détermination des typographies utilisées pour titre, sous-titre et texte.</li>
</ul>



<p class="wp-block-paragraph">Ce livret a permit de redonner à cette association une image chaleureuse et professionnelle à la hauteur de leur engagement.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-14">Création de livret </h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/maintendue31-brochure2-solivraison-hd_P.webp" alt="livret imprimé graphiste" class="wp-image-3448" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/maintendue31-brochure2-solivraison-hd_P.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/maintendue31-brochure2-solivraison-hd_P-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/maintendue31-brochure2-solivraison-hd_P-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="wp-block-paragraph">Ce livret de 20 pages a été créé afin de présenter un nouveau projet de l&rsquo;association : la livraison de courses de l&rsquo;épicerie sociale au domicile des bénéficiaires les plus isolés. Ce livret était à destination des partenaires et professionnels voulant participer au projet.</p>



<p class="wp-block-paragraph">En reprenant la charte graphique, j&rsquo;ai rythmé le texte de ce livret en jouant sur une mise en page dynamique.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-15">Création de flyer </h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="440" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/flyer-solivraison-main-tendue31.webp" alt="Création de flyer de graphiste print" class="wp-image-3446" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/flyer-solivraison-main-tendue31.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/flyer-solivraison-main-tendue31-300x165.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/flyer-solivraison-main-tendue31-768x422.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="wp-block-paragraph">En déclinaison du livret, j&rsquo;ai pu créer un flyer pour les bénéficiaires de l&rsquo;épicerie sociale. Le but était de présenter ce nouveau service de manière claire et succincte.</p>



<p class="wp-block-paragraph"></p>
</div>
</div>



<h2 class="wp-block-heading">Vous désirez créer un flyer, une affiche, un dépliant ?</h2>



<p class="wp-block-paragraph">En tant que graphiste freelance web et print, je vous accompagne dans votre projet par la création de vos supports de communication imprimés professionnels.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2c18677e wp-block-columns-is-layout-flex" style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-38a8e421 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)">
<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="538" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/portrait-web.webp" alt="" class="wp-image-1127" style="width:200px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/portrait-web.webp 538w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/portrait-web-269x300.webp 269w" sizes="auto, (max-width: 538px) 100vw, 538px" /></figure>



<h3 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-16"><strong>1 RDV visio de 30 minutes pour échanger</strong></h3>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-17 wp-block-paragraph">Contactez moi ou prenez rendez-vous afin de faire connaissance. Le but est de vous proposer un service et un tarif adapté à votre situation et à votre projet.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-38a8e421 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-18 is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)">
<h3 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-19"><strong>Graphiste avec 14 ans d&rsquo;expérience pour la création de vos supports imprimés</strong></h3>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-20 wp-block-paragraph">A partir de votre univers graphique et de vos objectifs de communication je vous accompagne pour créer vos flyers, affiches, livrets, brochure, &#8230;etc.</p>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)">
<h3 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-21"><strong>Devis 100% gratuit &amp; sans engagement</strong></h3>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-22 wp-block-paragraph">Suite à nos échanges, vous recevrez un devis sur mesure en fonction de votre projet et adapté à votre budget.</p>
</div>
</div>
</div>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-ast-global-color-5-background-color has-text-color has-background has-link-color wp-elements-23 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<h3 class="wp-block-heading">Prendre rendez-vous en visio :</h3>



<p class="wp-block-paragraph">Réservez un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est gratuit et sans engagement.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<h3 class="wp-block-heading has-text-align-left has-ast-global-color-2-color has-text-color has-link-color wp-elements-24">Envoyer un message :</h3>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948913000-2956106221",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948913000-2956106221"></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<h3 class="wp-block-heading">Par téléphone</h3>



<p class="wp-block-paragraph"><strong>07.59.64.92.99</strong></p>



<p class="wp-block-paragraph"><strong>Du lundi au vendredi : 9h-17h.</strong></p>



<p class="wp-block-paragraph">En cas d’absence n’hésitez pas à laisser un message.</p>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-25 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-26" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/">MAIN TENDUE association &#8211; Flyer Affiche et dépliant</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/">MAIN TENDUE association &#8211; Flyer Affiche et dépliant</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Couleur et signification : faire le bon choix pour sa communication</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/couleur-et-signification-faire-le-bon-choix-pour-sa-communication/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Thu, 06 Feb 2025 16:12:25 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & Charte graphique - conseils et astuces]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=2933</guid>

					<description><![CDATA[<p>Couleur et signification : faire le bon choix pour sa communication Les couleurs font référence à un ensemble de symboles [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/couleur-et-signification-faire-le-bon-choix-pour-sa-communication/">Couleur et signification : faire le bon choix pour sa communication</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/couleur-et-signification-faire-le-bon-choix-pour-sa-communication/">Couleur et signification : faire le bon choix pour sa communication</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">Couleur et signification : faire le bon choix pour sa communication</h1>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e25b615d wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="421" src="https://lachouettecoloree.fr/wp-content/uploads/2025/02/couleur-signification.png" alt="" class="wp-image-2998" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/02/couleur-signification.png 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/02/couleur-signification-300x254.png 300w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Les couleurs font référence à un ensemble de symboles et de perceptions communes profondément liés à notre société et à notre histoire. La signification des couleurs est propre à chaque culture et témoigne d&rsquo;un passé commun et d&rsquo;une construction psychologique qui nous est propre. Saviez-vous qu&rsquo;on se marie en rouge en chine ? Et que le blanc est la couleur du deuil ? Etonnant pour nos sociétés occidentales, mais cela prouve le lien entre couleur, signification et histoire.</p>



<p class="wp-block-paragraph">La signification des couleurs est un basique en conception graphique. La connaitre permet de faire des choix raisonnés pour ses visuels de communication et pour <a href="https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/">créer son identité visuelle</a>. Vectrices de message, influenceuses d&rsquo;émotion, les couleurs mettent du sens dans les choix graphiques. Bien utilisées, elles renforcent le message que l&rsquo;on souhaite faire passer.</p>
</div>
</div>



<p class="wp-block-paragraph">La communication visuelle est avant tout un moyen de transmettre un message ou une émotion, et le choix des couleurs ne doit rien au hasard. Je vous présente donc dans cet article la signification des couleurs les plus communes.</p>



<h2 class="wp-block-heading">Signification du rouge</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e25b615d wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="421" src="https://lachouettecoloree.fr/wp-content/uploads/2025/02/rouge.jpg" alt="photo rouge couleur et signification" class="wp-image-3000" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/02/rouge.jpg 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/02/rouge-300x254.jpg 300w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Le rouge est la couleur la plus puissante. Il évoque la force, le dynamisme, la passion, la vie et l&rsquo;énergie. Le rouge peut également avoir une signification négative comme le danger ou encore l&rsquo;agressivité.</p>



<p class="wp-block-paragraph"><strong>En graphisme</strong>, le rouge est souvent utilisé pour les promotions et les appels à l&rsquo;action pour son caractère évoquant l&rsquo;urgence et sa capacité à provoquer l&rsquo;action de la part de l&rsquo;audience.</p>



<p class="wp-block-paragraph">Il est également associé aux sensations fortes, à la passion, à l&rsquo;amour et à l&rsquo;excitation.</p>



<p class="wp-block-paragraph">Le rouge est particulièrement utilisé par les marques dynamiques, de divertissement ou de sport mais également dans les entreprises voulant favoriser les achats impulsifs. D&rsquo;autre part, le secteur alimentaire utilise souvent cette couleur évoquant aussi la vie et la gourmandise.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Exemple d&rsquo;entreprises : </strong>Coca Cola, H&amp;M, You Tube, Redbull, Netflix, Croix rouge</p>



<p class="wp-block-paragraph"><strong>Mon conseil : </strong>A cause de son effet puissant, le rouge doit être utilisé avec parcimonie. Evitez de l&rsquo;associer avec d&rsquo;autres couleurs  puissantes.</p>



<h2 class="wp-block-heading">Signification du bleu</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e25b615d wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="421" src="https://lachouettecoloree.fr/wp-content/uploads/2025/02/bleu.jpg" alt="photo avec couleur bleu et signification" class="wp-image-3003" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/02/bleu.jpg 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/02/bleu-300x254.jpg 300w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">La couleur bleu revêt une signification de calme, de tranquillité associée au ciel ou à la mer dans notre imaginaire collectif. Elle est le symbole de la fiabilité, de la confiance et c&rsquo;est pour cette raison que c&rsquo;est la couleur la plus utilisée dans la création de logo.</p>



<p class="wp-block-paragraph">Ses effets négatifs peuvent faire référence à la tristesse et à la froideur.</p>



<p class="wp-block-paragraph"><strong>En graphisme,</strong> le bleu est utilisé pour des ambiances graphiques évoquant la stabilité et le professionnalisme. Elle renforce les positionnements des marques voulant être perçues comme digne de confiance. La couleur bleu est pour cette raison souvent utilisé par les marques de grande distribution, des entreprises technologiques, informatiques et le secteur de la santé.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Mon conseil : </strong>Si vous souhaitez éviter l&rsquo;effet froid de la couleur bleu, associez-la à une couleur chaude pour « réveiller » votre visuel. Vous pouvez également opter pour un bleu clair et/ ou tendant vers le vert (cyan) pour atténuer cet effet.</p>



<p class="wp-block-paragraph"><strong>Exemple d&rsquo;entreprises : </strong>Nivea, IBM, HP, Deliveroo, Facebook, Ford, Decathlon</p>



<h2 class="wp-block-heading">Signification du jaune</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e25b615d wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="421" src="https://lachouettecoloree.fr/wp-content/uploads/2025/02/jaune.jpg" alt="exemple d'utilisation de la couleur jaune et signification" class="wp-image-3005" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/02/jaune.jpg 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/02/jaune-300x254.jpg 300w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">La couleur jaune est associée aux sentiments de joie, de fête mais également au dynamisme et à l&rsquo;énergie. Communément associée au soleil et à la saison d&rsquo;été, le jaune a très souvent une connotation positive.</p>



<p class="wp-block-paragraph">Cependant, historiquement le jaune fait également référence à la trahison et au mensonge. Attention donc au contexte dans lequel on l&rsquo;utilise.</p>



<p class="wp-block-paragraph"><strong>En graphisme,</strong> la couleur jaune est utilisée pour apporter dynamisme et optimisme aux visuels. On retrouve cette couleur plus spécifiquement chez les marques de livraison (La Poste, DHL, UPS) mais également chez les marques pour enfants (Lego, Nickelodeon) ou encore par les entreprises de voyage.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Mon conseil</strong> : sur le même principe que le rouge, attention à ne pas ajouter trop de couleurs dynamiques autour du jaune. C&rsquo;est une couleur lumineuse, qui attire vite le regard. Afin de bénéficier de son atout, elle doit être utilisée avec parcimonie et en complément de couleur plus douces et / ou froides.</p>



<p class="wp-block-paragraph"><strong>Exemple d&rsquo;entreprises : </strong>La Poste, UPS, Chupa Chups, Snapchat, Caterpillar</p>



<h2 class="wp-block-heading">Signification du vert</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e25b615d wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="421" src="https://lachouettecoloree.fr/wp-content/uploads/2025/02/vert.jpg" alt="Illustration d'utilisation du vert et signification" class="wp-image-3006" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/02/vert.jpg 498w, https://lachouettecoloree.fr/wp-content/uploads/2025/02/vert-300x254.jpg 300w" sizes="auto, (max-width: 498px) 100vw, 498px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">La première chose à laquelle on associe le vert est la nature. Mais cette couleur est aussi le symbole de la croissance et du progrès. Le vert inspire l&rsquo;équilibre et le renouveau.</p>



<p class="wp-block-paragraph"><strong>En graphisme</strong>, on retrouve le vert chez les entreprises liées à l&rsquo;environnement et à l&rsquo;écologie. Mais cette couleur est également souvent associé au domaine de la santé et du bien-être. Moins évident, le vert est aussi associé à la croissance, à l&rsquo;innovation et à la prospérité et se retrouve ainsi dans les entreprises financières ou technologiques.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Mon conseil : </strong>cette couleur amène de la sérénité à vos visuels. Elle est reconnue comme étant une couleur apaisante pour la vision. Si ce sentiment est pertinent pour votre activité, vous pouvez l&rsquo;utiliser sans modération. Attention tout de même car votre audience associera rapidement cette couleur à la nature et à l&rsquo;environnement. Si votre activité n&rsquo;est pas en lien, il faudra veiller à ne pas en abuser ou à l&rsquo;associer avec une autre couleur.</p>



<p class="wp-block-paragraph"><strong>Exemple d&rsquo;entreprises :</strong> Starbuck, Nvidia, Gamm Vert, Hello Fresh, Spotify, Yves Rocher</p>



<h2 class="wp-block-heading">En résumé &#8230;</h2>



<p class="wp-block-paragraph">La signification des couleurs permet de comprendre l&rsquo;influence qu&rsquo;elles peuvent avoir à la fois sur le comportement des utilisateurs face à un support de communication mais également l&rsquo;image que renvoie notre entreprise. Connaitre les couleurs et leur signification permet de faire des choix réfléchis sans oublier que la psychologie des couleurs est propre à notre culture.</p>



<p class="wp-block-paragraph">Si vous désirez travailler votre identité visuelle, je peux vous accompagner dans <a href="https://lachouettecoloree.fr/devis-pour-votre-logo-gratuit-et-sans-engagement/">la création de votre image de marque</a>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fdeaa0c9 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-27 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-28" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph"></p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/couleur-et-signification-faire-le-bon-choix-pour-sa-communication/">Couleur et signification : faire le bon choix pour sa communication</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/couleur-et-signification-faire-le-bon-choix-pour-sa-communication/">Couleur et signification : faire le bon choix pour sa communication</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment faire un moodboard ?</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/comment-faire-un-moodboard/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Wed, 29 Jan 2025 09:22:36 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & Charte graphique - conseils et astuces]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=2831</guid>

					<description><![CDATA[<p>Comment faire un moodboard&#160;? Quand on souhaite créer une identité visuelle et qu&#8217;on recherche un univers graphique pour sa marque, [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/comment-faire-un-moodboard/">Comment faire un moodboard ?</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/comment-faire-un-moodboard/">Comment faire un moodboard ?</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">Comment faire un moodboard&nbsp;?</h1>



<p class="wp-block-paragraph">Quand on souhaite créer une identité visuelle et qu&rsquo;on recherche un univers graphique pour sa marque,<strong> faire un moodboard </strong>permet de regrouper nos inspirations. Créer un moodboard nous aide, via un support visuel, à définir les éléments design fondateurs de notre future image de marque.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="495" height="345" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/image-moodboard.png" alt="Comment créer un moodboard" class="wp-image-2981" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/image-moodboard.png 495w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/image-moodboard-300x209.png 300w" sizes="auto, (max-width: 495px) 100vw, 495px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading">Moodboard définition</h3>



<p class="wp-block-paragraph">Le moodboard est un tableau (numérique ou physique) regroupant des visuels d&rsquo;inspiration. Vous pouvez y regrouper des photos, des illustrations, des couleurs, des typographies ou toutes autres productions permettant d&rsquo;avoir un aperçu des tendances graphiques que l&rsquo;on souhaite suivre. On l&rsquo;appelle également « planche de tendances ».  Le moodboard est utilisé dans le graphisme pour créer une identité de marque mais également dans la mode, le branding, ou le design d&rsquo;intérieur par exemple.</p>
</div>
</div>



<h3 class="wp-block-heading">Exemple de création d&rsquo;un moodboard</h3>



<p class="wp-block-paragraph">Afin de vous montrer concrètement comment utiliser ma méthode de création de moodboard, j&rsquo;ai pris pour exemple la conception graphique d&rsquo;une identité visuelle réalisée pour un bar à smoothies. Cette entreprise cible les jeunes actifs et souhaite promouvoir une nutrition bio et équilibrée.</p>



<p class="wp-block-paragraph">Découvrez étapes par étapes ma méthode pour faire un moodboard.</p>



<h2 class="wp-block-heading">Etape 1&nbsp;: Récolter les idées</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape1.jpg" alt="tas d'images pour créer un moodboard" class="wp-image-2839" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape1.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape1-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Commencez par regrouper toutes les images ayant un lien avec votre activité. Utilisez google images ou des bibliothèques de photos sur internet. N&rsquo;hésitez pas à prendre en compte des visuels qui seraient un peu éloignées de votre 1ère idée. </p>



<p class="wp-block-paragraph"><strong>Le but à cette étape est de regrouper toutes les inspirations sans se mettre de limites. </strong>Ouvrez le champ des possibles ! Listez toutes les directions vers laquelle votre image d&rsquo;entreprise pourrait se tourner. Votre moodboard n&rsquo;en sera que plus riche&nbsp;et original !</p>
</div>
</div>



<h2 class="wp-block-heading">Etape 2&nbsp;: Trier le moodboard par émotion</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Quand vous avez accumulé assez d&rsquo;images différentes pour la création de votre moodboard, faites un tri. <strong>Classez les images par émotions </strong>qu&rsquo;elles provoquent en vous. Vous pouvez faire des groupes et/ou les classer <strong>sur une échelle de valeur</strong>.</p>



<p class="wp-block-paragraph">Dans mon exemple, lorsque j&rsquo;ai créé le moodboard, j&rsquo;ai trié les images sur une échelle « artificiel » <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2194.png" alt="↔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> « naturel » et sur une autre « populaire » <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2194.png" alt="↔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> « luxe ». Sur<strong> ce mapping </strong>j&rsquo;ai placé le positionnement de l&rsquo;entreprise sur la partie naturelle et populaire en accord avec le brief.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape2.jpg" alt="schémas mapping de positionnement de marque" class="wp-image-2845" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape2.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape2-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<h2 class="wp-block-heading">Etape 3 : Noter les idées qui portent vos valeurs</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape3.jpg" alt="notes pour créer un moodboard" class="wp-image-2846" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape3.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape3-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Parmi les images sélectionnées dans le moodboard dans le secteur ou la catégorie où vous souhaitez vous positionner, <strong>notez les éléments récurrents qui appuient les valeurs</strong> / les émotions. Votre identité graphique va commencer à se dessiner à travers les styles graphiques que vous aurez choisi.</p>



<p class="wp-block-paragraph">Dans mon exemple, <strong>j&rsquo;ai par exemple relevé l&rsquo;idée de montrer directement des fruits</strong>, voire des fruits ouverts afin de mettre en valeur le côté naturel du produit. Le lien entre manger un fruit ou boire un smoothie est ainsi évident et souligne la volonté de l&rsquo;entreprise à proposer des produits sans additifs.</p>



<p class="wp-block-paragraph"><strong>J&rsquo;ai également noté d&rsquo;utiliser des fonds naturels</strong> en bois ou en pierre pour souligner davantage cet aspect.<br>La présence d&rsquo;une ambiance chaleureuse voire estivale a également été relevée, les smoothies frais étant un bon axe de communication également.</p>
</div>
</div>



<h2 class="wp-block-heading">Etape 4 : Ajouter également de visuels d&rsquo;ambiance dans votre moodboard</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Créer un moodboard ne se limite pas seulement à trouver la manière de présenter vos produits. <strong>Pour avoir <a href="https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/">une identité visuelle complète</a> il est essentiel de prévoir également des visuels d&rsquo;ambiance.</strong> Votre audience doit se projeter dans votre univers graphique. Pour cela, ajoutez des visuels d&rsquo;inspiration avec des photos de paysages, de personnes, …etc.</p>



<p class="wp-block-paragraph">Pour compléter mon moodboard j&rsquo;ai donc sélectionné des photos de jeunes pour toucher la cible voulue, mais également des ambiances urbaines pouvant aussi toucher aussi bien les jeunes actifs que les touristes en vacances.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape4-1.jpg" alt="visuels d'ambiance pour cerner l'identité visuelle moodboard" class="wp-image-2850" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape4-1.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape4-1-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<h2 class="wp-block-heading">Etape 5 : Choisir son style de typographie</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape4.jpg" alt="exemple de typographie pour créer moodboard" class="wp-image-2847" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape4.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape4-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Une identité visuelle ne se restreint pas aux images, Il est temps d&rsquo;ajouter des styles de typographie à votre moodboard.</strong> Recherchez des images de texte qui résonnent avec l&rsquo;ambiance que vous souhaitez donner. Sélectionnez plusieurs visuels afin de déterminer le type de police qui mettra en avant vos valeurs au premier coup d&rsquo;oeil&nbsp;: police classique pour un ton sérieux ou manuscrite un sentiment de proximité avec vos clients&nbsp;?</p>
</div>
</div>



<h2 class="wp-block-heading">Etape 6 : Faire un moodboard</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d9a5c493 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Il est temps de rassembler tous les éléments graphiques issus de vos recherches. Pour créer le moodboard de votre future identité visuelle, regroupez le meilleur des visuels sélectionnés sur une seule page. Ajouter les couleurs et les exemples de typographies choisies.</p>



<p class="wp-block-paragraph">Vous obtenez ainsi les bases de votre future conception d&rsquo;identité visuelle pour votre entreprise. Ce tableau de tendance sera une aide précieuse pour créer votre image de marque. Il servira de référence pour la création de votre logo et de votre charte graphique. Tous vos supports de communication auront ainsi une cohérence visuelle vous permettant d&rsquo;avoir une image professionnelle et originale.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape5.jpg" alt="moodboard exemple" class="wp-image-2848" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape5.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape5-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">A partir de cet exemple de moodboard voici la <a href="https://lachouettecoloree.fr/ux-design/projet-squeezy-webdesign-site-web-charte-graphique-et-webmarketing/">création de l&rsquo;identité visuelle</a> que j&rsquo;ai créée :</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="400" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape6.jpg" alt="identité visuelle d'exemple créée à partir du moodboard" class="wp-image-2849" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape6.jpg 400w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/moodboard-etape6-300x225.jpg 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>



<div class="wp-block-group has-border-color is-layout-constrained wp-container-core-group-is-layout-37efb7d6 wp-block-group-is-layout-constrained" style="border-color:var(--ast-global-color-0);border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-30">Créer un moodboard, un 1er pas vers votre identité visuelle</h2>



<p class="wp-block-paragraph">La création d&rsquo;un moodboard est la première étape quand on cherche de l&rsquo;inspiration pour créer son univers graphique. Il permet d&rsquo;avoir un bon aperçu de tout ce qui se fait et de se positionner correctement sur le marché.</p>



<p class="wp-block-paragraph">Si vous souhaitez être accompagné pour créer votre identité visuelle, contactez-moi&nbsp;!</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-31 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-32" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-group alignfull has-background is-layout-constrained wp-block-group-is-layout-constrained" style="background-color:#f6f3eb">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0237704c wp-block-columns-is-layout-flex" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b860ca61 wp-block-columns-is-layout-flex" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<figure class="wp-block-image aligncenter size-full" style="margin-top:0;margin-bottom:0"><img loading="lazy" decoding="async" width="600" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site.png" alt="" class="wp-image-5404" style="object-fit:cover" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site.png 600w, https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site-300x300.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site-150x150.png 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center has-ast-global-color-5-color has-ast-global-color-2-background-color has-text-color has-background has-link-color wp-elements-33 is-layout-flow wp-container-core-column-is-layout-62dd9afa wp-block-column-is-layout-flow" style="border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-34"><strong>Transformes tes interviews client en actions concrètes  !</strong></h3>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Template Notion 100% gratuit à télécharger pour mener ton enquête</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">8 questions utiles à poser à sa cible client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Des conseils pour transformer ton analyse en plan d&rsquo;actions pour améliorer ta communication et/ou ton site web !</p>
</div>
</div>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/l-enquete-client-template-notion/">en savoir + sur l&rsquo;enquête</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/comment-faire-un-moodboard/">Comment faire un moodboard ?</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/comment-faire-un-moodboard/">Comment faire un moodboard ?</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Création de logo : 5 critères pour un logo impactant</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/creation-de-logo-5-criteres-pour-un-logo-impactant/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Tue, 21 Jan 2025 15:24:01 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & Charte graphique - conseils et astuces]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=2777</guid>

					<description><![CDATA[<p>Création de logo : 5 critères pour un logo impactant La création de logo professionnel passe par le respect de [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/creation-de-logo-5-criteres-pour-un-logo-impactant/">Création de logo : 5 critères pour un logo impactant</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/creation-de-logo-5-criteres-pour-un-logo-impactant/">Création de logo : 5 critères pour un logo impactant</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">Création de logo : 5 critères pour un logo impactant</h1>



<p class="wp-block-paragraph">La création de logo professionnel passe par le respect de certains principes fondamentaux. Un logo efficace et bien conçu est essentiel pour avoir une identité remarquable sur votre marché. Je vous présente ici 5 critères essentiels à prendre en compte lors de la création de votre logo d&rsquo;entreprise afin de garantir son impact, sa pertinence et une bonne utilisation.</p>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/fleur-06.svg" alt="" class="wp-image-2773"/></figure>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-41"><strong>1. Un bon logo doit être simple</strong></h2>



<p class="wp-block-paragraph">C&rsquo;est une des règles les plus difficiles à respecter. On a plein d&rsquo;idées, on veut ajouter plein d&rsquo;éléments et on se retrouve avec un logo illisible. </p>



<figure class="wp-block-image size-full"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/nuage-07.svg" alt="" class="wp-image-2770"/></figure>



<p class="wp-block-paragraph">La simplicité c&rsquo;est la garantie d&rsquo;avoir :</p>



<ul class="wp-block-list">
<li><strong>un logo compréhensible immédiatement </strong>: votre audience ne prendra que quelques secondes pour regarder votre logo. Il doit alors être compris rapidement en un coup d&rsquo;œil.</li>



<li><strong>un logo mémorisable</strong> : on retient plus facilement les formes simples que les illustrations complexes. La mémorisation est un élément clé dans l&rsquo;acquisition de votre audience. Votre futur client doit vous remarquer plusieurs fois pour vous identifier.</li>



<li><strong>une manière de vous reconnaitre instantanément</strong> : un logo simple est un logo qu&rsquo;on garde en mémoire. Une fois mémorisé, chaque contenu, chaque publication sera associé à votre marque par votre logo. Votre audience vous identifie ainsi sans effort.</li>
</ul>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-42"><strong>2. Création d&rsquo;un logo respectant les codes graphiques de votre secteur d&rsquo;activité</strong></h2>



<p class="wp-block-paragraph">On parle souvent de l&rsquo;importance de se démarquer de la concurrence. Mais il faut garder à l&rsquo;esprit que <strong>la création de votre logo doit respecter l&rsquo;image que se fait votre audience de votre activité.</strong></p>



<p class="wp-block-paragraph">Votre secteur d&rsquo;activité a des codes graphiques qui lui sont propres. En réutilisant subtilement ces codes, votre cible devinera instantanément votre activité. <strong>Votre crédibilité sera augmentée immédiatement.</strong></p>



<p class="wp-block-paragraph">Feriez-vous confiance à un restaurateur qui arbore un moteur de voiture en guise de logo ?</p>



<p class="wp-block-paragraph">Attention ! Reprendre les codes graphiques n&#8217;empêche en rien de se démarquer de vos concurrents !</p>



<p class="wp-block-paragraph" style="margin-top:var(--wp--preset--spacing--80)">Voici par exemple la création d&rsquo;un logo pour 3 secteurs d&rsquo;activité radicalement différents.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-361c45ab wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-column has-border-color has-ast-global-color-7-border-color is-layout-flow wp-block-column-is-layout-flow" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-center wp-block-paragraph" style="text-decoration:underline">Jeux pour enfants</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="150" height="100" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/exemple-logo-JEN-enfant-2.png" alt="Exemple de création de logo pour enfant" class="wp-image-2793"/></figure>
</div>



<div class="wp-block-column has-border-color has-ast-global-color-7-border-color is-layout-flow wp-block-column-is-layout-flow" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-center wp-block-paragraph" style="text-decoration:underline">Lingerie Féminine</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="150" height="100" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/exemple-logo-JEN-lingerie-2.png" alt="Exemple de création de logo pour femmes" class="wp-image-2794"/></figure>
</div>



<div class="wp-block-column has-border-color has-ast-global-color-7-border-color is-layout-flow wp-block-column-is-layout-flow" style="border-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-center wp-block-paragraph" style="text-decoration:underline">Secteur sportif</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="150" height="100" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/exemple-logo-JEN-sport-2.png" alt="Exemple de création de logo pour sportifs" class="wp-image-2795"/></figure>
</div>
</div>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-43"><strong>3. Un logo lisible de près comme de loin</strong></h2>



<p class="wp-block-paragraph">Cette règle est primordiale lors de<strong> la création du logo de votre entreprise</strong>. Il sera présent sur tous vos supports en petit comme en grand.<strong> Il doit donc être lisible quelque soit la taille qu&rsquo;il occupera.</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5fdceb46 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="367" height="318" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/logo-declinaison-2.png" alt="Logo déclinaison pour être lisible" class="wp-image-2803" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/01/logo-declinaison-2.png 367w, https://lachouettecoloree.fr/wp-content/uploads/2025/01/logo-declinaison-2-300x260.png 300w" sizes="auto, (max-width: 367px) 100vw, 367px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Il est possible de prévoir plusieurs déclinaisons et créer plusieurs variantes de votre logo d&rsquo;entreprise. </p>



<p class="wp-block-paragraph">Ainsi vous pourrez utiliser une version pour les supports où il apparaitra en grand : flyer, site internet,&#8230; et une autre version pour les supports où votre logo sera petit : icône, affichage, photo de profil, &#8230;etc.</p>
</div>
</div>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-44"><strong>4. La création de votre logo doit traverser les époques</strong></h2>



<p class="wp-block-paragraph"><strong>Attention lors de la création du logo de votre entreprise à l&rsquo;effet tendance ! </strong>Les modes passent rapidement. Les nouvelles tendances graphiques naissent tous les ans. Mais en moyenne <strong>un logo se renouvelle tous les 15 ans</strong>. Votre logo doit donc être intemporel !</p>



<p class="wp-block-paragraph">Pour avoir un logo qui dure dans le temps, misez sur :</p>



<ul class="wp-block-list">
<li>des formes simples</li>



<li>2 couleurs maximum</li>



<li>une typographie classique</li>
</ul>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-45"><strong>5. Plaît-il à votre cible avant tout ?</strong></h2>



<p class="wp-block-paragraph">Et oui, c&rsquo;est quelque chose qu&rsquo;on peut facilement oublier<strong> lorsqu&rsquo;on crée un logo. Il doit parler avant tout à votre audience. </strong>C&rsquo;est elle qu&rsquo;il faut séduire, avant vous-même, vos proches, vos amis, &#8230;etc.</p>



<p class="wp-block-paragraph">C&rsquo;est votre cible que vous cherchez à atteindre. Une bonne expérience client commence par votre image.</p>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/abre-05.svg" alt="" class="wp-image-2762"/></figure>



<div class="wp-block-group has-border-color is-layout-constrained wp-container-core-group-is-layout-37efb7d6 wp-block-group-is-layout-constrained" style="border-color:var(--ast-global-color-0);border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-46">Pour résumer</h2>



<p class="wp-block-paragraph">La création d&rsquo;un bon logo ne doit rien au hasard.  Votre logo doit être lisible, simple, intemporel. Il doit parler à votre audience et la séduire tout en se démarquant des concurrents de votre marché.</p>



<p class="wp-block-paragraph">En tant que graphiste, je crée des logos d&rsquo;entreprise en gardant en tête ces règles afin que mes créations soient efficaces et professionnelles.</p>



<p class="wp-block-paragraph">Si vous avez besoin d&rsquo;aide pour la création de logo de votre entreprise ? Je suis là pour vous accompagner.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-47 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-48" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="300" height="299" src="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp" alt="" class="wp-image-5699" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309-150x150.webp 150w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p class="has-text-align-center has-ast-global-color-2-color has-text-color has-link-color wp-elements-49 wp-block-paragraph"><strong>Laure OREJA &#8211; Graphiste Webdesigner Webmarketing Freelance Toulouse</strong></p>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-50 wp-block-paragraph">Je construis avec vous, votre&nbsp;<strong>présence en ligne de A à Z</strong>&nbsp;: une stratégie claire de parcours client, une identité visuelle alignée et un site web eco responsable et efficace pour votre cible client.</p>



<p class="wp-block-paragraph">Je tire mes compétences de <strong>14 ans d&rsquo;expérience en entreprise</strong> qui m&rsquo;ont permit de comprendre que la connaissance du client est le moteur d&rsquo;un design qui fonctionne et qui parle à sa cible.</p>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-51 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-medium-font-size wp-block-paragraph">Prendre rendez-vous en visio :</p>



<p class="wp-block-paragraph">Réserve un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est <strong>gratuit et sans engagement</strong>.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-left has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-52 wp-block-paragraph">Envoyer un message :</p>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948913000-3091255703",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948913000-3091255703"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/creation-de-logo-5-criteres-pour-un-logo-impactant/">Création de logo : 5 critères pour un logo impactant</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/creation-de-logo-5-criteres-pour-un-logo-impactant/">Création de logo : 5 critères pour un logo impactant</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Créer son identité visuelle : 7 questions à se poser</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Fri, 17 Jan 2025 16:00:46 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & Charte graphique - conseils et astuces]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=2687</guid>

					<description><![CDATA[<p>Créer son identité visuelle : 7 questions à se poser Identité visuelle : définition Qu&#8217;est-ce qu&#8217;une identité visuelle ? L&#8217;identité [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/">Créer son identité visuelle : 7 questions à se poser</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/">Créer son identité visuelle : 7 questions à se poser</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">Créer son identité visuelle : 7 questions à se poser</h1>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-64"><strong>Identité visuelle : définition</strong></h2>



<h3 class="wp-block-heading">Qu&rsquo;est-ce qu&rsquo;une identité visuelle ?</h3>



<p class="wp-block-paragraph">L&rsquo;identité visuelle d&rsquo;une entreprise ou d&rsquo;une marque est un ensemble d&rsquo;éléments graphiques qui lui est propre. <strong>Une bonne identité graphique doit donc être unique et reconnaissable</strong> pour que l&rsquo;audience lie instantanément le graphisme à la marque. C&rsquo;est, en d&rsquo;autres termes, votre signature visuelle.</p>



<p class="wp-block-paragraph">Ces éléments graphiques assurent une cohérence et une harmonie entre les différentes productions graphiques de la part de l&rsquo;entreprise. La signature visuelle entre les supports de communication est assurée par un choix de couleur, de typographie, de mise en page et de créations graphiques. C&rsquo;est grâce à la répétition que l&rsquo;audience va associer ces éléments à une entreprise et l&rsquo;identifier sans avoir besoin de voir son nom.</p>



<p class="wp-block-paragraph"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/nuage-07.svg" alt=""></p>



<h3 class="wp-block-heading">Différence entre <strong>identité visuelle et charte graphique</strong></h3>



<p class="wp-block-paragraph"><strong>La charte graphique est un document listant des règles</strong> à respecter en terme de création visuelle. L&rsquo;objectif de cette charte est que les éléments visuels soient correctement créés et déployés sur les supports de communication.</p>



<p class="wp-block-paragraph">L&rsquo;identité visuelle est <strong>la conception mentale </strong>de l&rsquo;<strong>identité graphique d&rsquo;une marque</strong>. On sait que Google est coloré ou que Dior est doré, luxueux et féminin par exemple.</p>



<p class="wp-block-paragraph">Ces deux éléments constituent l&rsquo;image graphique d&rsquo;une marque ou d&rsquo;une entreprise.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<figure class="wp-block-image alignright size-full"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/nuage-07.svg" alt="" class="wp-image-2770"/></figure>
</div>
</div>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-65"><strong>Combien coûte une identité visuelle ?</strong></h2>



<h3 class="wp-block-heading">Les critères qui définissent le prix d&rsquo;une identité visuelle</h3>



<p class="wp-block-paragraph">En plus de la charte graphique, la<strong> création d&rsquo;identité visuelle </strong>peut prévoir :</p>



<ul class="wp-block-list">
<li>la création d&rsquo;un logo</li>



<li>la création d&rsquo;éléments graphiques</li>



<li>la création de templates de communication</li>
</ul>



<p class="wp-block-paragraph">En fonction de votre situation, vos besoins seront donc différents et le prix d&rsquo;une identité visuelle varie. </p>



<p class="wp-block-paragraph">Pour vous donner une idée,<strong> le tarif d&rsquo;identité visuelle</strong> comprenant logo et charte graphique peut aller de 500€ pour les petites entreprises à des milliers d&rsquo;euros pour les plus grandes.</p>



<h3 class="wp-block-heading"><strong>Devis création d&rsquo;identité visuelle</strong></h3>



<p class="wp-block-paragraph">Afin d&rsquo;avoir un prix adapté à votre entreprise et à vos besoins, n&rsquo;hésitez pas à demander des devis.</p>



<p class="wp-block-paragraph">En tant que graphiste freelance à Toulouse, je propose de créer votre identité visuelle d&rsquo;entreprise par la création de logo et de charte graphique. Pour <strong><a href="https://lachouettecoloree.fr/devis-pour-votre-logo-gratuit-et-sans-engagement/">demander un devis et consulter mes tarifs d&rsquo;identité visuelle je vous invite à consulter cette page :</a></strong></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/devis-pour-votre-logo-gratuit-et-sans-engagement/">mes Tarifs logo &amp; charte graphique</a></div>
</div>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/abre-05.svg" alt="" class="wp-image-2762"/></figure>



<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-66">7 questions pour créer son identité visuelle :</h2>



<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-549dc8b4 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<h3 class="wp-block-heading">La phase d&rsquo;introspection</h3>



<p class="wp-block-paragraph">Aujourd’hui, une identité graphique forte se base avant tout sur vos valeurs et la raison d’être de votre entreprise. Pour la concevoir, commencez par vous poser ces 2 questions :</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-67 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>1</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Pour quelle raison avez-vous créer votre activité ? Quel est son but ? J&rsquo;entends par là d&rsquo;aller plus loin que la volonté de générer des revenus. Que voulez-vous apporter à votre audience ? Quel impact positif souhaitez-vous amener dans leur vie ?</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-68 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>2</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Quelles émotions voulez-vous provoquer chez votre cible ? Voulez-vous la divertir ? la rassurer ? la soutenir ? La faire rêver ?</p>
</div>
</div>



<p class="wp-block-paragraph">Ces 2 premières questions sont le fondement de ce que sera votre image de marque aux yeux de vos clients. Elles sont indispensables à la création de votre identité visuelle.</p>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/fleur-06.svg" alt="" class="wp-image-2773"/></figure>
</div>



<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-549dc8b4 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<h3 class="wp-block-heading">La phase de transmission</h3>



<p class="wp-block-paragraph">Une fois vos valeurs bien définies, la création de votre identité graphique peut commencer. Voici les points à définir :</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-69 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>3</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Quelles couleurs reflètent le mieux les émotions que vous souhaitez transmettre ? On choisira par exemple le bleu pour la confiance, des couleurs puissantes pour le dynamisme, ou des couleurs pastels pour la sérénité, &#8230;Etc.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-70 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>4</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Quelle typographie renforcera votre positionnement ? Une police moderne, classique ou ludique ? La typographie doit refléter l&rsquo;image que vous souhaitez véhiculer, tout en restant lisible.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-71 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>5</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Quel logo sera le plus adapté ? Le choix du logo (symbole ou typographique) devra servir à porter votre message. Il doit être unique, impactant et simple pour être reconnu sur tous vos médias de communication.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-72 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>6</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Quels éléments graphiques seront présents sur tous vos supports de communication ? Une identité visuelle gagne de la force lorsqu’elle se répète dans tous les espaces et lorsqu’elle dure dans le temps. Plus votre cible remarquera des éléments communs entre vos publications et plus elle vous identifiera facilement.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50px">
<p class="has-text-align-center has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-73 wp-block-paragraph" style="border-radius:50px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>7</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Qu&rsquo;est-ce qui vous distinguera de vos concurrents dans vos visuels ? L&rsquo;identité visuelle doit être unique et immédiatement reconnaissable, même sans votre nom. Elle doit vous différencier sur le marché tout en restant alignée avec vos valeurs.</p>
</div>
</div>
</div>



<div class="wp-block-group has-border-color is-layout-constrained wp-container-core-group-is-layout-37efb7d6 wp-block-group-is-layout-constrained" style="border-color:var(--ast-global-color-0);border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<h2 class="wp-block-heading has-ast-global-color-0-color has-text-color has-link-color wp-elements-74">Pour résumer</h2>



<p class="wp-block-paragraph">La création d&rsquo;une identité graphique ne passe pas seulement par le choix de couleurs ou de typographie. La partie visuelle n&rsquo;est que la part visible de l&rsquo;iceberg ! Comme vous ne vous définissez pas vous-même uniquement par votre physique, il en va de même pour votre entreprise.</p>



<p class="wp-block-paragraph">Votre identité visuelle est l’expression de ce que vous êtes. Si elle reflète vos valeurs et qu’elle est déployée avec cohérence, alors ceux qui partagent votre mode de pensée (votre cible client) auront un lien profond et durable avec votre marque !</p>



<p class="wp-block-paragraph">C&rsquo;est une véritable réflexion stratégique ! Elle ne sera impactante que si elle est faite dans le but d&rsquo;avoir une connexion sincère avec votre audience. Une bonne identité graphique raconte une histoire. Elle représente un investissement qui portera ses fruits sur le long terme en vous donnant une reconnaissance et une image professionnelle.</p>



<p class="wp-block-paragraph">Si vous avez besoin d&rsquo;aide pour passer de l&rsquo;idée au concret ? Je suis là pour vous accompagner.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-75 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-76" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="300" height="299" src="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp" alt="" class="wp-image-5699" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309-150x150.webp 150w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p class="has-text-align-center has-ast-global-color-2-color has-text-color has-link-color wp-elements-77 wp-block-paragraph"><strong>Laure OREJA &#8211; Graphiste Webdesigner Webmarketing Freelance Toulouse</strong></p>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-78 wp-block-paragraph">Je construis avec vous, votre&nbsp;<strong>présence en ligne de A à Z</strong>&nbsp;: une stratégie claire de parcours client, une identité visuelle alignée et un site web eco responsable et efficace pour votre cible client.</p>



<p class="wp-block-paragraph">Je tire mes compétences de <strong>14 ans d&rsquo;expérience en entreprise</strong> qui m&rsquo;ont permit de comprendre que la connaissance du client est le moteur d&rsquo;un design qui fonctionne et qui parle à sa cible.</p>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-79 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-medium-font-size wp-block-paragraph">Prendre rendez-vous en visio :</p>



<p class="wp-block-paragraph">Réserve un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est <strong>gratuit et sans engagement</strong>.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-left has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-80 wp-block-paragraph">Envoyer un message :</p>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948914000-1989272463",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948914000-1989272463"></div>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-group alignfull has-background is-layout-constrained wp-block-group-is-layout-constrained" style="background-color:#f6f3eb">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0237704c wp-block-columns-is-layout-flex" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b860ca61 wp-block-columns-is-layout-flex" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<figure class="wp-block-image aligncenter size-full" style="margin-top:0;margin-bottom:0"><img loading="lazy" decoding="async" width="600" height="600" src="https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site.png" alt="" class="wp-image-5404" style="object-fit:cover" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site.png 600w, https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site-300x300.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/01/l-enquete-interviw-cible-client-bloc-site-150x150.png 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center has-ast-global-color-5-color has-ast-global-color-2-background-color has-text-color has-background has-link-color wp-elements-81 is-layout-flow wp-container-core-column-is-layout-62dd9afa wp-block-column-is-layout-flow" style="border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-82"><strong>Transformes tes interviews client en actions concrètes  !</strong></h3>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Template Notion 100% gratuit à télécharger pour mener ton enquête</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">8 questions utiles à poser à sa cible client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Des conseils pour transformer ton analyse en plan d&rsquo;actions pour améliorer ta communication et/ou ton site web !</p>
</div>
</div>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/l-enquete-client-template-notion/">en savoir + sur l&rsquo;enquête</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/">Créer son identité visuelle : 7 questions à se poser</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/creer-son-identite-visuelle-7-questions-a-se-poser/">Créer son identité visuelle : 7 questions à se poser</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Thu, 26 Sep 2024 16:06:32 +0000</pubDate>
				<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[UX design]]></category>
		<category><![CDATA[UX design - Portfolio]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=1978</guid>

					<description><![CDATA[<p>Portfolio : Susan boutique vintage &#8211; Logo et Webdesign Création d&#8217;un exemple de charte graphique pour Susan : plateforme de [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/">SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/">SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6a198abf wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--ast-global-color-2);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%"></div>
</div>



<h1 class="wp-block-heading has-text-align-center">Portfolio : Susan boutique vintage &#8211; Logo et Webdesign</h1>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1500" height="372" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-banner.webp" alt="Bannière web exemple" class="wp-image-2165" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-banner.webp 1500w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-banner-300x74.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-banner-1024x254.webp 1024w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-banner-768x190.webp 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /></figure>



<p class="wp-block-paragraph">Création d&rsquo;un exemple de charte graphique pour Susan : plateforme de vente d&rsquo;objets vintage d&rsquo;époque, favorisant ainsi l&rsquo;économie circulaire et une seconde vie aux objets anciens.<br><br>Avec cet exemple de charte graphique, j’ai voulu plonger les internautes dans une ambiance pop art. Contrairement aux sites de vente des objets d&rsquo;époque que j&rsquo;ai pu voir qui jouent la carte soit du luxe soit de la sobriété, j&rsquo;ai voulu casser les codes. L&rsquo;univers est ludique, animé montrant une offre accessible à tous. Cette charte graphique s&rsquo;adapte aussi bien au design du site web qu&rsquo;aux supports imprimés : affiche, flyer, &#8230;etc.</p>



<h2 class="wp-block-heading">Logo et déclinaisons</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-88739f65 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="238" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo.webp" alt="Logo principal de l'exemple de charte graphique" class="has-border-color has-ast-global-color-3-border-color wp-image-2166" style="border-width:1px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo.webp 402w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo-300x178.webp 300w" sizes="auto, (max-width: 402px) 100vw, 402px" /></figure>
</div>



<div class="wp-block-column has-border-color has-ast-global-color-3-border-color is-layout-flow wp-block-column-is-layout-flow" style="border-width:1px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="803" height="476" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo-declinaison.webp" alt="Exemple de déclinaison de logo qu'on peut retrouver dans une charte graphique" class="wp-image-2167" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo-declinaison.webp 803w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo-declinaison-300x178.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-logo-declinaison-768x455.webp 768w" sizes="auto, (max-width: 803px) 100vw, 803px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">Dans cet exemple de charte graphique, le logo reprend les codes graphiques des années 60 &#8211; 70&rsquo;s. L&rsquo;écriture manuscrite donne du dynamisme au logo et résonne avec l&rsquo;univers vintage voulu. La typographie de base a été modifiée avec de rajouter du mouvement sur la première et dernière lettre afin d&rsquo;entourer le nom. Ce traitement du texte était très utilisé à cette époque.</p>



<p class="wp-block-paragraph">Pour en savoir + sur ce qu&rsquo;est une charte graphique je vous conseille cet article : <a href="https://lachouettecoloree.fr/logo-charte-graphique/charte-graphique-definition-avantages-et-exemples-inspirants-pour-votre-entreprise/">Charte graphique : définition, avantages et exemples</a>.</p>



<h2 class="wp-block-heading">Webdesign site web: exemple de charte graphique web</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-78901408 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Sur le webdesign, la charte graphique web reprend les codes graphiques du logo avec l&rsquo;utilisation de la typographie manuscrite. Les ombres et contours font également parti de l&rsquo;identité visuelle de la marque. </p>



<p class="wp-block-paragraph">J&rsquo;ai également choisi de jouer sur les motifs de trames d&rsquo;imprimerie en fond très utilisés dans les styles graphiques pop art de l&rsquo;époque.</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="800" height="533" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-desktop-mockup-800.webp" alt="Exemple de charte graphique déclinée sur site web" class="wp-image-2168" style="border-style:none;border-width:0px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-desktop-mockup-800.webp 800w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-desktop-mockup-800-300x200.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-desktop-mockup-800-768x512.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1493" height="2560" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-scaled.webp" alt="exemple de charte graphique qui s'adapte au web design du site internet" class="has-border-color has-ast-global-color-3-border-color wp-image-2169" style="border-width:1px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-scaled.webp 1493w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-175x300.webp 175w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-597x1024.webp 597w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-768x1317.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-896x1536.webp 896w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-template-1194x2048.webp 1194w" sizes="auto, (max-width: 1493px) 100vw, 1493px" /></figure>
</div>
</div>



<h2 class="wp-block-heading">Print affiche : exemple de charte graphique adaptée au print</h2>



<p class="wp-block-paragraph">La création de cette affiche met en avant cette lampe comme emblème de l&rsquo;univers vintage de Susan. L&rsquo;attention est portée sur le logo afin d&rsquo;ancrer le nom de la marque et le décor renforce l&rsquo;identité visuelle respectant la charte graphique créée.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-45daa023 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="595" height="842" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche2.webp" alt="Affiche montrant un exemple de déclinaison de charte graphique pour support imprimés" class="wp-image-2171" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche2.webp 595w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche2-212x300.webp 212w" sizes="auto, (max-width: 595px) 100vw, 595px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="709" height="1024" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche-mockup-800-709x1024.webp" alt="Exemple de mise en situation de l'affiche" class="wp-image-2172" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche-mockup-800-709x1024.webp 709w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche-mockup-800-208x300.webp 208w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche-mockup-800-768x1110.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/susan-affiche-mockup-800.webp 800w" sizes="auto, (max-width: 709px) 100vw, 709px" /></figure>
</div>
</div>



<div class="wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:100%">
<h2 class="wp-block-heading has-text-align-center" style="font-size:38px">Un projet  ? Découvrez mes services :</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Création de Landing Page</h3>



<p class="wp-block-paragraph">Tu obtiens une page de vente professionnelle qui te rend crédible au yeux de tes prospects. Livrée en 10 jours avec un design sur mesure pour booster tes ventes !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Pas de template</strong>, le design est créé à ton image.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Ta page est soit intégrée à ton <strong>site web existant</strong>, soit <strong>on part de zéro</strong> .</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Tu récupères <strong>ta page en 10 jours</strong> à compter du 1er point projet.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Prix unique sans surprise : 900€ TTC</strong></p>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-de-landing-page-ux-designer-webdesigner-freelance-toulouse/">Voir création de landing page</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 id="htoc-mon-service-de-cr-ation-de-maquette-web" class="wp-block-heading">Création de Site Internet Eco responsable</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Tu n’as pas le temps ou les compétences pour créer un site web de qualité<strong> </strong>? Je prends en charge la<strong> création de ton site internet éco-responsable</strong>, tu te consacres à ton métier et tu ne perds plus de temps !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Un suivi en co-création avec validation à chaque étape</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conseil en conception éco-responsable pour limiter son impact et aller à l&rsquo;essentiel</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60)">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/creation-site-internet-toulouse/" style="line-height:1.6">VOIR site web eco responsable</a></div>
</div>
</div>
</div>
</div>



<h2 class="wp-block-heading has-text-align-center" style="font-size:38px">Une question ? Contactez-moi</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="300" height="299" src="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp" alt="" class="wp-image-5699" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309-150x150.webp 150w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p class="has-text-align-center has-ast-global-color-2-color has-text-color has-link-color wp-elements-85 wp-block-paragraph"><strong>Laure OREJA &#8211; Graphiste Webdesigner Webmarketing Freelance Toulouse</strong></p>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-86 wp-block-paragraph">Je construis avec vous, votre&nbsp;<strong>présence en ligne de A à Z</strong>&nbsp;: une stratégie claire de parcours client, une identité visuelle alignée et un site web eco responsable et efficace pour votre cible client.</p>



<p class="wp-block-paragraph">Je tire mes compétences de <strong>14 ans d&rsquo;expérience en entreprise</strong> qui m&rsquo;ont permit de comprendre que la connaissance du client est le moteur d&rsquo;un design qui fonctionne et qui parle à sa cible.</p>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-87 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-medium-font-size wp-block-paragraph">Prendre rendez-vous en visio :</p>



<p class="wp-block-paragraph">Réserve un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est <strong>gratuit et sans engagement</strong>.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-left has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-88 wp-block-paragraph">Envoyer un message :</p>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948914000-7970093996",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948914000-7970093996"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/">SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/">SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ECONEST &#8211; Maquette web design &#8211; Site minimaliste</title>
		<link>https://lachouettecoloree.fr/ux-design/portfolio-web-design-minimaliste/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Thu, 26 Sep 2024 15:50:56 +0000</pubDate>
				<category><![CDATA[UX design]]></category>
		<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<category><![CDATA[UX design - Portfolio]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=1969</guid>

					<description><![CDATA[<p>Portfolio : EcoNest &#8211; Web design site minimaliste J&#8217;ai créé une maquette webdesign d&#8217;un site pour une entreprise fictive de [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/ux-design/portfolio-web-design-minimaliste/">ECONEST &#8211; Maquette web design &#8211; Site minimaliste</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/ux-design/portfolio-web-design-minimaliste/">ECONEST &#8211; Maquette web design &#8211; Site minimaliste</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6a198abf wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--ast-global-color-2);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%"></div>
</div>



<h1 class="wp-block-heading has-text-align-center">Portfolio : EcoNest &#8211; Web design site minimaliste</h1>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="946" height="550" src="https://lachouettecoloree.fr/wp-content/uploads/2025/11/econest-webdesign-BIG-portfolio.webp" alt="site web eco responsable" class="wp-image-5070" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/11/econest-webdesign-BIG-portfolio.webp 946w, https://lachouettecoloree.fr/wp-content/uploads/2025/11/econest-webdesign-BIG-portfolio-300x174.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2025/11/econest-webdesign-BIG-portfolio-768x447.webp 768w" sizes="auto, (max-width: 946px) 100vw, 946px" /></figure>



<p class="wp-block-paragraph">J&rsquo;ai créé une maquette webdesign d&rsquo;un site pour une entreprise fictive de construction de maisons éco-responsable. Il est le parfait exemple de <strong>template web design minimaliste</strong>. Un site minimaliste se caractérise par un design épuré, l&rsquo;utilisation des espaces blancs, un texte et des images réduit à l&rsquo;essentiel, une palette de couleurs limitée. Découlant du style artistique du minimalisme, le but est de <strong>limiter au maximum les distractions futiles et diriger l&rsquo;attention de l&rsquo;internaute vers l&rsquo;essentiel.</strong></p>



<p class="wp-block-paragraph">Le design de site minimaliste, en plus d&rsquo;être tendance, permet d&rsquo;avoir un design épuré et donc un site léger. Cet aspect graphique est en accord avec les valeurs écologiques de l&rsquo;entreprise et fait partie des démarches de<a href="https://lachouettecoloree.fr/creation-site-internet-toulouse/" data-type="page" data-id="3679"> <strong>conception de site web eco responsable</strong></a>.</p>



<p class="wp-block-paragraph">L&rsquo;identité visuelle de l&rsquo;entreprise a été construite autour de 3 éléments graphiques.</p>



<ul class="wp-block-list">
<li><strong>Le choix du vert </strong>pour refléter la valeur écologique de l&rsquo;entreprise : aspect important de son identité de marque. J&rsquo;ai fait cependant le choix d&rsquo;un vert assez moderne révélateur de l&rsquo;aspect innovant de ce type de projet. Volontairement, ce vert n&rsquo;est pas trop naturel ou artisanal car ce n&rsquo;était pas l&rsquo;ambiance graphique voulue ici.</li>



<li>L&rsquo;autre élément graphique choisi est<strong> les lignes noires.</strong> Ce choix peut rappeler les plans d&rsquo;architecture propres à l&rsquo;activité de l&rsquo;entreprise.</li>



<li>Enfin l&rsquo;utilisation de<strong> formes carrés </strong>renforce également le concept de construction. On les retrouve dans les boutons CTA de la maquette du site web. Cet élément graphique se retrouve aussi en éléments de décor sur les blocs de mise en avant.</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fa1d7c45 wp-block-columns-is-layout-flex" style="padding-right:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="550" height="1224" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/maquette-webdesign-site-ecoresponsable-desktop.webp" alt="" class="has-border-color has-ast-global-color-3-border-color wp-image-5073" style="border-width:1px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/maquette-webdesign-site-ecoresponsable-desktop.webp 550w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/maquette-webdesign-site-ecoresponsable-desktop-135x300.webp 135w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/maquette-webdesign-site-ecoresponsable-desktop-460x1024.webp 460w" sizes="auto, (max-width: 550px) 100vw, 550px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Structure de la page d&rsquo;accueil</h2>



<p class="wp-block-paragraph">L&rsquo;objectif de cette page est d&rsquo;accueillir les visiteurs voulant potentiellement obtenir un devis pour la construction d&rsquo;une maison eco responsable.</p>



<p class="wp-block-paragraph">Pour l&rsquo;entreprise, le but est que le visiteur prennent rendez-vous pour établir un devis du projet.</p>



<p class="wp-block-paragraph">Le focus de cette maquette web design est l&rsquo;image attrayante de l&rsquo;intérieur d&rsquo;une maison. Le visiteur doit se projeter mentalement dans son futur chez-soi. Les espaces blancs autour ne permettent aucune distraction. Le choix d&rsquo;une photo avec une perspective forte guide le regard à l&rsquo;intérieur de la maison.</p>



<p class="wp-block-paragraph">La deuxième partie de la maquette met l&rsquo;accent sur des éléments de réassurance. Ceux sont les valeurs de l&rsquo;entreprise qui viennent appuyer leur identité de marque afin d&rsquo;inspirer confiance.</p>



<p class="wp-block-paragraph">La troisième partie est consacrée à la preuve sociale. Pour convaincre les internautes, rien de mieux que les témoignages clients. L&rsquo;internaute peut se projeter dans les différents exemples de projet menés par l&rsquo;entreprise.</p>



<p class="wp-block-paragraph">La dernière partie repropose l&rsquo;appel à l&rsquo;action pour Obtenir un devis. Le bouton de conversion est appuyé à nouveau par une photo immersive.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-45daa023 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="550" height="460" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/mes-site-web-ecologique-2.webp" alt="site responsive ecologique" class="has-border-color has-ast-global-color-3-border-color wp-image-5078" style="border-width:1px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/mes-site-web-ecologique-2.webp 550w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/mes-site-web-ecologique-2-300x251.webp 300w" sizes="auto, (max-width: 550px) 100vw, 550px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Exemple de maquette responsive design</h2>



<p class="wp-block-paragraph">En moyenne, 78 % du temps passé sur internet se fait via un mobile (source Médiamétrie). Lorsqu&rsquo;on travaille sur un ordinateur toute la journée, on a souvent tendance à l&rsquo;oublier. La majorité des internautes naviguent sur leur téléphone. Il est donc essentiel de concevoir tes contenus et ton site en priorité pour les petits écrans.</p>



<p class="wp-block-paragraph">En tant qu&rsquo;UX designer freelance, je conçois des maquettes web design responsive afin que ton site s&rsquo;adapte à tous les écrans.</p>



<p class="wp-block-paragraph">Démarrer la conception d&rsquo;une maquette web en « mobile first », c&rsquo;est à dire en maquettant le design mobile avant le design sur ordinateur, permet d&rsquo;aller à l&rsquo;essentiel pour respecter la contrainte des petits écrans.</p>
</div>
</div>



<h2 class="wp-block-heading">Création de maquettes web</h2>



<p class="wp-block-paragraph">Mon travail d&rsquo;UX designer consiste à créer des maquettes de site web, aussi appelées template ou wireframes. Les maquettes permettent de projeter ton identité visuelle, tes valeurs sur un design qui te ressemble sans que tu n&rsquo;aies à te soucier des aspects techniques. Je travaille en collaboration avec des développeurs web qui peuvent intervenir dans un second temps si besoin sur le projet.</p>



<p class="wp-block-paragraph"></p>



<div class="wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:100%">
<h2 class="wp-block-heading has-text-align-center" style="font-size:38px">Un projet de site web ou refonte ?</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 id="htoc-mon-service-de-cr-ation-de-maquette-web" class="wp-block-heading">Création de Site Internet Eco responsable</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Tu n’as pas le temps ou les compétences pour créer un site web de qualité<strong> </strong>? Je prends en charge la<strong> création de ton site internet éco-responsable</strong>, tu te consacres à ton métier et tu ne perds plus de temps !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Un suivi en co-création avec validation à chaque étape</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conseil en conception éco-responsable pour limiter son impact et aller à l&rsquo;essentiel</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--60)">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lachouettecoloree.fr/creation-site-internet-toulouse/" style="line-height:1.6">VOIR site web eco responsable</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Création de Landing Page</h3>



<p class="wp-block-paragraph">Tu obtiens une page de vente professionnelle qui te rend crédible au yeux de tes prospects. Livrée en 10 jours avec un design sur mesure pour booster tes ventes !</p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Pas de template</strong>, le design est créé à ton image.</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Ta page est soit intégrée à ton <strong>site web existant</strong>, soit <strong>on part de zéro</strong> .</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Tu récupères <strong>ta page en 10 jours</strong> à compter du 1er point projet.</p>
</div>
</div>



<p class="wp-block-paragraph"><strong>Prix unique sans surprise : 900€ TTC</strong></p>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-de-landing-page-ux-designer-webdesigner-freelance-toulouse/">Voir création de landing page</a></div>
</div>
</div>
</div>
</div>



<h2 class="wp-block-heading has-text-align-center" style="font-size:38px">Une question ? Contacte-moi</h2>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="300" height="299" src="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp" alt="" class="wp-image-5699" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309-150x150.webp 150w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p class="has-text-align-center has-ast-global-color-2-color has-text-color has-link-color wp-elements-91 wp-block-paragraph"><strong>Laure OREJA &#8211; Graphiste Webdesigner Webmarketing Freelance Toulouse</strong></p>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-92 wp-block-paragraph">Je construis avec vous, votre&nbsp;<strong>présence en ligne de A à Z</strong>&nbsp;: une stratégie claire de parcours client, une identité visuelle alignée et un site web eco responsable et efficace pour votre cible client.</p>



<p class="wp-block-paragraph">Je tire mes compétences de <strong>14 ans d&rsquo;expérience en entreprise</strong> qui m&rsquo;ont permit de comprendre que la connaissance du client est le moteur d&rsquo;un design qui fonctionne et qui parle à sa cible.</p>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-93 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-medium-font-size wp-block-paragraph">Prendre rendez-vous en visio :</p>



<p class="wp-block-paragraph">Réserve un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est <strong>gratuit et sans engagement</strong>.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-left has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-94 wp-block-paragraph">Envoyer un message :</p>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948914000-2766051556",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948914000-2766051556"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/ux-design/portfolio-web-design-minimaliste/">ECONEST &#8211; Maquette web design &#8211; Site minimaliste</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/ux-design/portfolio-web-design-minimaliste/">ECONEST &#8211; Maquette web design &#8211; Site minimaliste</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>NATUROPATHE &#8211; Charte graphique, bannière, flyer et landing page</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/portfolio-projet-graphisme-magali-blond-naturopathe/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Wed, 31 Jul 2024 14:11:41 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & charte graphique - Portfolio]]></category>
		<category><![CDATA[UX design - Portfolio]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=1567</guid>

					<description><![CDATA[<p>Portfolio : Magali Blond Naturopathe &#8211; Charte graphique, bannière et flyer Magali Blond est naturopathe. J&#8217;ai créé un logo et [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/portfolio-projet-graphisme-magali-blond-naturopathe/">NATUROPATHE &#8211; Charte graphique, bannière, flyer et landing page</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/portfolio-projet-graphisme-magali-blond-naturopathe/">NATUROPATHE &#8211; Charte graphique, bannière, flyer et landing page</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6a198abf wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--ast-global-color-2);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%"></div>
</div>



<h1 class="wp-block-heading has-text-align-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">Portfolio : Magali Blond Naturopathe &#8211; Charte graphique, bannière et flyer</h1>



<div class="wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained" style="background-color:#3e5648;padding-top:0;padding-bottom:0">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="826" height="316" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/image-couverture-exemple-charte-graphique-portfolio.jpg" alt="Bannière web naturopathe" class="wp-image-1585" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/image-couverture-exemple-charte-graphique-portfolio.jpg 826w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/image-couverture-exemple-charte-graphique-portfolio-300x115.jpg 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/image-couverture-exemple-charte-graphique-portfolio-768x294.jpg 768w" sizes="auto, (max-width: 826px) 100vw, 826px" /></figure>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80)">
<p class="wp-block-paragraph">Magali Blond est naturopathe. J&rsquo;ai <strong>créé un logo et un exemple de charte graphique </strong>afin de mettre en valeur son activité. Les valeurs à mettre en avant étaient les bienfaits naturels et des soins doux. Ses clients recherchent un bien-être et un équilibre personnel à travers l&rsquo;utilisation de ses services. Ce projet de charte graphique est un projet fictif.</p>



<p class="wp-block-paragraph">Dans<strong> cet exemple de charte graphique</strong>, retrouvez les explications pour comprendre la création du <strong>logo</strong>, le choix de la <strong>palette de couleurs</strong> et des <strong>typographies</strong>. Enfin, je propose des <strong>exemples d&rsquo;application de la charte graphique sur des visuels de communication.</strong></p>
</div>



<h2 class="wp-block-heading">Création de logo pour naturopathe</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5fdceb46 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo.png" alt="Exemple de logo naturopathe" class="wp-image-1510" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Le logo devait faire référence<strong> aux soins naturels </strong>propre à l&rsquo;activité. L&rsquo;objectif était de donner une image agréable de l&rsquo;entreprise, appelant <strong>à la légèreté et à la sérénité</strong>. Il fallait également qu&rsquo;il soit <strong>professionnel</strong>.</p>



<p class="wp-block-paragraph">Pour respecter ce brief, j&rsquo;ai choisi un motif de plante se déployant vers le haut pour refléter la progression vers <strong>le bien-être </strong>que procure ses soins, et l&rsquo;ajout de bulle pour illustrer la légèreté et la sérénité. Le fond avec une <strong>forme douce</strong> et non géométrique vient renforcer cette idée de légèreté.</p>



<p class="wp-block-paragraph">Le logo est utilisable sur fond foncé, sur fond clair et si besoin en noir et blanc.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e4abe074 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-declaison-clair.png" alt="déclinaison de logo naturopathe" class="wp-image-1511" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-declaison-clair.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-declaison-clair-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Logo principal pour une utilisation sur fond clair</em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-declaison-nb.png" alt="version du logo naturopathe en noir et blanc" class="wp-image-1512" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-declaison-nb.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/logo-declaison-nb-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Logo secondaire &#8211; déclinaison en noir et blanc</em></p>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-b5ad1faf wp-block-group-is-layout-constrained" style="padding-top:0;padding-right:0;padding-left:0">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-07579d57 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading">La typographie du nom</h3>



<p class="wp-block-paragraph">Concernant le texte j&rsquo;ai choisi <strong>une typographie manuscrite</strong> pour donner un caractère<strong> humain et de proximité</strong>. L&rsquo;objectif est que les clients se sentent proche et en confiance pour discuter avec cette professionnelle du bien-être.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading">La typographie du titre professionnel Naturopathe</h3>



<p class="wp-block-paragraph">Pour renforcer son<strong> expertise et son titre professionnel,</strong> « Naturopathe » adopte une typographie beaucoup plus <strong>classique avec un léger empattement</strong> et est entouré de 2 poinçons rappelant les plaques affichées devant les cabinets de soin.</p>
</div>
</div>
</div>



<h2 class="wp-block-heading">Couleurs et typographie</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-c8f45cda wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--70);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>3 nuances de vert </strong>ont été choisies pour cette charte graphique pour asseoir la dimension « naturelle » des services.</p>



<p class="wp-block-paragraph">La <strong>couleur de contraste</strong> choisie est un rouge foncé non saturé pour respecter la douceur de l&rsquo;univers visuel voulu.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/couleur-1.png" alt="palette de couleur charte graphique" class="wp-image-1521" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/couleur-1.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/couleur-1-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1154838d wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/typographie.png" alt="charte graphique les typographies" class="wp-image-1515" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/typographie.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/typographie-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">L&rsquo;utilisation de la typographie manuscrite Dancing Script sera réservée uniquement aux titres. Elle sera peu lisible sur du texte inférieur à 30px.</p>



<p class="wp-block-paragraph">Les sous-titres pourront utiliser la Copperplate.</p>



<p class="wp-block-paragraph">On privilégiera la Myriad Pro pour le texte courant.</p>
</div>
</div>



<h2 class="wp-block-heading">Template et choix des couleurs</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e4abe074 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Je propose <strong>2 designs de bloc</strong> à utiliser sur les supports de communication ou sur le site web.</p>



<p class="wp-block-paragraph">La <strong>juxtaposition de ces couleurs </strong>permet de respecter la lisibilité du texte.</p>



<p class="wp-block-paragraph">La couleur rouge sera utilisée uniquement pour les boutons principaux.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/template.png" alt="template charte graphique naturopathe" class="has-border-color has-ast-global-color-2-border-color wp-image-1550" style="border-width:1px" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/template.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/template-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/template2.png" alt="déclinaison charte graphique bannière web" class="wp-image-1523" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/template2.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/template2-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<h2 class="wp-block-heading">Eléments graphiques</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e4abe074 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-right:0;padding-left:0">
<p class="wp-block-paragraph">Les<strong> éléments graphiques</strong> pourront être utilisés sur les visuels de communication afin d&rsquo;<strong>appuyer l&rsquo;univers graphique </strong>de la marque.</p>



<p class="wp-block-paragraph">Nous retrouvons ici la bulle présente derrière le logo ainsi que la plante.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/motif1.png" alt="éléments graphiques" class="wp-image-1528" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/motif1.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/motif1-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/motif2.png" alt="élément graphique" class="wp-image-1529" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/motif2.png 400w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/motif2-300x165.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /></figure>
</div>
</div>



<h2 class="wp-block-heading">Exemples d&rsquo;utilisation de la charte graphique sur les visuels de communication de naturopathe</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e4abe074 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="425" height="595" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/flyer-avecphoto.png" alt="exemple de flyer pour naturopathe" class="wp-image-1517" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/flyer-avecphoto.png 425w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/flyer-avecphoto-214x300.png 214w" sizes="auto, (max-width: 425px) 100vw, 425px" /></figure>



<p class="has-text-align-center wp-block-paragraph">Exemple de flyer naturopathe</p>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="799" height="220" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/banniere.png" alt="exemple de bannière web pour naturopathe" class="wp-image-1519" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/banniere.png 799w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/banniere-300x83.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/banniere-768x211.png 768w" sizes="auto, (max-width: 799px) 100vw, 799px" /></figure>



<p class="has-text-align-center wp-block-paragraph">Proposition de template de bannière web</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="799" height="587" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/template-linkedin.png" alt="" class="wp-image-1554" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/template-linkedin.png 799w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/template-linkedin-300x220.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/template-linkedin-768x564.png 768w" sizes="auto, (max-width: 799px) 100vw, 799px" /></figure>



<p class="has-text-align-center wp-block-paragraph">Exemple d&rsquo;image de couverture réseau social pour un profil Linked In pour naturopathe</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="483" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/mockup-600.webp" alt="exemple site interne naturopathe sur ordinateur et mobile responsive" class="wp-image-5093" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/mockup-600.webp 600w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/mockup-600-300x242.webp 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading">Exemple de site web pour naturopathe</h2>



<p class="wp-block-paragraph">Pour la création de site internet pour naturopathe, j&rsquo;ai créé une landing page de vente présentant l&rsquo;activité et les offres. La charte graphique web respecte l&rsquo;univers visuel créé avec le logo.</p>



<p class="wp-block-paragraph">Le site web de naturopathe se compose d&rsquo;un image immersive en début de page amenant à la sérénité et mettant en valeur la promesse de vente de l&rsquo;entrepreneur.</p>



<p class="wp-block-paragraph">Puis j&rsquo;ai créé un bloc de présentation mettant en valeur l&rsquo;expertise, un bloc présentant les différentes offres de naturopathie. En fin de page un bloc de preuves sociales montrant les avis client permettent de rassurer l&rsquo;internaute sur les bénéfices de la prestation.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="582" height="1024" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/exemple-site-web-naturopathe-design-582x1024.webp" alt="exemple site web design naturopathe" class="wp-image-5095" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/exemple-site-web-naturopathe-design-582x1024.webp 582w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/exemple-site-web-naturopathe-design-170x300.webp 170w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/exemple-site-web-naturopathe-design-768x1352.webp 768w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/exemple-site-web-naturopathe-design.webp 800w" sizes="auto, (max-width: 582px) 100vw, 582px" /></figure>
</div>
</div>



<div class="wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-style:none;border-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:100%">
<h2 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80);font-size:38px">Un projet  ? Découvrez mes services :</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-97 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-98" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>



<h2 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80);font-size:38px">Une question ? Contactez-moi</h2>



<div class="wp-block-cover"><span aria-hidden="true" class="wp-block-cover__background has-ast-global-color-5-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="300" height="299" src="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp" alt="" class="wp-image-5699" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309-150x150.webp 150w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p class="has-text-align-center has-ast-global-color-2-color has-text-color has-link-color wp-elements-99 wp-block-paragraph"><strong>Laure OREJA &#8211; Graphiste Webdesigner Webmarketing Freelance Toulouse</strong></p>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-100 wp-block-paragraph">Je construis avec vous, votre&nbsp;<strong>présence en ligne de A à Z</strong>&nbsp;: une stratégie claire de parcours client, une identité visuelle alignée et un site web eco responsable et efficace pour votre cible client.</p>



<p class="wp-block-paragraph">Je tire mes compétences de <strong>14 ans d&rsquo;expérience en entreprise</strong> qui m&rsquo;ont permit de comprendre que la connaissance du client est le moteur d&rsquo;un design qui fonctionne et qui parle à sa cible.</p>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-101 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-medium-font-size wp-block-paragraph">Prendre rendez-vous en visio :</p>



<p class="wp-block-paragraph">Réserve un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est <strong>gratuit et sans engagement</strong>.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-left has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-102 wp-block-paragraph">Envoyer un message :</p>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948914000-3076048524",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948914000-3076048524"></div>
</div>
</div>
</div>
</div>
</div>
</div>



<p class="has-text-align-center has-large-font-size wp-block-paragraph"></p>
</div></div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/portfolio-projet-graphisme-magali-blond-naturopathe/">NATUROPATHE &#8211; Charte graphique, bannière, flyer et landing page</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/portfolio-projet-graphisme-magali-blond-naturopathe/">NATUROPATHE &#8211; Charte graphique, bannière, flyer et landing page</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Charte graphique : définition, avantages et exemples</title>
		<link>https://lachouettecoloree.fr/logo-charte-graphique/charte-graphique-definition-avantages-et-exemples-inspirants-pour-votre-entreprise/</link>
		
		<dc:creator><![CDATA[Oreja Laure]]></dc:creator>
		<pubDate>Tue, 30 Jul 2024 15:31:12 +0000</pubDate>
				<category><![CDATA[Logo et charte graphique]]></category>
		<category><![CDATA[Logo & Charte graphique - conseils et astuces]]></category>
		<category><![CDATA[Stratégie de communication]]></category>
		<guid isPermaLink="false">https://lachouettecoloree.fr/?p=1353</guid>

					<description><![CDATA[<p>Charte graphique : définition, avantages et exemples Qu&#8217;est-ce qu&#8217;une charte graphique ? Quelles différences entre charte graphique, logo et image [&#8230;]</p>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/charte-graphique-definition-avantages-et-exemples-inspirants-pour-votre-entreprise/">Charte graphique : définition, avantages et exemples</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/charte-graphique-definition-avantages-et-exemples-inspirants-pour-votre-entreprise/">Charte graphique : définition, avantages et exemples</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading" id="htoc-charte-graphique-d-finition-avantages-et-exemples">Charte graphique : définition, avantages et exemples</h1>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-695b19f9 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--70);padding-right:0;padding-bottom:var(--wp--preset--spacing--70);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="450" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-dfinition-la-chouette-coloree-5.png" alt="Image symbolique d'une charte graphique" class="wp-image-1402" style="object-fit:cover" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-dfinition-la-chouette-coloree-5.png 450w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-dfinition-la-chouette-coloree-5-300x200.png 300w" sizes="auto, (max-width: 450px) 100vw, 450px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-ht-block-toc  is-style-outline htoc htoc--position-wide toc-list-style-bulleted" data-htoc-state="expanded" data-htoc-scrollspy="false"><span class="htoc__title"><span class="ht_toc_title">Table des matières</span><span class="htoc__toggle"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g fill="#444"><path d="M15 7H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z"></path><path d="M15 1H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1zM15 13H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z"></path></g></svg></span></span><div class="htoc__itemswrap"><ul class="ht_toc_list"><li class=""><a href="#htoc-c-est-quoi-une-charte-graphique-quelle-diff-rence-entre-logo-charte-graphique-et-image-de-marque">C&rsquo;est quoi une charte graphique ? Quelle différence entre logo, charte graphique et image de marque ?</a></li><li class=""><a href="#htoc-qu-est-ce-qui-compose-une-charte-graphique">Qu&rsquo;est-ce qui compose une charte graphique ?</a></li><li class=""><a href="#htoc-quel-est-le-prix-d-une-charte-graphique">Quel est le prix d&rsquo;une charte graphique ?</a></li><li class=""><a href="#htoc-les-avantages-cach-s-d-une-charte-graphique">Les avantages cachés d&rsquo;une charte graphique</a></li><li class=""><a href="#htoc-exemples-de-charte-graphique">Exemples de charte graphique</a></li><li class=""><a href="#htoc-un-projet-d-couvrez-mes-services">Un projet ? Découvrez mes services</a></li></ul></div></div>
</div>
</div>



<p class="wp-block-paragraph">Qu&rsquo;est-ce qu&rsquo;une charte graphique ? Quelles différences entre charte graphique, logo et image de marque ?</p>



<p class="wp-block-paragraph">Voici le guide expliquant comment<strong> la création d&rsquo;une charte vous permet de créer une identité visuelle solide et engageante</strong>.</p>



<p class="wp-block-paragraph">Découvrez de quoi est composé ce document et quels sont <strong>les avantages d&rsquo;une charte graphique</strong> à la fois pour vous et pour votre cible client.</p>



<p class="wp-block-paragraph">Une question ? N&rsquo;hésitez pas à <a href="#contact">me contacter</a>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:20%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="200" height="200" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-definition.png" alt="" class="wp-image-1416" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-definition.png 200w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-definition-150x150.png 150w" sizes="auto, (max-width: 200px) 100vw, 200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:80%">
<h2 class="wp-block-heading" id="htoc-c-est-quoi-une-charte-graphique-quelle-diff-rence-entre-logo-charte-graphique-et-image-de-marque" style="font-size:38px">C&rsquo;est quoi une charte graphique ? Quelle différence entre logo, charte graphique et image de marque ?</h2>



<p class="wp-block-paragraph">Ces 3 éléments constituent <strong>les piliers de l&rsquo;identité de votre entreprise</strong>. Quand on crée son activité, il est nécessaire d&rsquo;<strong>être reconnaissable sur le marché</strong>. Construire une <strong>identité visuelle professionnelle</strong> inspirera confiance chez votre audience et l&rsquo;engagera à vos côtés pour porter votre projet.</p>



<p class="wp-block-paragraph">Ces 3 piliers de communication sont complémentaires et intimement liés. Il est cependant important de saisir leur différence pour <strong>construire une identité visuelle cohérente et performante</strong>.</p>
</div>
</div>



<h3 class="wp-block-heading" id="htoc-qu-est-ce-qu-un-logo">Qu&rsquo;est-ce qu&rsquo;un logo ?</h3>



<p class="wp-block-paragraph">Un logo est le<strong> symbole graphique </strong>de votre entreprise. C&rsquo;est souvent<strong> le premier visuel que votre audience verra</strong> en entrant en contact avec vous. La conception d&rsquo;un logo ne doit pas être prise à la légère. <strong>Un bon logo doit être simple, mémorable et se distinguer de la concurrence</strong>. </p>



<p class="wp-block-paragraph">Un projet de <a href="https://lachouettecoloree.fr/devis-pour-votre-logo-gratuit-et-sans-engagement/" target="_blank" rel="noreferrer noopener">création ou la refonte de votre logo ? Contactez moi</a>.</p>



<h3 class="wp-block-heading" id="htoc-d-finition-d-une-charte-graphique">Définition d&rsquo;une charte graphique</h3>



<p class="wp-block-paragraph"><strong>La charte graphique est un document listant les règles à respecter pour avoir une identité visuelle cohérente et professionnelle</strong>. Elle englobe le logo mais également les couleurs, les typographies et les éléments graphiques qui seront utilisés sur vos visuels. C&rsquo;est une charte au sens propre du terme. Elle définit <strong>les principes à suivre lors de la création visuelle </strong>de vos supports de communication. Elle vous assure une image de marque cohérente sur l&rsquo;ensemble de vos publications.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5fdceb46 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="htoc-l-image-de-marque-c-est-quoi">L&rsquo;image de marque, c&rsquo;est quoi ?</h3>



<p class="wp-block-paragraph">Qu&rsquo;est-ce qui constitue une image de marque ? Un visuel, une icone, un univers graphique ? Oui, mais pas seulement !</p>



<p class="wp-block-paragraph"><strong>L&rsquo;identité de marque (ou branding) est la manière dont votre cible client vous perçoit. </strong>Votre identité de marque ne se réduit pas à votre logo et votre charte graphique. Elle est définie par le ton que vous employez quand vous vous adressez à votre cible et par votre histoire. <strong>Son fondement se trouve dans vos valeurs </strong>que vous souhaitez véhiculer auprès de votre public.</p>



<p class="wp-block-paragraph">L&rsquo;identité de marque est la 1ère réflexion à avoir lors de la création d&rsquo;une entreprise. Elle est la raison d&rsquo;être de votre projet et constitue <strong>le socle solide de toute votre communication</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph">Exemple de La Chouette Colorée</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="404" height="406" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-difference-la-chouette-coloree-1.png" alt="Schémas montrant la différence entre logo charte graphique et identité de marque et comment ces 3 éléments s'imbriquent" class="wp-image-1471" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-difference-la-chouette-coloree-1.png 404w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-difference-la-chouette-coloree-1-300x300.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/chartegraphique-logo-identite-de-marque-difference-la-chouette-coloree-1-150x150.png 150w" sizes="auto, (max-width: 404px) 100vw, 404px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:20%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="200" height="200" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-composition.png" alt="" class="wp-image-1415" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-composition.png 200w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-composition-150x150.png 150w" sizes="auto, (max-width: 200px) 100vw, 200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:80%">
<h2 class="wp-block-heading" id="htoc-qu-est-ce-qui-compose-une-charte-graphique" style="font-size:38px">Qu&rsquo;est-ce qui compose une charte graphique ?</h2>



<p class="wp-block-paragraph">La charte graphique est un document listant les règles à suivre lors de la création de visuels de communication. Elle est la garantie de garder une image homogène et cohérente sur tous vos médias.</p>



<p class="wp-block-paragraph"><strong>Je crée des chartes graphiques en fonction des besoins et de la situation de chaque entreprise. </strong>Chaque projet a des spécificités, des objectifs et des moyens qui lui sont propres. Voici ce que vous pouvez retrouver dans ce document :</p>
</div>
</div>



<h3 class="wp-block-heading" id="htoc-le-logo-et-son-utilisation-la-base-de-la-charte-graphique">Le logo et son utilisation : la base de la charte graphique</h3>



<p class="wp-block-paragraph">La charte graphique prévoit plusieurs règles afin que votre logo ne soit pas mal mené lors de son utilisation. <strong>Ces règles concerneront les déclinaisons du logo</strong> afin qu&rsquo;il puisse être utilisé à la fois en petit comme en grand. Vous aurez également besoin de <strong>plusieurs formats de logo</strong> : en ligne, dans un espace carré et pourquoi pas en vertical.</p>



<p class="wp-block-paragraph">De plus, le document intègrera les <strong>déclinaisons de couleurs</strong> de votre logo. Il pourra ainsi être utilisé sur des fonds clairs ou foncés. </p>



<p class="wp-block-paragraph">Enfin le logo a besoin d&rsquo;espace autour de lui pour respirer. Le document intégrera donc <strong>les marges à respecter autour du logo</strong> en fonction du format d&rsquo;image sur lequel il apparaitra.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="383" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/declinaison-logos-la-chouette-coloree-charte-graphique.png" alt="Exemple de charte graphique avec une déclinaison de logo dans tous les formats d'image" class="wp-image-1424" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/declinaison-logos-la-chouette-coloree-charte-graphique.png 800w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/declinaison-logos-la-chouette-coloree-charte-graphique-300x144.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/declinaison-logos-la-chouette-coloree-charte-graphique-768x368.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading" id="htoc-la-palette-de-couleurs-et-les-r-gles-de-combinaison">La palette de couleurs et les règles de combinaison</h3>



<p class="wp-block-paragraph"><strong>La palette de couleurs dans une charte graphique </strong>définit les principales couleurs à utiliser. Le document prévoit<strong> les codes couleurs </strong>à respecter pour le web et pour l&rsquo;impression.</p>



<p class="wp-block-paragraph">Elle intègre également<strong> les règles de combinaison de couleurs</strong>. La charte graphique détermine notamment les couleurs à utiliser pour le texte et celles à associer pour le fond. Cet ensemble de règles vous permet d&rsquo;avoir des visuels toujours lisibles.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="309" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/palette-couleur-charte-graphique-la-chouette-coloree.png" alt="exemple de règles d'utilisation de couleur qu'on peut trouver dans une charte graphique" class="wp-image-1426" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/palette-couleur-charte-graphique-la-chouette-coloree.png 800w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/palette-couleur-charte-graphique-la-chouette-coloree-300x116.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/palette-couleur-charte-graphique-la-chouette-coloree-768x297.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<h3 class="wp-block-heading" id="htoc-les-typographies-et-la-mise-en-forme-du-texte">Les typographies et la mise en forme du texte</h3>



<p class="wp-block-paragraph">Vous retrouverez dans la charte, la typographie de votre logo bien entendu, mais ce n&rsquo;est pas tout ! Elle prévoira aussi<strong> les typographies à utiliser sur l&rsquo;ensemble de vos textes,</strong> toujours dans un souci de cohérence et de <strong>lisibilité</strong>. Le document peut prévoir la typographie, la taille du texte et l&rsquo;espacement des blocs à respecter.</p>



<h3 class="wp-block-heading" id="htoc-les-ic-nes-et-leur-style-graphique">Les icônes et leur style graphique</h3>



<p class="wp-block-paragraph">Lors de la création de visuels, beaucoup utilisent des icônes afin d&rsquo;illustrer leur services, leurs catégories de produits ou autre. Dans ce cas il peut être intéressant de définir un<strong> style d&rsquo;icône à respecter sur toutes vos publications</strong>. Vous pouvez vouloir des icones très simples et filaires par exemple ou au contraire des icones très colorées.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5fdceb46 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph">Sarenza</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="363" height="58" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h09_10.png" alt="" class="wp-image-1431" style="width:330px;height:auto" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h09_10.png 363w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h09_10-300x48.png 300w" sizes="auto, (max-width: 363px) 100vw, 363px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph">France Travail</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="655" height="231" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h12_53.png" alt="" class="wp-image-1429" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h12_53.png 655w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h12_53-300x106.png 300w" sizes="auto, (max-width: 655px) 100vw, 655px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph">Haribo</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="352" height="109" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h14_04.png" alt="" class="wp-image-1430" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h14_04.png 352w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/2024-07-30_09h14_04-300x93.png 300w" sizes="auto, (max-width: 352px) 100vw, 352px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="htoc-le-type-de-photos-utiliser">Le type de photos à utiliser</h3>



<p class="wp-block-paragraph">Il peut être nécessaire de définir un <strong>type de photographie à utiliser </strong>sur vos publications de communication. Allez-vous privilégier des photos de personnes souriantes, en action ? face caméra ? Ou privilégier des photos de paysage, naturel avec des matières en bois ? Ou encore mettre en avant vos produits avec un fond de couleur uni et moderne ?</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5fdceb46 wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Asics</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="486" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/asics1-1024x486.png" alt="Exemple de photos propres à la charte graphique de Asics
" class="wp-image-1385" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/asics1-1024x486.png 1024w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/asics1-300x142.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/asics1-768x364.png 768w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/asics1-1536x728.png 1536w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/asics1.png 1546w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Nike</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="371" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/nike-1024x371.png" alt="Exemple de charte graphique Nike avec un univers visuel de photos" class="wp-image-1481" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/nike-1024x371.png 1024w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/nike-300x109.png 300w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/nike-768x278.png 768w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/nike.png 1227w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="htoc-les-l-ments-graphiques-et-templates">Les éléments graphiques et templates</h3>



<p class="wp-block-paragraph">Enfin, un <strong>univers graphique </strong>se construit également via des <strong>éléments visuels permanents d&rsquo;une communication à l&rsquo;autre</strong>. Cela peut être une bordure de visuel, un élément de décor récurrent, &#8230; Etc. <strong>Réaliser des templates</strong> vous permet de prévoir une cohérence graphique sur toutes vos publications et ainsi renforcer votre image de marque.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:20%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="200" height="200" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-prix.png" alt="" class="wp-image-1417" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-prix.png 200w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-prix-150x150.png 150w" sizes="auto, (max-width: 200px) 100vw, 200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:80%">
<h2 class="wp-block-heading" id="htoc-quel-est-le-prix-d-une-charte-graphique" style="font-size:38px">Quel est le prix d&rsquo;une charte graphique ?</h2>



<p class="wp-block-paragraph">Comme la création d&rsquo;un logo, le <strong>devis de votre charte graphique </strong>dépendra de plusieurs critères. J&rsquo;adapte le tarif à vos besoins et à votre situation. </p>



<p class="wp-block-paragraph"><a href="https://calendly.com/contactlachouettecoloree/rdv-prise-de-contact" target="_blank" rel="noreferrer noopener">Prenez RDV si vous désirez que nous parlions de votre projet.</a></p>
</div>
</div>



<p class="wp-block-paragraph">Voici<strong> les critères qui peuvent influencer le prix de votre charte graphique</strong> :</p>



<h3 class="wp-block-heading" id="htoc-le-logo-cr-er">Le logo à créer</h3>



<p class="wp-block-paragraph">Je propose un<strong><a href="https://lachouettecoloree.fr/devis-pour-votre-logo-gratuit-et-sans-engagement/" target="_blank" rel="noreferrer noopener"> devis pour votre logo </a>adapté à votre situation</strong>. Différents <a href="https://lachouettecoloree.fr/logo-charte-graphique/prix-logo/" target="_blank" rel="noreferrer noopener">critères peuvent influencer le prix d&rsquo;un logo</a> :</p>



<ul class="wp-block-list">
<li id="htoc-le-choix-du-graphiste">le choix du graphiste, </li>



<li id="htoc-votre-situation">votre situation, </li>



<li id="htoc-le-nombre-de-recherches-graphiques">le nombre de recherches graphiques</li>



<li id="htoc-l-avanc-e-de-votre-r-flexion-sur-la-cr-ation-du-logo">l&rsquo;avancée de votre réflexion sur la création du logo</li>
</ul>



<p class="wp-block-paragraph"><strong>Si vous avez déjà un logo,</strong> je peux créer votre charte graphique à partir de celui-ci.</p>



<h3 class="wp-block-heading" id="htoc-le-d-ploiement-de-la-charte-graphique-sur-vos-supports-de-communication">Le déploiement de la charte graphique sur vos supports de communication </h3>



<ul class="wp-block-list">
<li id="htoc-vous-d-ployez-votre-communication-sur-un-site-internet-il-sera-sans-doute-n-cessaire-de-pr-voir-la-mise-en-page-de-vos-textes-titres-paragraphes-etc-mais-galement-le-webdesign-de-vos-boutons-liens-blocs-icones-etc">Vous déployez votre <strong>communication sur un site internet </strong>? Il sera sans doute nécessaire de prévoir la mise en page de vos textes, titres, paragraphes,&#8230; etc. Mais également le <strong>webdesign </strong>de vos boutons, liens, blocs, icones, &#8230;etc. </li>



<li id="htoc-vous-vendez-des-produits-en-ligne-vous-voudrez-sans-doute-fixer-des-r-gles-pour-les-photos-produits-de-votre-e-commerce-elles-permettront-une-coh-rence-de-vos-mises-en-avant-sur-votre-site-les-r-seaux-sociaux-les-banni-res-display-etc">Vous vendez des produits en ligne ? Vous voudrez sans doute fixer des<strong> règles pour les photos produits de votre e-commerce</strong>. Elles permettront une cohérence de vos mises en avant sur votre site, les réseaux sociaux, les bannières display, &#8230;etc.</li>



<li id="htoc-vous-faites-tr-s-peu-de-publications-visuelles-la-charte-pourra-tre-tr-s-simple-et-le-tarif-sera-alors-adapt-en-cons-quence1">Vous faites très peu de publications visuelles ? La charte pourra être très simple et le tarif sera alors adapté en conséquence.</li>
</ul>



<h3 class="wp-block-heading" id="htoc-la-complexit-de-votre-offre">La complexité de votre offre</h3>



<p class="wp-block-paragraph">Pour une grande entreprise, la charte graphique devra prévoir<strong> les différents sous projets de votre activité</strong>. Si vous avez plusieurs offres avec des publics différents, il peut être judicieux d&rsquo;avoir un graphisme reconnaissable pour chacune. Le but ? <strong>Comprendre et identifier les différentes offres tout en gardant une identité graphique globale.</strong></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#contact">DEMANDER UN DEVIS </a></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:20%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="200" height="200" src="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-avantages.png" alt="" class="wp-image-1418" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-avantages.png 200w, https://lachouettecoloree.fr/wp-content/uploads/2024/07/ico-avantages-150x150.png 150w" sizes="auto, (max-width: 200px) 100vw, 200px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:80%">
<h2 class="wp-block-heading" id="htoc-les-avantages-cach-s-d-une-charte-graphique" style="font-size:38px">Les avantages cachés d&rsquo;une charte graphique</h2>



<p class="wp-block-paragraph">Comme vu précédemment <strong>une charte graphique vous permet de traduire en image, tout ce qui se cache derrière votre marque</strong>. Votre discours et vos ambitions doivent transparaître dans votre logo mais également sur tous les supports de communication. La charte graphique a pour but de <strong>convaincre votre public d&rsquo;adhérer à votre projet</strong>.</p>



<p class="wp-block-paragraph">La charte graphique a à la fois un <strong>impact positif auprès de votre client mais également pour votre activité.</strong> Voici les avantages cachés que vous ne soupçonnez peut-être pas :</p>
</div>
</div>



<h3 class="wp-block-heading" id="htoc-quels-impacts-sur-votre-client-a-une-charte-graphique">&nbsp;Quels impacts sur votre client a une charte graphique ?</h3>



<ul class="wp-block-list">
<li id="htoc-en-ayant-une-identit-graphique-identique-sur-tous-les-supports-vous-exposez-votre-audience-r-guli-rement-au-m-me-style-graphique-la-r-p-tition-permet-votre-client-de-m-moriser-votre-identit-puis-de-vous-reconna-tre-instantan-ment"><strong>&nbsp;</strong>En ayant une identité graphique identique sur tous les supports, vous exposez votre audience régulièrement au même style graphique. <strong>La répétition permet à votre client de mémoriser </strong>votre identité puis de vous reconnaître instantanément.&nbsp;</li>



<li id="htoc-en-gardant-une-coh-rence-graphique-d-une-campagne-l-autre-votre-message-est-clair-pour-le-client-c-est-ce-qui-le-rassure-et-qui-augmente-sa-confiance-envers-votre-marque">En gardant une cohérence graphique d’une campagne à l’autre, votre message est clair pour le client. C’est ce qui le <strong>rassure et qui augmente sa confiance envers votre marque.</strong></li>



<li id="htoc-une-charte-graphique-renforce-votre-image-et-ce-qui-fait-que-vous-tes-unique-elle-vous-permet-donc-de-vous-distinguer-de-vos-concurrents">Une charte graphique renforce votre image et ce qui fait que vous êtes unique. Elle vous permet donc de vous <strong>distinguer de vos concurrents.</strong></li>
</ul>



<h3 class="wp-block-heading" id="htoc-quels-b-n-fices-pour-vous">Quels bénéfices pour vous ?</h3>



<ul class="wp-block-list">
<li id="htoc-un-gain-de-temps-plus-besoin-de-vous-creuser-la-t-te-pour-savoir-quoi-va-ressembler-votre-prochain-visuel-vous-pourrez-vous-consacrer-votre-activit-et-prendre-soin-de-vos-clients"><strong>Un gain de temps ! </strong>Plus besoin de vous creuser la tête pour savoir à quoi va ressembler votre prochain visuel. <strong>Vous pourrez vous consacrer à votre activité</strong> et à prendre soin de vos clients.</li>



<li id="htoc-un-gain-de-conversion-en-ayant-des-visuels-coh-rents-et-r-v-lateurs-de-vos-valeurs-votre-image-de-marque-travaille-pour-vous-les-prospects-comprendront-rapidement-ce-que-vous-proposez-et-s-identifieront-plus-facilement"><strong>Un gain de conversion ! </strong>En ayant des visuels cohérents et révélateurs de vos valeurs, <strong>votre image de marque travaille pour vous</strong>. Les prospects comprendront + rapidement ce que vous proposez et s&rsquo;identifieront plus facilement.</li>



<li id="htoc-un-engagement-de-vos-clients-avoir-une-image-de-marque-forte-ne-fera-que-renforcer-leur-confiance-vos-clients-seront-aussi-plus-enclins-parler-de-vous-autour-d-eux"><strong>Un engagement de vos clients ! </strong>Avoir une image de marque forte ne fera que renforcer leur confiance. <strong>Vos clients seront aussi plus enclins à parler de vous autour d’eux.</strong></li>
</ul>



<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-bc8fb249 wp-block-group-is-layout-constrained" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;margin-top:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--80);padding-left:0">
<h2 class="wp-block-heading" id="htoc-exemples-de-charte-graphique" style="font-size:38px">Exemples de charte graphique</h2>


<ul class="wp-block-latest-posts__list is-grid aligncenter derniersarticles wp-block-latest-posts is-layout-flow wp-block-latest-posts-is-layout-flow"><li><div class="wp-block-latest-posts__featured-image aligncenter"><a href="https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/" aria-label="Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle"><img loading="lazy" decoding="async" width="233" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/09/couve1-233x300.webp" class="attachment-medium size-medium wp-post-image" alt="" style="" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/09/couve1-233x300.webp 233w, https://lachouettecoloree.fr/wp-content/uploads/2025/09/couve1.webp 498w" sizes="auto, (max-width: 233px) 100vw, 233px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://lachouettecoloree.fr/logo-charte-graphique/ephemere-logo-artisan-bijoutier-identite-visuelle/">Ephémère &#8211; logo artisan Bijoutier &#8211; Identité visuelle</a></li>
<li><div class="wp-block-latest-posts__featured-image aligncenter"><a href="https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/" aria-label="Floral &#8211; Fleuriste charte graphique et site web"><img loading="lazy" decoding="async" width="233" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couve-233x300.webp" class="attachment-medium size-medium wp-post-image" alt="" style="" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couve-233x300.webp 233w, https://lachouettecoloree.fr/wp-content/uploads/2025/08/floral-couve.webp 498w" sizes="auto, (max-width: 233px) 100vw, 233px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://lachouettecoloree.fr/ux-design/floral-fleuriste-charte-graphique-et-site-web/">Floral &#8211; Fleuriste charte graphique et site web</a></li>
<li><div class="wp-block-latest-posts__featured-image aligncenter"><a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/" aria-label="Green Loop E-commerce Economie circulaire &#8211; Logo et site web"><img loading="lazy" decoding="async" width="233" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/greenloop-image-defaut-articleportfolio-233x300.webp" class="attachment-medium size-medium wp-post-image" alt="" style="" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/greenloop-image-defaut-articleportfolio-233x300.webp 233w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/greenloop-image-defaut-articleportfolio.webp 498w" sizes="auto, (max-width: 233px) 100vw, 233px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/green-loop-e-commerce-economie-circulaire-logo-et-site-web/">Green Loop E-commerce Economie circulaire &#8211; Logo et site web</a></li>
<li><div class="wp-block-latest-posts__featured-image aligncenter"><a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/" aria-label="MAIN TENDUE association &#8211; Flyer Affiche et dépliant"><img loading="lazy" decoding="async" width="233" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2025/04/new-couve-portfolio-maintendue-233x300.webp" class="attachment-medium size-medium wp-post-image" alt="" style="" srcset="https://lachouettecoloree.fr/wp-content/uploads/2025/04/new-couve-portfolio-maintendue-233x300.webp 233w, https://lachouettecoloree.fr/wp-content/uploads/2025/04/new-couve-portfolio-maintendue.webp 498w" sizes="auto, (max-width: 233px) 100vw, 233px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/association-creer-flyer-affiche-depliant-graphiste/">MAIN TENDUE association &#8211; Flyer Affiche et dépliant</a></li>
<li><div class="wp-block-latest-posts__featured-image aligncenter"><a href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/" aria-label="SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign"><img loading="lazy" decoding="async" width="233" height="300" src="https://lachouettecoloree.fr/wp-content/uploads/2024/09/new-couve-portfolio-susan2-233x300.webp" class="attachment-medium size-medium wp-post-image" alt="" style="" srcset="https://lachouettecoloree.fr/wp-content/uploads/2024/09/new-couve-portfolio-susan2-233x300.webp 233w, https://lachouettecoloree.fr/wp-content/uploads/2024/09/new-couve-portfolio-susan2.webp 498w" sizes="auto, (max-width: 233px) 100vw, 233px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://lachouettecoloree.fr/logo-charte-graphique/logo-charte-graphique-portfolio/portfolio-susan-boutique-vintage-logo-et-webdesign/">SUSAN BOUTIQUE VINTAGE &#8211; Logo et Webdesign</a></li>
</ul></div>



<div class="wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-56c6d98b wp-block-columns-is-layout-flex" style="border-top-color:var(--wp--preset--color--ast-global-color-1);border-top-width:4px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-bottom:0;flex-basis:100%">
<h2 class="wp-block-heading has-text-align-center" id="htoc-un-projet-d-couvrez-mes-services" style="font-size:38px">Un projet ? Découvrez mes services</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="min-height:100%">
<h3 class="wp-block-heading">Mon service de Logo &amp; Charte graphique</h3>



<p class="wp-block-paragraph">Vous <strong>créez votre marque et vous souhaitez un logo</strong> pour avoir une <strong>identité visuelle professionnelle et impactante</strong> ? </p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Devis sur mesure : type de logo, charte graphique, support d&rsquo;entreprise</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1 seul prestataire pour toute votre communication web, print et packaging</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-f9852eab wp-block-columns-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-rose.png" alt="" class="wp-image-2600"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Démarquez vous de vos concurrents</strong> et <strong>gagner la confiance de votre audience</strong> !</p>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/creation-logo-toulouse/">création de logo</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group has-ast-global-color-5-color has-ast-global-color-0-background-color has-text-color has-background has-link-color wp-elements-103 is-layout-constrained wp-container-core-group-is-layout-e3964afe wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;min-height:100%;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex">
<h3 class="wp-block-heading has-ast-global-color-5-color has-text-color has-link-color wp-elements-104" id="htoc-mon-service-de-cr-ation-de-maquette-web">L&rsquo;accompagnement complet pour entrepreneur</h3>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Pas besoin d’être sur tous les fronts pour exister sur le web ! </p>



<p class="wp-block-paragraph" id="htoc-d-couvrez-ma-prestation-de-cr-ation-maquettes-webdesign-de-site-web-cr-er-le-design-de-votre-site-internet-avant-de-le-d-velopper-vous-permet-de-ne-rien-oublier-de-travailler-sur-l-ergonomie-et-d-conomiser-du-temps-et-de-l-argent-lors-du-d-veloppement">Je vous propose <strong>un accompagnement sur-mesure, complet et simple :</strong></p>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Construction d&rsquo;une stratégie web solide et facile à prendre en main grâce au Parcours Client</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Création d&rsquo;une identité visuelle professionnelle qui renforce votre crédibilité</p>
</div>
</div>



<div class="wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-dddecdc3 wp-block-columns-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30px">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="80" height="80" src="https://lachouettecoloree.fr/wp-content/uploads/2025/01/check-blanc.png" alt="" class="wp-image-2601"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Conception éco-responsable de votre site web alliant esthétique et peformances</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-7d8fb913 wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-ast-global-color-0-color has-ast-global-color-5-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="https://lachouettecoloree.fr/accompagnement-entrepreneur-strategie-communication-digitale/" style="font-size:19px;line-height:1.6">Découvrir l&rsquo;accompagnement</a></div>
</div>
</div>
</div>
</div>
</div>
</div>



<h2 class="wp-block-heading has-text-align-center" id="contact" style="font-size:38px">Une question ? Contactez-moi</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a8a1933 wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8c55aac8 wp-block-columns-is-layout-flex" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="300" height="299" src="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp" alt="" class="wp-image-5699" srcset="https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309.webp 300w, https://lachouettecoloree.fr/wp-content/uploads/2026/03/portrait2026-e1773678813309-150x150.webp 150w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p class="has-text-align-center has-ast-global-color-2-color has-text-color has-link-color wp-elements-105 wp-block-paragraph"><strong>Laure OREJA &#8211; Graphiste Webdesigner Webmarketing Freelance Toulouse</strong></p>



<p class="has-ast-global-color-2-color has-text-color has-link-color wp-elements-106 wp-block-paragraph">Je construis avec vous, votre&nbsp;<strong>présence en ligne de A à Z</strong>&nbsp;: une stratégie claire de parcours client, une identité visuelle alignée et un site web eco responsable et efficace pour votre cible client.</p>



<p class="wp-block-paragraph">Je tire mes compétences de <strong>14 ans d&rsquo;expérience en entreprise</strong> qui m&rsquo;ont permit de comprendre que la connaissance du client est le moteur d&rsquo;un design qui fonctionne et qui parle à sa cible.</p>
</div>



<div class="wp-block-column has-ast-global-color-2-color has-text-color has-link-color wp-elements-107 is-layout-flow wp-block-column-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0" id="devis">
<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-medium-font-size wp-block-paragraph">Prendre rendez-vous en visio :</p>



<p class="wp-block-paragraph">Réserve un rdv découverte de 30 minutes sur mon agenda. C&rsquo;est <strong>gratuit et sans engagement</strong>.</p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="https://lachouettecoloree.fr/notre-rendez-vous/" target="_blank" rel=" noreferrer noopener nofollow">Réserver un RDV</a></div>
</div>
</div>



<div class="wp-block-group has-border-color has-ast-global-color-2-border-color has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0910e091 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<p class="has-text-align-left has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-108 wp-block-paragraph">Envoyer un message :</p>



<div class="wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-1f35dde9 wp-block-group-is-layout-constrained" style="border-style:none;border-width:0px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
						<script>
							window.hsFormsOnReady = window.hsFormsOnReady || [];
							window.hsFormsOnReady.push(()=>{
								hbspt.forms.create({
									portalId: 144511874,
									formId: "50da2752-eb23-46c9-97e2-60d83cc95eff",
									target: "#hbspt-form-1789948914000-7993742260",
									region: "eu1",
									
							})});
						</script>
						<div class="hbspt-form" id="hbspt-form-1789948914000-7993742260"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<p>L’article <a rel="nofollow" href="https://lachouettecoloree.fr/logo-charte-graphique/charte-graphique-definition-avantages-et-exemples-inspirants-pour-votre-entreprise/">Charte graphique : définition, avantages et exemples</a> est apparu en premier sur <a rel="nofollow" href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
<p>L’article <a href="https://lachouettecoloree.fr/logo-charte-graphique/charte-graphique-definition-avantages-et-exemples-inspirants-pour-votre-entreprise/">Charte graphique : définition, avantages et exemples</a> est apparu en premier sur <a href="https://lachouettecoloree.fr">La Chouette Colorée Web Designer graphiste Freelance Toulouse</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
