<?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>Mathieu Betton</title>
	<atom:link href="https://mathieubetton.fr/feed/" rel="self" type="application/rss+xml" />
	<link>https://mathieubetton.fr/</link>
	<description>Création de sites internet et webdesign pour les entreprises, les marques et les indépendants en France, avec un accompagnement global sur leur stratégie marketing digital &#38; communication</description>
	<lastBuildDate>Fri, 11 Sep 2026 13:32:06 +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://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Mathieu-Betton-150x150.png</url>
	<title>Mathieu Betton</title>
	<link>https://mathieubetton.fr/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Calame Éditions</title>
		<link>https://mathieubetton.fr/projets/calame-editions/</link>
		
		<dc:creator><![CDATA[Mathieu Betton]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 19:22:24 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<guid isPermaLink="false">https://mathieubetton.fr/?p=1608</guid>

					<description><![CDATA[<p>Création et refonte d'un site e-commerce pour une maison d'édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
<p>L’article <a href="https://mathieubetton.fr/projets/calame-editions/">Calame Éditions</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1608" class="elementor elementor-1608" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9f07deb e-flex e-con-boxed e-con e-parent" data-id="9f07deb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c1dcf4f elementor-invisible elementor-widget elementor-widget-text-editor" data-id="c1dcf4f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="text-editor.default">
									<p><a href="https://mathieubetton.fr/projets/">← Retour aux réalisations</a></p>								</div>
		<div class="elementor-element elementor-element-cb149a4 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="cb149a4" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-8991117 elementor-align-left elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-breadcrumbs" data-id="8991117" data-element_type="widget" data-e-type="widget" data-widget_type="breadcrumbs.default">
					<p id="breadcrumbs"><span><span><a href="https://mathieubetton.fr/">Accueil</a></span></span></p>				</div>
		<div class="elementor-element elementor-element-a8029fe e-con-full e-flex elementor-invisible e-con e-child" data-id="a8029fe" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-e10fad4 elementor-widget elementor-widget-text-editor" data-id="e10fad4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>MAISON D&rsquo;ÉDITION</p>								</div>
				<div class="elementor-element elementor-element-4a4d296 elementor-widget elementor-widget-text-editor" data-id="4a4d296" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>CALAME ÉDITIONS • 2025</p>								</div>
				</div>
		<div class="elementor-element elementor-element-cb361d2 e-con-full e-flex e-con e-child" data-id="cb361d2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f538e99 elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="f538e99" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img fetchpriority="high" decoding="async" width="500" height="500" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Calame-Editions.jpg" class="attachment-large size-large wp-image-358" alt="Logo de la maison d&apos;édition Calame Editions, plateforme éditoriale à impact social" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Calame-Editions.jpg 500w, https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Calame-Editions-300x300.jpg 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Calame-Editions-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" />															</div>
				<div class="elementor-element elementor-element-bb0e002 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="bb0e002" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Refonte du site et accompagnement digital &amp; graphique de Calame Éditions</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-98ac6d3 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="98ac6d3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd"><b>Une refonte de site internet pour une maison d&rsquo;édition pas comme les autres</b>.&nbsp;<a href="https://calame-editions.fr/"><b>Calame Éditions</b></a>, c&rsquo;est le projet de <strong>Mille Wood</strong>, écrivain et surtout membre de ma famille qui a fondé sa propre <b>maison d&rsquo;édition</b> en janvier 2024. Son idée de départ était simple mais forte : <b>rendre accessible l&rsquo;édition de livre</b>. Mais aussi de ne surtout pas<b> imposer de ligne éditoriale</b> pour laisser chance à tous les profils d&rsquo;auteurs en les accompagnant de A à Z, de l&rsquo;ébauche à la publication finale. Quand il m&rsquo;a contacté pour faire partie de son projet, j&rsquo;ai tout de suite accepté car je voyais en son projet un avenir prometteur. Un premier <b>site web</b> existait déjà, réalisé par un précédent prestataire. Je suis reparti de zéro sur le <b>webdesign</b>, <b>j&rsquo;ai amélioré et repensé toute la </b><strong>boutique en ligne sous WooCommerce</strong>. Désormais,&nbsp;j&rsquo;accompagne Mille Wood sur tout ce qui touche au <b>graphisme </b>de sa maison d&rsquo;édition : <strong>couvertures de livres pour ses auteurs</strong>, <strong>mockups pour mettre en avant les livres</strong>, mais également des&nbsp;<strong>flyers</strong> et <strong>affiches</strong> pour ses événements littéraires.</p>								</div>
				<div class="elementor-element elementor-element-ede0fbd elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="ede0fbd" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-skew-forward" href="https://calame-editions.fr" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-external-link-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg>			</span>
									<span class="elementor-button-text">calame-editions.fr</span>
					</span>
					</a>
								</div>
				</div>
		<div class="elementor-element elementor-element-f9d1a54 e-con-full e-flex e-con e-child" data-id="f9d1a54" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2431dce elementor-invisible elementor-widget elementor-widget-image" data-id="2431dce" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="image.default">
															<img decoding="async" width="800" height="426" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Calame-Editions-par-Mathieu-Betton.jpg" class="attachment-large size-large wp-image-4181" alt="Mockup du site internet Calame Éditions réalisé par Mathieu Betton, webdesigner à Nantes, présentant le logo et l&apos;accueil sur iPhone et MacBook" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Calame-Editions-par-Mathieu-Betton.jpg 800w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Calame-Editions-par-Mathieu-Betton-300x160.jpg 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Calame-Editions-par-Mathieu-Betton-768x409.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
		<div class="elementor-element elementor-element-c7725cb e-con-full e-flex elementor-invisible e-con e-child" data-id="c7725cb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:800}">
				</div>
				</div>
		<div class="elementor-element elementor-element-ad4836d e-grid e-con-full e-con e-child" data-id="ad4836d" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-0c216b4 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="0c216b4" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-d474000 elementor-widget elementor-widget-heading" data-id="d474000" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Projet</span>				</div>
				<div class="elementor-element elementor-element-e723e38 elementor-widget elementor-widget-text-editor" data-id="e723e38" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Calame Éditions</p>								</div>
				</div>
		<div class="elementor-element elementor-element-114bbe3 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="114bbe3" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-6ab0a8c elementor-widget elementor-widget-heading" data-id="6ab0a8c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Rôle</span>				</div>
				<div class="elementor-element elementor-element-7ead7b1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="7ead7b1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Création • Webdesign SEO • Graphisme</p>								</div>
				</div>
		<div class="elementor-element elementor-element-b666b57 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="b666b57" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-b2a118c elementor-widget elementor-widget-heading" data-id="b2a118c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Durée</span>				</div>
				<div class="elementor-element elementor-element-bfae3e6 elementor-widget elementor-widget-text-editor" data-id="bfae3e6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Indéterminé</p>								</div>
				</div>
		<div class="elementor-element elementor-element-a98b37d e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="a98b37d" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-a0a486b elementor-widget elementor-widget-heading" data-id="a0a486b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Année de création</span>				</div>
				<div class="elementor-element elementor-element-09c8215 elementor-widget elementor-widget-text-editor" data-id="09c8215" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2024-Aujourd&rsquo;hui</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0aeb1aa e-con-full e-flex elementor-invisible e-con e-child" data-id="0aeb1aa" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-6a60fff elementor-widget elementor-widget-text-editor" data-id="6a60fff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WordPress</p>								</div>
				<div class="elementor-element elementor-element-b3c5f91 elementor-widget elementor-widget-text-editor" data-id="b3c5f91" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Elementor</p>								</div>
				<div class="elementor-element elementor-element-b4d3036 elementor-widget elementor-widget-text-editor" data-id="b4d3036" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WooCommerce</p>								</div>
				<div class="elementor-element elementor-element-55f0f40 elementor-widget elementor-widget-text-editor" data-id="55f0f40" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Yoast SEO</p>								</div>
				<div class="elementor-element elementor-element-9188e7f elementor-widget elementor-widget-text-editor" data-id="9188e7f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Adobe Photoshop</p>								</div>
				<div class="elementor-element elementor-element-27b3f28 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="27b3f28" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-9818ad3 e-con-full e-flex elementor-invisible e-con e-child" data-id="9818ad3" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-ab9d893 e-con-full e-flex e-con e-child" data-id="ab9d893" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7fdcbe5 elementor-widget elementor-widget-heading" data-id="7fdcbe5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">01</p>				</div>
				</div>
		<div class="elementor-element elementor-element-33df4da e-con-full e-flex e-con e-child" data-id="33df4da" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c9398b6 elementor-widget elementor-widget-heading" data-id="c9398b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le brief : refonte du site d'une maison d'édition qui démarrait tout juste</h2>				</div>
				<div class="elementor-element elementor-element-67d3eaa elementor-widget elementor-widget-text-editor" data-id="67d3eaa" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Mille Wood</strong> voulait faire l&rsquo;inverse de ce qu&rsquo;on voit trop souvent dans l&rsquo;édition. Le plus souvent, ces maisons ne misent que sur des auteurs déjà connus, en laissant peu de place aux débutants. Lui, voulait une <b>maison d&rsquo;éditions ouverte à tous</b>, où le sujet du livre ou le parcours de l&rsquo;auteur importent moins que l&rsquo;envie d&rsquo;être publié et de raconter une histoire. Pour lancer <a href="https://calame-editions.fr/"><b>Calame Éditions</b></a>, il avait d&rsquo;abord fait appel à un premier <b>créateur de site. L</b>e résultat existait, mais ne reflétait pas vraiment ce qu&rsquo;il voulait construire. Sa proposition était d&rsquo;améliorer l&rsquo;ensemble, <b>le design comme la structure</b>. Au début, le <b>site internet</b> ne comptait que <b>quelques pages principales</b>, c&rsquo;est au fil des mois, projet après projet, qu&rsquo;il s&rsquo;est vraiment étoffé.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5ac4294 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5ac4294" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-4d544e1 e-con-full e-flex elementor-invisible e-con e-child" data-id="4d544e1" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-937d430 e-con-full e-flex e-con e-child" data-id="937d430" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-41b05a1 elementor-widget elementor-widget-heading" data-id="41b05a1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">02</p>				</div>
				</div>
		<div class="elementor-element elementor-element-2d28239 e-con-full e-flex e-con e-child" data-id="2d28239" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-08d1ce0 elementor-widget elementor-widget-heading" data-id="08d1ce0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La problématique</h2>				</div>
				<div class="elementor-element elementor-element-023f2c8 elementor-widget elementor-widget-text-editor" data-id="023f2c8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le vrai défi de ce projet, ce n&rsquo;était pas seulement esthétique. Une <strong>maison d&rsquo;édition</strong> qui accueille tout le monde doit surtout rassurer. Un visiteur qui n&rsquo;a jamais publié, parfois jamais osé se lancer, doit comprendre en quelques secondes qu&rsquo;il a sa place dans le milieu. Le <strong>site internet</strong> existant ne portait ni cette accessibilité, ni les ambitions de <a href="https://calame-editions.fr/"><b>Calame Éditions</b></a>. En effet, il y avait une mini boutique en ligne, mais pas assez développée. Il n&rsquo;y avait pas de blog et et la structure était trop rigide pour accueillir les projets qui arrivaient (partenariats avec des associations, des médias engagés, des entrepreneurs). Il fallait faire la <b>refonte du site web</b> pour qu&rsquo;il puisse être capable de suivre ce rythme sans qu&rsquo;on ait à tout reconstruire à chaque nouvelle étape.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f069aab elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="f069aab" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-cd191d1 e-con-full e-flex e-con e-child" data-id="cd191d1" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f8d1b08 e-con-full e-flex elementor-invisible e-con e-child" data-id="f8d1b08" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-be35f3c elementor-widget elementor-widget-heading" data-id="be35f3c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">03</p>				</div>
				<div class="elementor-element elementor-element-04f02ed elementor-widget elementor-widget-heading" data-id="04f02ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les objectifs</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-639b76c e-grid e-con-boxed elementor-invisible e-con e-child" data-id="639b76c" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-45a64d3 e-con-full e-flex e-con e-child" data-id="45a64d3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-03ea1dd elementor-view-default elementor-widget elementor-widget-icon" data-id="03ea1dd" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-palette" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-15fc4c7 elementor-widget elementor-widget-text-editor" data-id="15fc4c7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une <strong>identité visuelle</strong> chaleureuse et professionnelle, à l&rsquo;image des valeurs humaines de la maison.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-1a74a1e e-con-full e-flex e-con e-child" data-id="1a74a1e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-410391c elementor-view-default elementor-widget elementor-widget-icon" data-id="410391c" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-af0017a elementor-widget elementor-widget-text-editor" data-id="af0017a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un parcours pour se faire publier limpide dès l&rsquo;arrivée sur le site : envoyer un texte écrit, un fichier audio, ou simplement prendre rendez-vous pour une entrevue.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-09c32c5 e-con-full e-flex e-con e-child" data-id="09c32c5" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-316dd87 elementor-view-default elementor-widget elementor-widget-icon" data-id="316dd87" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-shopping-cart" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-58c2c43 elementor-widget elementor-widget-text-editor" data-id="58c2c43" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Refonte de la <strong>boutique en ligne WooCommerce</strong> existante pour que Calame Éditions puisse vendre de nombreux livres directement depuis son site.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-6cbcac0 e-con-full e-flex e-con e-child" data-id="6cbcac0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-33206aa elementor-view-default elementor-widget elementor-widget-icon" data-id="33206aa" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-e1a7dd0 elementor-widget elementor-widget-text-editor" data-id="e1a7dd0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une structure de site qui puisse grandir dans le temps : nouvelles pages pour les partenariats, les engagements, les événements, sans repartir de zéro à chaque fois.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1b35787 e-con-full e-flex elementor-invisible e-con e-child" data-id="1b35787" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-ba7bb5a e-con-full e-flex e-con e-child" data-id="ba7bb5a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-deb6b90 elementor-view-default elementor-widget elementor-widget-icon" data-id="deb6b90" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-paint-brush" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M167.02 309.34c-40.12 2.58-76.53 17.86-97.19 72.3-2.35 6.21-8 9.98-14.59 9.98-11.11 0-45.46-27.67-55.25-34.35C0 439.62 37.93 512 128 512c75.86 0 128-43.77 128-120.19 0-3.11-.65-6.08-.97-9.13l-88.01-73.34zM457.89 0c-15.16 0-29.37 6.71-40.21 16.45C213.27 199.05 192 203.34 192 257.09c0 13.7 3.25 26.76 8.73 38.7l63.82 53.18c7.21 1.8 14.64 3.03 22.39 3.03 62.11 0 98.11-45.47 211.16-256.46 7.38-14.35 13.9-29.85 13.9-45.99C512 20.64 486 0 457.89 0z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-8ac2bee elementor-widget elementor-widget-text-editor" data-id="8ac2bee" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un accompagnement graphique dans la durée :<strong> couvertures de livres</strong>, <strong>mockups</strong>, <strong>flyers</strong> et <strong>affiches</strong> pour les événements littéraires.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-01f5c2c elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="01f5c2c" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-e889254 e-con-full e-flex elementor-invisible e-con e-child" data-id="e889254" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-9b54c0e e-con-full e-flex e-con e-child" data-id="9b54c0e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ca47e1a elementor-widget elementor-widget-heading" data-id="ca47e1a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">04</p>				</div>
				</div>
		<div class="elementor-element elementor-element-a52200d e-con-full e-flex e-con e-child" data-id="a52200d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-be2e3b0 elementor-widget elementor-widget-heading" data-id="be2e3b0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le processus &amp; la direction artistique</h2>				</div>
				<div class="elementor-element elementor-element-2cc2904 elementor-widget elementor-widget-text-editor" data-id="2cc2904" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p dir="ltr">J&rsquo;ai repris tout le <strong>webdesign</strong> sous <strong>WordPress et Elementor</strong>, avec une direction plus sobre et aux couleurs de Calame Éditions. Un design qui met en avant les auteurs et leurs livres plutôt qu&rsquo;un habillage générique qu&rsquo;on retrouve partout. Le parcours pour se faire publier a été simplifié au maximum, avec trois façons de proposer son projet dès la page d&rsquo;accueil (texte, audio, entrevue). Le but principal ? Qu&rsquo;une personne qui n&rsquo;a jamais écrit puisse quand même se lancer sans être perdue dans les démarches. Par la suite j&rsquo;ai également totalement repensé la <b>boutique en ligne WooCommerce</b>.</p><p dir="ltr">Le <b>site internet</b> a continué d&rsquo;évoluer en même temps que l&rsquo;activité de <a href="https://calame-editions.fr/"><b>Calame Éditions</b></a> se développait. De nouvelles sections sont apparues pour présenter les partenariats avec des médias, des associations, des entrepreneurs engagés. Mais également pour présenter les engagements sociaux, éducatifs et culturels portés par la maison. </p><p dir="ltr">En parallèle, le travail graphique s&rsquo;est installé comme une habitude dans notre collaboration. Une couverture à créer pour un nouvel auteur ? Je suis là. Un mockup pour présenter et mettre en ligne un nouveau livre : je suis là aussi. Un flyer, une affiche pour un événement organisé en partenariat ? J&rsquo;accompagne Calame Éditions.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-ef76b14 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ef76b14" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-9b77abd e-con-full e-flex elementor-invisible e-con e-child" data-id="9b77abd" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-c8a1a09 e-con-full e-flex e-con e-child" data-id="c8a1a09" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-271dff3 elementor-widget elementor-widget-heading" data-id="271dff3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">05</p>				</div>
				</div>
		<div class="elementor-element elementor-element-c1ddf8d e-con-full e-flex e-con e-child" data-id="c1ddf8d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f7596d2 elementor-widget elementor-widget-heading" data-id="f7596d2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La solution</h2>				</div>
				<div class="elementor-element elementor-element-cbcc688 elementor-widget elementor-widget-text-editor" data-id="cbcc688" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd">Aujourd&rsquo;hui, après sa <strong>refonte totale</strong>, le <b>site internet</b> présente un parcours en quatre étapes claires pour se faire publier. De l&rsquo;envoi du texte jusqu&rsquo;à la réception de l&rsquo;ouvrage imprimé. On y retrouve le catalogue des livres (<b>boutique en ligne)</b> et les <b>pages dédiées</b> aux partenariats construits petit à petit. Ce n&rsquo;est pas un <b>site </b>livré une fois pour toutes et qu&rsquo;on oublie : il <strong>continuera d&rsquo;évoluer</strong> à chaque nouvelle publication, chaque nouvel événement, chaque nouveau partenariat. Et le <strong>travail graphique</strong> suit le même rythme, couverture après couverture, affiche après affiche. Tout en gardant une <strong>cohérence visuelle sur tous les supports, du digital jusqu&rsquo;au print.</strong></p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-d97ebdc e-con-full e-flex e-con e-parent" data-id="d97ebdc" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-7c60156 e-grid e-con-full e-con e-child" data-id="7c60156" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-c2875e3 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="c2875e3" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton3-1024x584.webp" class="attachment-large size-large wp-image-4211" alt="Image d&apos;un Mockup de Mac et iPhone affichant la page d&apos;un produit de la boutique WooCommerce sur le site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton3-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton3-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton3-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton3-1536x875.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton3-2048x1167.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-9a9a787 elementor-invisible elementor-widget elementor-widget-image" data-id="9a9a787" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="552" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp" class="attachment-large size-large wp-image-4210" alt="Image d&apos;un Mockup de Mac et iPhone affichant la page d&apos;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-eef85c4 animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="eef85c4" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton2-1024x584.webp" class="attachment-large size-large wp-image-4212" alt="Image d&apos;un Mockup de Mac et iPhone affichant la page d&apos;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton2-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton2-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton2-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton2-1536x875.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton2-2048x1167.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-1b169a7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1b169a7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-f73ef49 e-flex e-con-boxed e-con e-parent" data-id="f73ef49" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fc15fd8 e-con-full e-flex elementor-invisible e-con e-child" data-id="fc15fd8" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-b117e72 e-con-full e-flex elementor-invisible e-con e-child" data-id="b117e72" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-6f69c12 elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="6f69c12" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="477" height="611" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-accueil-Mathieu-Betton-nb.webp" class="attachment-large size-large wp-image-4150" alt="Photo professionnelle en noir et blanc de Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-accueil-Mathieu-Betton-nb.webp 477w, https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-accueil-Mathieu-Betton-nb-234x300.webp 234w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
		<div class="elementor-element elementor-element-0d5886b e-con-full e-flex elementor-invisible e-con e-child" data-id="0d5886b" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-2c78881 e-con-full e-flex e-con e-child" data-id="2c78881" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-362357f elementor-widget elementor-widget-heading" data-id="362357f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">06</p>				</div>
				<div class="elementor-element elementor-element-fdd3f36 elementor-widget elementor-widget-heading" data-id="fdd3f36" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi ce projet ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-ca5b4ed elementor-widget elementor-widget-text-editor" data-id="ca5b4ed" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong><a href="https://calame-editions.fr/">Calame Éditions</a></strong>, c&rsquo;est un peu l&rsquo;exemple type de la collaboration que j&rsquo;aime avoir avec mes clients. Ce n&rsquo;est pas une prestation ponctuelle, mais un accompagnement qui dure et qui évolue. Une <b>refonte de site</b> au départ, devenue au fil du temps un vrai suivi complet (web, boutique en ligne, graphisme). Je reste le même interlocuteur pour garder une cohérence visuelle à chaque nouvelle étape. Et puis c&rsquo;est un projet qui a du sens pour moi. Aider une maison d&rsquo;édition qui donne chance à des auteurs qui n&rsquo;auraient peut-être trouvé leur place nulle part ailleurs.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-825a866 e-con-full e-flex elementor-invisible e-con e-child" data-id="825a866" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-53bd326 e-con-full e-flex e-con e-child" data-id="53bd326" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-04f330d elementor-widget elementor-widget-heading" data-id="04f330d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">07</p>				</div>
				<div class="elementor-element elementor-element-7888ffb elementor-widget elementor-widget-heading" data-id="7888ffb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les résultats</h2>				</div>
				</div>
		<div class="elementor-element elementor-element-08127ff e-grid e-con-full e-con e-child" data-id="08127ff" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-737d300 e-con-full e-flex e-con e-child" data-id="737d300" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-68d5ded elementor-widget elementor-widget-heading" data-id="68d5ded" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-e27ab6a elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="e27ab6a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Refonte complète du site internet et de la boutique en ligne</p>				</div>
				</div>
		<div class="elementor-element elementor-element-d2207c1 e-con-full e-flex e-con e-child" data-id="d2207c1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-57efed4 elementor-widget elementor-widget-heading" data-id="57efed4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">100%</span>				</div>
				<div class="elementor-element elementor-element-182b1dd elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="182b1dd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Responsive mobile &amp; tablette</p>				</div>
				</div>
		<div class="elementor-element elementor-element-5dbeed6 e-con-full e-flex e-con e-child" data-id="5dbeed6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-22a978e elementor-widget elementor-widget-heading" data-id="22a978e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">5</span>				</div>
				<div class="elementor-element elementor-element-56e5951 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="56e5951" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Couvertures de livres créées pour les auteurs édités</p>				</div>
				</div>
		<div class="elementor-element elementor-element-99ac53a e-con-full e-flex e-con e-child" data-id="99ac53a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b6b67a8 elementor-widget elementor-widget-heading" data-id="b6b67a8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">+20</span>				</div>
				<div class="elementor-element elementor-element-bb5ebd8 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="bb5ebd8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Affiches, flyers &amp; mockups réalisés</p>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27a6337 e-con-full e-flex elementor-invisible e-con e-child" data-id="27a6337" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-29757e6 e-con-full e-flex e-con e-child" data-id="29757e6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ace378d elementor-widget elementor-widget-heading" data-id="ace378d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">08</p>				</div>
				<div class="elementor-element elementor-element-ac1ac67 elementor-widget elementor-widget-heading" data-id="ac1ac67" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le témoignage</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-69632ce elementor-widget elementor-widget-text-editor" data-id="69632ce" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>« Avis à demander à Mille Wood »</p>								</div>
		<div class="elementor-element elementor-element-72eccfa e-con-full e-flex e-con e-child" data-id="72eccfa" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9bd20bf elementor-widget elementor-widget-image" data-id="9bd20bf" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="150" height="150" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-de-Mille-Wood-Calame-Editions.jpg" class="attachment-large size-large wp-image-4217" alt="Portrait de Mille Wood, écrivain et gérant de Calame Éditions, la plateforme éditoriale à impact social" />															</div>
		<div class="elementor-element elementor-element-0abde1e e-con-full e-flex e-con e-child" data-id="0abde1e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-578b62b elementor-widget elementor-widget-heading" data-id="578b62b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Mille Wood</span>				</div>
				<div class="elementor-element elementor-element-58bf093 elementor-widget elementor-widget-heading" data-id="58bf093" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Écrivain &amp; gérant de Calame Éditions</span>				</div>
				<div class="elementor-element elementor-element-52be462 elementor-widget elementor-widget-text-editor" data-id="52be462" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a href="https://calame-editions.fr">www.calame-editions.fr</a></p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-61269f9 e-flex e-con-boxed e-con e-parent" data-id="61269f9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-8fe52ff e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="8fe52ff" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
		<div class="elementor-element elementor-element-0430ae6 e-con-full e-flex e-con e-child" data-id="0430ae6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6c92bd6 elementor-widget elementor-widget-heading" data-id="6c92bd6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">09</p>				</div>
				<div class="elementor-element elementor-element-9a9a3ed elementor-widget elementor-widget-heading" data-id="9a9a3ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Découvrez d'autres projets réalisés par mes soins</h2>				</div>
				<div class="elementor-element elementor-element-e56706f elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="e56706f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Chaque projet est une nouvelle collaboration, un nouveau défi et une histoire à raconter. Explorez quelques autres réalisations qui illustrent mon savoir-faire en création de sites web, en référencement et en communication digitale.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7e1225e elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="7e1225e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.cards">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-1608 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/calame-editions/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4210" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/calame-editions/" target=&quot;_blank&quot;>
				Calame Éditions			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création et refonte d&rsquo;un site e-commerce pour une maison d&rsquo;édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/calame-editions/" aria-label="En savoir plus sur Calame Éditions" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1609 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-amal-diam/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4334" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive d&#039;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-amal-diam/" target=&quot;_blank&quot;>
				Association Amal Diam			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association engagée dans le bien-être et l&rsquo;insertion sociale, avec un webdesign responsive et chaleureux.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-amal-diam/" aria-label="En savoir plus sur Association Amal Diam" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1615 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/loclean/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/loclean/" target=&quot;_blank&quot;>
				LoClean			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/loclean/" aria-label="En savoir plus sur LoClean" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1616 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/sabribenrekta/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/sabribenrekta/" target=&quot;_blank&quot;>
				Sabri Benrekta			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;une landing page one-page pour la sortie du premier roman de l&rsquo;auteur, pensée comme un tunnel de conversion clair vers l&rsquo;achat.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/sabribenrekta/" aria-label="En savoir plus sur Sabri Benrekta" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1619 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7309" alt="Mockup du site vitrine de l&#039;association Niaque à l&#039;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-niaque-a-lame/" target=&quot;_blank&quot;>
				Association Niaque à l&rsquo;Âme			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" aria-label="En savoir plus sur Association Niaque à l&rsquo;Âme" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/agence-albanda/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/agence-albanda/" target=&quot;_blank&quot;>
				Agence Albanda			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Développement d&rsquo;un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/agence-albanda/" aria-label="En savoir plus sur Agence Albanda" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-70837b5 elementor-mobile-align-left elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="70837b5" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mathieubetton.fr/projets/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>			</span>
									<span class="elementor-button-text">Voir tous les projets</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://mathieubetton.fr/projets/calame-editions/">Calame Éditions</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Association Amal Diam</title>
		<link>https://mathieubetton.fr/projets/association-amal-diam/</link>
		
		<dc:creator><![CDATA[Mathieu Betton]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 19:22:22 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<guid isPermaLink="false">https://mathieubetton.fr/?p=1609</guid>

					<description><![CDATA[<p>Création d'un site vitrine pour une association engagée dans le bien-être et l'insertion sociale, avec un webdesign responsive et chaleureux.</p>
<p>L’article <a href="https://mathieubetton.fr/projets/association-amal-diam/">Association Amal Diam</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1609" class="elementor elementor-1609" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-ffa2233 e-flex e-con-boxed e-con e-parent" data-id="ffa2233" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-87ccbba elementor-invisible elementor-widget elementor-widget-text-editor" data-id="87ccbba" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="text-editor.default">
									<p><a href="https://mathieubetton.fr/projets/">← Retour aux réalisations</a></p>								</div>
		<div class="elementor-element elementor-element-1b3f841 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="1b3f841" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-3dc4535 elementor-align-left elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-breadcrumbs" data-id="3dc4535" data-element_type="widget" data-e-type="widget" data-widget_type="breadcrumbs.default">
					<p id="breadcrumbs"><span><span><a href="https://mathieubetton.fr/">Accueil</a></span></span></p>				</div>
		<div class="elementor-element elementor-element-0fa70d0 e-con-full e-flex elementor-invisible e-con e-child" data-id="0fa70d0" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-085c94b elementor-widget elementor-widget-text-editor" data-id="085c94b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>ASSOCIATION</p>								</div>
				<div class="elementor-element elementor-element-74c5e36 elementor-widget elementor-widget-text-editor" data-id="74c5e36" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>AMAL DIAM • 2025</p>								</div>
				</div>
		<div class="elementor-element elementor-element-46f52de e-con-full e-flex e-con e-child" data-id="46f52de" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a1793a8 elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="a1793a8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="500" height="500" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Amal-Diam-1.jpg" class="attachment-large size-large wp-image-363" alt="Logo de l&apos;association Amel Diam, Amal Diam, association à but non lucratif agissant au croisement du bien-être, de la parentalité et de l’insertion sociale." />															</div>
				<div class="elementor-element elementor-element-64b69aa elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="64b69aa" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Création du site vitrine<br> de l'association Amal Diam</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-03bf445 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="03bf445" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []">Amal Diam, c&rsquo;est une association à but non lucratif implantée à Bagnolet, en Seine-Saint-Denis. Leur terrain : le bien-être, la parentalité et l&rsquo;insertion sociale. Leur public : les femmes, les familles monoparentales, les jeunes, et toute personne traversant une période de fragilité ou de transition. Derrière le projet, deux fondatrices aux profils complémentaires. <strong>Sama Can</strong>, présidente, diplômée en socio-esthétique et formée à la santé mentale. Elle accompagne des publics fragilisés en alliant soins esthétiques, mieux-être psychique et accompagnement social. Puis <strong>Soum Traoré</strong>, vice-présidente, naturopathe et masseuse, formée elle aussi en santé mentale. Elle a cette capacité rare d&rsquo;unir le soin du corps et l&rsquo;écoute de l&rsquo;âme.</p>								</div>
				<div class="elementor-element elementor-element-33a3e1c elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="33a3e1c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-skew-forward" href="https://amaldiam.fr" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-external-link-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg>			</span>
									<span class="elementor-button-text">amaldiam.fr</span>
					</span>
					</a>
								</div>
				</div>
		<div class="elementor-element elementor-element-7964b3a e-con-full e-flex e-con e-child" data-id="7964b3a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5bc9d19 elementor-invisible elementor-widget elementor-widget-image" data-id="5bc9d19" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="426" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Amal-Diam-par-Mathieu-Betton.jpg" class="attachment-large size-large wp-image-4320" alt="Mockup du site internet Amal Diam réalisé par Mathieu Betton, webdesigner à Nantes, présentant le logo et l&apos;accueil sur iPhone et MacBook" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Amal-Diam-par-Mathieu-Betton.jpg 800w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Amal-Diam-par-Mathieu-Betton-300x160.jpg 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Amal-Diam-par-Mathieu-Betton-768x409.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
		<div class="elementor-element elementor-element-060a841 e-con-full e-flex elementor-invisible e-con e-child" data-id="060a841" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:800}">
				</div>
				</div>
		<div class="elementor-element elementor-element-75a4c45 e-grid e-con-full e-con e-child" data-id="75a4c45" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-5f83f76 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="5f83f76" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-f94acb3 elementor-widget elementor-widget-heading" data-id="f94acb3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Client</span>				</div>
				<div class="elementor-element elementor-element-0b93845 elementor-widget elementor-widget-text-editor" data-id="0b93845" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Amal Diam</p>								</div>
				</div>
		<div class="elementor-element elementor-element-8b92083 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="8b92083" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-650c602 elementor-widget elementor-widget-heading" data-id="650c602" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Rôle</span>				</div>
				<div class="elementor-element elementor-element-14214cf elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="14214cf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Création • Webdesign SEO • Graphisme</p>								</div>
				</div>
		<div class="elementor-element elementor-element-7c9f935 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="7c9f935" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-ed267b9 elementor-widget elementor-widget-heading" data-id="ed267b9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Durée</span>				</div>
				<div class="elementor-element elementor-element-e7589c7 elementor-widget elementor-widget-text-editor" data-id="e7589c7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>9 jours</p>								</div>
				</div>
		<div class="elementor-element elementor-element-a175e57 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="a175e57" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-7da913b elementor-widget elementor-widget-heading" data-id="7da913b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Année de création</span>				</div>
				<div class="elementor-element elementor-element-176c7c9 elementor-widget elementor-widget-text-editor" data-id="176c7c9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2025</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-7e9ac09 e-con-full e-flex elementor-invisible e-con e-child" data-id="7e9ac09" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-1a2bf85 elementor-widget elementor-widget-text-editor" data-id="1a2bf85" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WordPress</p>								</div>
				<div class="elementor-element elementor-element-22179b2 elementor-widget elementor-widget-text-editor" data-id="22179b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Elementor</p>								</div>
				<div class="elementor-element elementor-element-580bff6 elementor-widget elementor-widget-text-editor" data-id="580bff6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Yoast SEO</p>								</div>
				<div class="elementor-element elementor-element-46ac0f3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="46ac0f3" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-4a70c71 e-con-full e-flex elementor-invisible e-con e-child" data-id="4a70c71" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-af984b3 e-con-full e-flex e-con e-child" data-id="af984b3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-39124c1 elementor-widget elementor-widget-heading" data-id="39124c1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">01</p>				</div>
				</div>
		<div class="elementor-element elementor-element-5d37ad8 e-con-full e-flex e-con e-child" data-id="5d37ad8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1e5f5e2 elementor-widget elementor-widget-heading" data-id="1e5f5e2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le brief : créer un site internet pour une association à Bagnolet</h2>				</div>
				<div class="elementor-element elementor-element-f6930a1 elementor-widget elementor-widget-text-editor" data-id="f6930a1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []">Quand elles m&rsquo;ont contacté, l&rsquo;association existait, les actions étaient réelles, l&rsquo;équipe était en place. Mais il n&rsquo;y avait pas de site. Aucune présence en ligne digne de ce nom pour une structure qui avait déjà des partenaires comme la Fondation L&rsquo;Oréal ou Action Logement dans son écosystème. Le brief était simple : créer un site internet en prenant en compte l&rsquo;identité graphique déjà existant d&rsquo;Amal Diam, en reprenant leur logo et ses couleurs. Le reste : libre arbitre à moi et à ma créativité pour créer un site vitrine digne de l&rsquo;association afin qu&rsquo;elle puisse être trouvé quand on la recherche sur Google.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-aea5215 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="aea5215" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-052e1d1 e-con-full e-flex elementor-invisible e-con e-child" data-id="052e1d1" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-845d291 e-con-full e-flex e-con e-child" data-id="845d291" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-102628c elementor-widget elementor-widget-heading" data-id="102628c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">02</p>				</div>
				</div>
		<div class="elementor-element elementor-element-003ce24 e-con-full e-flex e-con e-child" data-id="003ce24" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-8d2b63b elementor-widget elementor-widget-heading" data-id="8d2b63b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La problématique</h2>				</div>
				<div class="elementor-element elementor-element-6c624ad elementor-widget elementor-widget-text-editor" data-id="6c624ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []">Une association avec une mission aussi forte méritait une vitrine à la hauteur. Le problème était simple à formuler, moins simple à résoudre : <strong>Amal Diam était invisible sur le web</strong>. Pour trouver l&rsquo;association, il fallait déjà la connaître. Ce qui, pour une structure qui cherche à toucher des publics fragilisés, à convaincre des partenaires institutionnels et à décrocher des financements, est un frein réel. Les enjeux étaient multiples : ê<strong style="background-color: transparent;">tre trouvable</strong><span style="background-color: transparent;"> par des personnes en recherche d&rsquo;accompagnement en Île-de-France, <b>i</b></span><strong style="background-color: transparent;">nspirer confiance</strong><span style="background-color: transparent;"> auprès des financeurs, des collectivités et des partenaires potentiels, <b>p</b></span><strong style="background-color: transparent;">résenter clairement les 6 pôles d&rsquo;action</strong><span style="background-color: transparent;"> : socio-esthétique, parentalité, insertion emploi, sport &amp; art, droit social, événements solidaires, mais sans noyer le visiteur. Et enfin, <b>e</b></span><strong style="background-color: transparent;">xister sur Google</strong><span style="background-color: transparent;"> pour des requêtes locales, sans budget publicitaire. </span>Une association sans site en 2025, c&rsquo;est une association qui se prive d&rsquo;un outil de développement fondamental. Le <strong>référencement local association Île-de-France</strong> n&rsquo;est pas un bonus &#8211; c&rsquo;est une condition pour grandir.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bc79c83 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="bc79c83" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-ea28839 e-con-full e-flex e-con e-child" data-id="ea28839" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4304575 e-con-full e-flex elementor-invisible e-con e-child" data-id="4304575" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-0ea9dce elementor-widget elementor-widget-heading" data-id="0ea9dce" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">03</p>				</div>
				<div class="elementor-element elementor-element-06cf6ec elementor-widget elementor-widget-heading" data-id="06cf6ec" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les objectifs</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6ed7bde e-grid e-con-boxed elementor-invisible e-con e-child" data-id="6ed7bde" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-4ab9ad4 e-con-full e-flex e-con e-child" data-id="4ab9ad4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-8d94f7c elementor-view-default elementor-widget elementor-widget-icon" data-id="8d94f7c" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-a77864b elementor-widget elementor-widget-text-editor" data-id="a77864b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []"><strong>Clarté sur les pôles d&rsquo;action.</strong> Le site devait permettre à n&rsquo;importe quel visiteur (qu&rsquo;il soit bénéficiaire potentiel, bénévole ou partenaire institutionnel) de comprendre en quelques secondes ce que fait Amal Diam et comment s&rsquo;impliquer. Six pôles, six pages, zéro ambiguïté.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-067f16f e-con-full e-flex e-con e-child" data-id="067f16f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-01cdef0 elementor-view-default elementor-widget elementor-widget-icon" data-id="01cdef0" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-7894244 elementor-widget elementor-widget-text-editor" data-id="7894244" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []"><strong>Crédibilité auprès des partenaires.</strong> La Fondation L&rsquo;Oréal, Calame Éditions, Action Logement, les villes de Bagnolet, Montreuil et Grigny sont déjà dans l&rsquo;orbite de l&rsquo;association. Le <strong>site vitrine association WordPress</strong> devait refléter ce niveau d&rsquo;engagement et tenir la comparaison avec les sites de structures bien établies.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7656a9e e-con-full e-flex elementor-invisible e-con e-child" data-id="7656a9e" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-834335e e-con-full e-flex e-con e-child" data-id="834335e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-148dd6b elementor-view-default elementor-widget elementor-widget-icon" data-id="148dd6b" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-chart-line" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-7767391 elementor-widget elementor-widget-text-editor" data-id="7767391" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []"><strong>Visibilité locale SEO.</strong> Mettre en place un <strong>référencement local association Île-de-France</strong> solide dès le lancement, avec des pages optimisées pour les recherches géolocalisées dans le 93 et la région parisienne. Pas de budget pub &#8211; juste un SEO bien posé dès la construction.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1a09316 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1a09316" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-1a48953 e-con-full e-flex elementor-invisible e-con e-child" data-id="1a48953" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-84e9bff e-con-full e-flex e-con e-child" data-id="84e9bff" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-09f0496 elementor-widget elementor-widget-heading" data-id="09f0496" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">04</p>				</div>
				</div>
		<div class="elementor-element elementor-element-82357e2 e-con-full e-flex e-con e-child" data-id="82357e2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cb2806f elementor-widget elementor-widget-heading" data-id="cb2806f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le processus &amp; la direction artistique</h2>				</div>
				<div class="elementor-element elementor-element-3a11191 elementor-widget elementor-widget-text-editor" data-id="3a11191" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []">Le projet a démarré par une phase d&rsquo;écoute. Comprendre qui est Amal Diam, comment Sama et Soum parlent de leur travail, ce que ressentent les personnes qu&rsquo;elles accompagnent. Une association qui travaille sur le soin, le lien et la dignité &#8211; ça ne se traduit pas avec les mêmes codes qu&rsquo;une PME classique. <strong>La direction artistique</strong> s&rsquo;est construite autour d&rsquo;un parti pris clair : sobre et chaleureuse. Des couleurs douces et affirmées qui évoquent le soin et l&rsquo;ouverture, une typographie lisible et accessible, une mise en page aérée qui laisse respirer les contenus. Pas de surcharge, pas de gadget &#8211; juste ce qui sert le propos. L&rsquo;architecture du site a été pensée pour deux publics distincts : les personnes qui cherchent un accompagnement ou une activité, et les partenaires institutionnels qui veulent comprendre la structure avant de s&rsquo;engager. Deux lectures possibles, une même cohérence. Côté technique, le choix s&rsquo;est porté sur <strong>WordPress + Elementor</strong> pour la souplesse de mise en page et la prise en main facile par l&rsquo;équipe, et <strong>Yoast SEO</strong> pour structurer le référencement naturel dès la construction. Une stack éprouvée, fiable, et adaptée aux contraintes budgétaires d&rsquo;une association. Le projet s&rsquo;est déroulé en quatre semaines : cadrage et maquette, direction artistique validée, intégration et rédaction des contenus, mise en ligne avec vérification technique complète.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-edab08f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="edab08f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-02914db e-con-full e-flex elementor-invisible e-con e-child" data-id="02914db" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-8f91709 e-con-full e-flex e-con e-child" data-id="8f91709" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4f8f66f elementor-widget elementor-widget-heading" data-id="4f8f66f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">05</p>				</div>
				</div>
		<div class="elementor-element elementor-element-745b67c e-con-full e-flex e-con e-child" data-id="745b67c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c0ab482 elementor-widget elementor-widget-heading" data-id="c0ab482" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La solution</h2>				</div>
				<div class="elementor-element elementor-element-eba3fb0 elementor-widget elementor-widget-text-editor" data-id="eba3fb0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []">Le site livré est un <strong>site vitrine association WordPress</strong> pensé pour durer et pour être utilisé au quotidien par une équipe non technique. La page d&rsquo;accueil pose immédiatement l&rsquo;identité d&rsquo;Amal Diam : le slogan, la mission, les 6 pôles d&rsquo;action en un coup d&rsquo;œil. En quelques secondes, un visiteur comprend où il est et où aller ensuite.&nbsp;<strong>Les 6 pages pôles</strong> détaillent chaque axe d&rsquo;action de l&rsquo;association (socio-esthétique &amp; bien-être, parentalité &amp; répit parental, insertion emploi &amp; redynamisation, Souffle et Mouv&rsquo;, droit et accompagnement social, événements solidaires) avec un contenu structuré qui répond aux attentes des visiteurs comme aux critères de Google.&nbsp;<strong>La page équipe</strong> présente Sama Can, Soum Traoré et les autres membres : Khadiatou Diaby (accompagnement et ouverture des droits), Kadia Glams (maquilleuse professionnelle et formatrice), Halima Gary (cosmétologie naturelle et savoir-faire ancestraux). Des portraits humains, pas des fiches RH.&nbsp;<strong>La page partenaires</strong> met en valeur les soutiens de l&rsquo;association : Fondation L&rsquo;Oréal, Calame Éditions, Action Logement 3F, France Bénévolat, Ensemble pour l&rsquo;Emploi, les villes de Bagnolet, Montreuil et Grigny. Un signal fort de crédibilité pour tout partenaire institutionnel qui visite le site. Côté SEO, chaque page a été optimisée avec Yoast SEO : balises titre et méta rédigées pour les requêtes locales, structure Hn cohérente, images compressées et légendées, temps de chargement maîtrisé. Et enfin, le <strong>référencement local association Île-de-France</strong> a été intégré dès la construction, pas ajouté après coup.</p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-e1e4f67 e-con-full e-flex e-con e-parent" data-id="e1e4f67" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-8ad3107 e-grid e-con-full e-con e-child" data-id="8ad3107" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-620aed0 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="620aed0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton2-1024x584.webp" class="attachment-large size-large wp-image-4339" alt="Mockup du site internet Amal Diam réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton2-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton2-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton2-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton2-1536x875.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton2-2048x1167.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-a23f88f elementor-invisible elementor-widget elementor-widget-image" data-id="a23f88f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="552" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp" class="attachment-large size-large wp-image-4334" alt="Image d&apos;un Mockup de Mac et iPhone affichant la page d&apos;accueil du site web responsive d&apos;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-c322716 animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="c322716" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton3-1024x584.webp" class="attachment-large size-large wp-image-4338" alt="Mockup du site internet Amal Diam réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton3-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton3-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton3-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton3-1536x875.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton3-2048x1167.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-a0e01ae elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="a0e01ae" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-07cb043 e-flex e-con-boxed e-con e-parent" data-id="07cb043" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-91f56ff e-con-full e-flex elementor-invisible e-con e-child" data-id="91f56ff" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-2d05098 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child" data-id="2d05098" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-a7a70a1 elementor-widget elementor-widget-image" data-id="a7a70a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="477" height="611" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png" class="attachment-large size-large wp-image-1325" alt="Photo professionnelle en noir et blanc de Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png 477w, https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb-234x300.png 234w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
		<div class="elementor-element elementor-element-37b78eb e-con-full e-flex elementor-invisible e-con e-child" data-id="37b78eb" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-9279559 e-con-full e-flex e-con e-child" data-id="9279559" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-383018a elementor-widget elementor-widget-heading" data-id="383018a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">06</p>				</div>
				<div class="elementor-element elementor-element-e9e8ebb elementor-widget elementor-widget-heading" data-id="e9e8ebb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi ce projet ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-2759244 elementor-widget elementor-widget-text-editor" data-id="2759244" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p data-pm-slice="1 1 []">Ce projet compte pour une raison évidente : Amal Diam fait un travail de terrain qui mérite d&rsquo;être vu. Accompagner des femmes fragilisées par la vie, soutenir des familles monoparentales, lever des freins administratifs pour des personnes en insertion, proposer du sport et de l&rsquo;art comme leviers de confiance en soi, c&rsquo;est un engagement réel, pas un discours. Sama et Soum ont construit quelque chose de solide, avec une équipe aux profils rares et complémentaires. Mettre mes compétences de <strong>webdesigner freelance </strong>au service de ça, c&rsquo;est exactement pourquoi je fais ce métier. La <strong>création d&rsquo;un site vitrine pour une association</strong> pose aussi des questions de fond que j&rsquo;aime résoudre. Comment rendre visible un projet qui n&rsquo;a pas de budget marketing ? Comment donner de la crédibilité à une structure jeune face à des partenaires institutionnels comme la Fondation L&rsquo;Oréal ? Comment écrire pour deux publics très différents (une mère isolée qui cherche du soutien, et un chargé de mission d&rsquo;une collectivité qui évalue un partenariat) sur le même site ? Ce sont ces problèmes-là qui rendent le travail intéressant.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a148b43 e-con-full e-flex elementor-invisible e-con e-child" data-id="a148b43" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-9bdc3dd e-con-full e-flex e-con e-child" data-id="9bdc3dd" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-30efb3f elementor-widget elementor-widget-heading" data-id="30efb3f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">07</p>				</div>
				<div class="elementor-element elementor-element-8804c7f elementor-widget elementor-widget-heading" data-id="8804c7f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les résultats</h2>				</div>
				</div>
		<div class="elementor-element elementor-element-5c1ec0a e-grid e-con-full e-con e-child" data-id="5c1ec0a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-4a35d31 e-con-full e-flex e-con e-child" data-id="4a35d31" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1e271d6 elementor-widget elementor-widget-heading" data-id="1e271d6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">6</span>				</div>
				<div class="elementor-element elementor-element-43ffffd elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="43ffffd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">pôles d'action présentés</p>				</div>
				</div>
		<div class="elementor-element elementor-element-d9781c8 e-con-full e-flex e-con e-child" data-id="d9781c8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5a20914 elementor-widget elementor-widget-heading" data-id="5a20914" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">13</span>				</div>
				<div class="elementor-element elementor-element-bc12ae5 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="bc12ae5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">partenaires mis en valeur</p>				</div>
				</div>
		<div class="elementor-element elementor-element-3a6f601 e-con-full e-flex e-con e-child" data-id="3a6f601" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cc1c6f4 elementor-widget elementor-widget-heading" data-id="cc1c6f4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">100%</span>				</div>
				<div class="elementor-element elementor-element-9bcfc86 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="9bcfc86" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">responsive &amp; mobile-first</p>				</div>
				</div>
		<div class="elementor-element elementor-element-6882145 e-con-full e-flex e-con e-child" data-id="6882145" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fa8e6b3 elementor-widget elementor-widget-heading" data-id="fa8e6b3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">+60</span>				</div>
				<div class="elementor-element elementor-element-541134a elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="541134a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Communes ciblées en SEO local</p>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f7b725a e-con-full e-flex elementor-invisible e-con e-child" data-id="f7b725a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-4f9be58 e-con-full e-flex e-con e-child" data-id="4f9be58" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-20aea16 elementor-widget elementor-widget-heading" data-id="20aea16" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">08</p>				</div>
				<div class="elementor-element elementor-element-11d8548 elementor-widget elementor-widget-heading" data-id="11d8548" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le témoignage</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-26e119e elementor-widget elementor-widget-text-editor" data-id="26e119e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>« Un accompagnement humain et professionnel du début à la fin ! Nous avons confié la création de notre site internet à Mathieu nous sommes ravis du résultat. Il a su écouter nos besoins, comprendre l’ADN de notre association et traduire notre vision en un site clair, moderne et impactant. »</p>								</div>
		<div class="elementor-element elementor-element-5d2bfba e-con-full e-flex e-con e-child" data-id="5d2bfba" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2935f09 elementor-widget elementor-widget-image" data-id="2935f09" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="150" height="150" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-de-Sama-Can-AmalDiam-.jpg" class="attachment-large size-large wp-image-4303" alt="Photo de Sama Can, gérante de l&apos;association Amal Diam." />															</div>
		<div class="elementor-element elementor-element-7abdad1 e-con-full e-flex e-con e-child" data-id="7abdad1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0c334f4 elementor-widget elementor-widget-heading" data-id="0c334f4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Can Sama</span>				</div>
				<div class="elementor-element elementor-element-1b5a866 elementor-widget elementor-widget-heading" data-id="1b5a866" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Gérante d'Amal Diam</span>				</div>
				<div class="elementor-element elementor-element-a2942a3 elementor-widget elementor-widget-text-editor" data-id="a2942a3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a href="https://amaldiam.fr">www.amaldiam.fr</a></p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6be624d e-flex e-con-boxed e-con e-parent" data-id="6be624d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b4a0cb3 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="b4a0cb3" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
		<div class="elementor-element elementor-element-b208420 e-con-full e-flex e-con e-child" data-id="b208420" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-da77eeb elementor-widget elementor-widget-heading" data-id="da77eeb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">09</p>				</div>
				<div class="elementor-element elementor-element-1a98045 elementor-widget elementor-widget-heading" data-id="1a98045" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Découvrez d'autres projets réalisés par mes soins</h2>				</div>
				<div class="elementor-element elementor-element-bd1f6a1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="bd1f6a1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Chaque projet est une nouvelle collaboration, un nouveau défi et une histoire à raconter. Explorez quelques autres réalisations qui illustrent mon savoir-faire en création de sites web, en référencement et en communication digitale.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1bd2031 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="1bd2031" data-element_type="widget" data-e-type="widget" data-settings="{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.cards">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-1608 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/calame-editions/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4210" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/calame-editions/" target=&quot;_blank&quot;>
				Calame Éditions			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création et refonte d&rsquo;un site e-commerce pour une maison d&rsquo;édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/calame-editions/" aria-label="En savoir plus sur Calame Éditions" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1609 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-amal-diam/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4334" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive d&#039;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-amal-diam/" target=&quot;_blank&quot;>
				Association Amal Diam			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association engagée dans le bien-être et l&rsquo;insertion sociale, avec un webdesign responsive et chaleureux.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-amal-diam/" aria-label="En savoir plus sur Association Amal Diam" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1615 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/loclean/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/loclean/" target=&quot;_blank&quot;>
				LoClean			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/loclean/" aria-label="En savoir plus sur LoClean" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1616 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/sabribenrekta/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/sabribenrekta/" target=&quot;_blank&quot;>
				Sabri Benrekta			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;une landing page one-page pour la sortie du premier roman de l&rsquo;auteur, pensée comme un tunnel de conversion clair vers l&rsquo;achat.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/sabribenrekta/" aria-label="En savoir plus sur Sabri Benrekta" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1619 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7309" alt="Mockup du site vitrine de l&#039;association Niaque à l&#039;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-niaque-a-lame/" target=&quot;_blank&quot;>
				Association Niaque à l&rsquo;Âme			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" aria-label="En savoir plus sur Association Niaque à l&rsquo;Âme" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/agence-albanda/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/agence-albanda/" target=&quot;_blank&quot;>
				Agence Albanda			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Développement d&rsquo;un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/agence-albanda/" aria-label="En savoir plus sur Agence Albanda" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-cc6716b elementor-mobile-align-left elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="cc6716b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mathieubetton.fr/projets/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>			</span>
									<span class="elementor-button-text">Voir tous les projets</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://mathieubetton.fr/projets/association-amal-diam/">Association Amal Diam</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>LoClean</title>
		<link>https://mathieubetton.fr/projets/loclean/</link>
		
		<dc:creator><![CDATA[Mathieu Betton]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 19:22:21 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<guid isPermaLink="false">https://mathieubetton.fr/?p=1615</guid>

					<description><![CDATA[<p>Création d'un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
<p>L’article <a href="https://mathieubetton.fr/projets/loclean/">LoClean</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1615" class="elementor elementor-1615" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9fd09fc e-flex e-con-boxed e-con e-parent" data-id="9fd09fc" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-33ec559 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="33ec559" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="text-editor.default">
									<p><a href="https://mathieubetton.fr/projets/">← Retour aux réalisations</a></p>								</div>
		<div class="elementor-element elementor-element-53eb878 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="53eb878" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-692b6bf elementor-align-left elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-breadcrumbs" data-id="692b6bf" data-element_type="widget" data-e-type="widget" data-widget_type="breadcrumbs.default">
					<p id="breadcrumbs"><span><span><a href="https://mathieubetton.fr/">Accueil</a></span></span></p>				</div>
		<div class="elementor-element elementor-element-3a9fa77 e-con-full e-flex elementor-invisible e-con e-child" data-id="3a9fa77" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-5d7c7a0 elementor-widget elementor-widget-text-editor" data-id="5d7c7a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>NETTOYAGE AUTO À DOMICILE</p>								</div>
				<div class="elementor-element elementor-element-ec9745a elementor-widget elementor-widget-text-editor" data-id="ec9745a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>LOCLEAN • 2026</p>								</div>
				</div>
		<div class="elementor-element elementor-element-fb6cfd0 e-con-full e-flex e-con e-child" data-id="fb6cfd0" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-39693f4 elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="39693f4" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="800" src="https://mathieubetton.fr/wp-content/uploads/2026/09/Logo-LoClean-1024x1024.webp" class="attachment-large size-large wp-image-7045" alt="Logo de l&apos;entreprise LoClean, nettoyage automobile, mobilier, terrasse et vitres." srcset="https://mathieubetton.fr/wp-content/uploads/2026/09/Logo-LoClean-1024x1024.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/09/Logo-LoClean-300x300.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/09/Logo-LoClean-150x150.webp 150w, https://mathieubetton.fr/wp-content/uploads/2026/09/Logo-LoClean-768x768.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/09/Logo-LoClean.webp 1254w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-bd92689 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="bd92689" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Création du site vitrine et de l’identité digitale de l'entreprise LoClean</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-aa107ce elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="aa107ce" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd">Pour accompagner le <strong>lancement de LoClean</strong>, entreprise de nettoyage professionnel à domicile basée à Niort, j’ai conçu une <strong>présence digitale complète</strong> destinée à présenter son entreprise et son activité, <strong>développer sa visibilité sur Google et renforcer son image de marque</strong>.</p><p>Le projet comprend la <strong>création et le webdesign du site internet <a href="http://loclean.fr">loclean.fr</a></strong>, la mise en place des bases du <strong>référencement naturel (SEO)</strong>, ainsi que la conception de plusieurs <strong>supports de communication</strong> destinés à développer la visibilité de l’entreprise.</p>								</div>
				<div class="elementor-element elementor-element-f487cc3 elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="f487cc3" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-skew-forward" href="https://loclean.fr" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-external-link-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg>			</span>
									<span class="elementor-button-text">loclean.fr</span>
					</span>
					</a>
								</div>
				</div>
		<div class="elementor-element elementor-element-1ca886e e-con-full e-flex e-con e-child" data-id="1ca886e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4466266 elementor-invisible elementor-widget elementor-widget-image" data-id="4466266" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="426" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Realisation-Site-internet-LoClean.jpg" class="attachment-large size-large wp-image-2989" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes, présentant le logo et l&apos;accueil sur iPhone et MacBook" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Realisation-Site-internet-LoClean.jpg 1000w, https://mathieubetton.fr/wp-content/uploads/2026/08/Realisation-Site-internet-LoClean-300x160.jpg 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Realisation-Site-internet-LoClean-768x409.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
		<div class="elementor-element elementor-element-db08292 e-con-full e-flex elementor-invisible e-con e-child" data-id="db08292" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:800}">
				</div>
				</div>
		<div class="elementor-element elementor-element-55be794 e-grid e-con-full e-con e-child" data-id="55be794" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-1f031b9 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="1f031b9" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-52e5279 elementor-widget elementor-widget-heading" data-id="52e5279" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Client</span>				</div>
				<div class="elementor-element elementor-element-086a6df elementor-widget elementor-widget-text-editor" data-id="086a6df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>LoClean</p>								</div>
				</div>
		<div class="elementor-element elementor-element-671fd04 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="671fd04" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-fa22d4e elementor-widget elementor-widget-heading" data-id="fa22d4e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Rôle</span>				</div>
				<div class="elementor-element elementor-element-753fca1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="753fca1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Création • Webdesign SEO • Graphisme</p>								</div>
				</div>
		<div class="elementor-element elementor-element-6601dbe e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="6601dbe" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-3c39788 elementor-widget elementor-widget-heading" data-id="3c39788" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Durée</span>				</div>
				<div class="elementor-element elementor-element-e8bb5df elementor-widget elementor-widget-text-editor" data-id="e8bb5df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>8 jours</p>								</div>
				</div>
		<div class="elementor-element elementor-element-6ed5933 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="6ed5933" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-65b4d74 elementor-widget elementor-widget-heading" data-id="65b4d74" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Année de création</span>				</div>
				<div class="elementor-element elementor-element-93a5c96 elementor-widget elementor-widget-text-editor" data-id="93a5c96" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2026</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-02c74f2 e-con-full e-flex elementor-invisible e-con e-child" data-id="02c74f2" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-380a2fd elementor-widget elementor-widget-text-editor" data-id="380a2fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WordPress</p>								</div>
				<div class="elementor-element elementor-element-e4fee0d elementor-widget elementor-widget-text-editor" data-id="e4fee0d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Elementor</p>								</div>
				<div class="elementor-element elementor-element-1d0ff91 elementor-widget elementor-widget-text-editor" data-id="1d0ff91" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Yoast SEO</p>								</div>
				<div class="elementor-element elementor-element-48cb1d9 elementor-widget elementor-widget-text-editor" data-id="48cb1d9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Adobe Photoshop</p>								</div>
				<div class="elementor-element elementor-element-dda5fe1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="dda5fe1" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-47ae185 e-con-full e-flex elementor-invisible e-con e-child" data-id="47ae185" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-df4b192 e-con-full e-flex e-con e-child" data-id="df4b192" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-becbe2b elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading" data-id="becbe2b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">01</p>				</div>
				</div>
		<div class="elementor-element elementor-element-8a12c7c e-con-full e-flex e-con e-child" data-id="8a12c7c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5dcb388 elementor-widget elementor-widget-heading" data-id="5dcb388" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le brief : créer un site internet pour une entreprise de nettoyage à domicile à Niort</h2>				</div>
				<div class="elementor-element elementor-element-a426a87 elementor-widget elementor-widget-text-editor" data-id="a426a87" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Lucas a passé plusieurs années comme préparateur automobile en concession avant de se lancer à son compte. Son projet : <strong>LoClean</strong>, un service de nettoyage auto à domicile sur <strong>Niort (79)</strong> et les communes alentour. Quand il m&rsquo;a contacté, ses prestations étaient déjà bien définies. Ce qui lui manquait, c&rsquo;était une vitrine à la hauteur, un <strong>site internet</strong> capable d&rsquo;inspirer confiance dès la première visite et de <strong>convertir les visiteurs en demandes de devis</strong>, pas simplement un <strong>site « vitrine »</strong> au sens décoratif du terme. Sa demande incluait également des <strong>supports graphiques</strong> complémentaires pour accompagner le lancement de l&rsquo;activité : un <strong>flyer dépliant</strong> à distribuer localement et des <strong>stories Instagram</strong> pour animer ses réseaux dès le début de son activité.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-539e9e8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="539e9e8" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-8ada612 e-con-full e-flex elementor-invisible e-con e-child" data-id="8ada612" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-8b9fb08 e-con-full e-flex e-con e-child" data-id="8b9fb08" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-93803c3 elementor-widget elementor-widget-heading" data-id="93803c3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">02</p>				</div>
				</div>
		<div class="elementor-element elementor-element-cd8966d e-con-full e-flex e-con e-child" data-id="cd8966d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9822367 elementor-widget elementor-widget-heading" data-id="9822367" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La problématique</h2>				</div>
				<div class="elementor-element elementor-element-3e32708 elementor-widget elementor-widget-text-editor" data-id="3e32708" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>LoClean</strong> démarrant tout juste son activité, l&rsquo;enjeu n&rsquo;était pas de rivaliser immédiatement avec des concurrents installés depuis plusieurs années sur des recherches larges comme « <strong>nettoyage auto à domicile Niort</strong>« . Un objectif irréaliste à ce stade. La priorité était plus fondamentale : <strong>que Google identifie clairement l&rsquo;existence de LoClean</strong>. Qu&rsquo;une recherche du simple nom « <strong>LoClean</strong> » mène directement au bon site, avec les <strong>bonnes informations (activité, zone d&rsquo;intervention, contact)</strong>. C&rsquo;est la base indispensable, celle sur laquelle tout le reste du travail <strong>SEO</strong> s&rsquo;appuie ensuite.</p><p>À cela s&rsquo;ajoutait l&rsquo;enjeu de la confiance. Confier son véhicule à un prestataire qui intervient à domicile demande d&rsquo;être rassuré rapidement : le sérieux de la personne, la qualité attendue, et la simplicité de la prise de rendez-vous.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5a1b81d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5a1b81d" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-e93f71a e-con-full e-flex e-con e-child" data-id="e93f71a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-f55bd9e e-con-full e-flex elementor-invisible e-con e-child" data-id="f55bd9e" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-2f7d65a elementor-widget elementor-widget-heading" data-id="2f7d65a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">03</p>				</div>
				<div class="elementor-element elementor-element-0d43326 elementor-widget elementor-widget-heading" data-id="0d43326" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les objectifs</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f8f2547 e-grid e-con-boxed elementor-invisible e-con e-child" data-id="f8f2547" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-bab4a69 e-con-full e-flex e-con e-child" data-id="bab4a69" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-068ac32 elementor-view-default elementor-widget elementor-widget-icon" data-id="068ac32" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-49a43bb elementor-widget elementor-widget-text-editor" data-id="49a43bb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un <strong>site vitrine</strong> clair, qui présente les prestations de <strong>LoClean</strong> (intérieur, extérieur, formules) sans surcharger le visiteur.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-25eae70 e-con-full e-flex e-con e-child" data-id="25eae70" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-3e624ca elementor-view-default elementor-widget elementor-widget-icon" data-id="3e624ca" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-91d7e8f elementor-widget elementor-widget-text-editor" data-id="91d7e8f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un parcours de devis réduit à l&rsquo;essentiel, avec un seul <strong>appel à l&rsquo;action (CTA)</strong> clair plutôt qu&rsquo;un tunnel de conversion long et complexe.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-4cc5f9b e-con-full e-flex e-con e-child" data-id="4cc5f9b" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-f47f11f elementor-view-default elementor-widget elementor-widget-icon" data-id="f47f11f" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-palette" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-821a00d elementor-widget elementor-widget-text-editor" data-id="821a00d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une <strong>identité visuelle</strong> rassurante et professionnelle, à l&rsquo;image d&rsquo;un artisan sérieux et minutieux, pas un site « générique » qu&rsquo;on aurait pu trouver ailleurs.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-035cca9 e-con-full e-flex e-con e-child" data-id="035cca9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-f08c1af elementor-view-default elementor-widget elementor-widget-icon" data-id="f08c1af" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-file-image" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M384 121.941V128H256V0h6.059a24 24 0 0 1 16.97 7.029l97.941 97.941a24.002 24.002 0 0 1 7.03 16.971zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zm-135.455 16c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.491-48 48-48zm208 240h-256l.485-48.485L104.545 328c4.686-4.686 11.799-4.201 16.485.485L160.545 368 264.06 264.485c4.686-4.686 12.284-4.686 16.971 0L320.545 304v112z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-9f2241b elementor-widget elementor-widget-text-editor" data-id="9f2241b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Décliner cette identité sur des supports complémentaires <strong>(flyers dépliants et réseaux sociaux)</strong> pour une communication cohérente entre le <strong>print</strong> et le <strong>digital</strong> dès le lancement.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-981d590 e-con-full e-flex elementor-invisible e-con e-child" data-id="981d590" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-e2fa86d e-con-full e-flex e-con e-child" data-id="e2fa86d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-815b68d elementor-view-default elementor-widget elementor-widget-icon" data-id="815b68d" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-chart-line" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-2ffdcda elementor-widget elementor-widget-text-editor" data-id="2ffdcda" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une <strong>base SEO solide</strong>, pour que Google identifie <strong>LoClean</strong> correctement dès qu&rsquo;on recherche le nom de la marque, avec les bonnes informations affichées. C&rsquo;est la première étape avant d&rsquo;espérer, avec le temps, progresser sur des recherches plus larges comme « <strong>nettoyage auto à domicile</strong> » sur <strong>Niort et la soixantaine de communes environnantes</strong>.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-ab22370 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ab22370" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-e456a32 e-con-full e-flex elementor-invisible e-con e-child" data-id="e456a32" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-ce7d0ce e-con-full e-flex e-con e-child" data-id="ce7d0ce" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b87c99c elementor-widget elementor-widget-heading" data-id="b87c99c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">04</p>				</div>
				</div>
		<div class="elementor-element elementor-element-7752f51 e-con-full e-flex e-con e-child" data-id="7752f51" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c9f8523 elementor-widget elementor-widget-heading" data-id="c9f8523" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le processus &amp; la direction artistique</h2>				</div>
				<div class="elementor-element elementor-element-22f03f0 elementor-widget elementor-widget-text-editor" data-id="22f03f0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le <strong>site internet</strong> a été développé sous <strong>WordPress</strong> avec <strong>Elementor</strong>, avec une approche <strong>mobile-first</strong> dès le départ : la majorité des recherches de ce type se faisant sur smartphone, chaque section a été pensée pour rester lisible et actionnable sur petit écran, plutôt que conçue pour desktop puis adaptée après coup. Pour la <strong>direction artistique</strong>, j&rsquo;ai opté pour une <strong>identité sobre et professionnelle</strong> qui met en valeur les photos de véhicules plutôt que de la surcharger de visuels génériques : le type de rendu qu&rsquo;on retrouve souvent chez les concurrents du secteur.</p><p>Le volet <strong>SEO</strong> a démarré en parallèle du <strong>webdesign</strong>, avec un objectif prioritaire : que Google identifie <strong>LoClean</strong> sans ambiguïté dès le départ. Cela suppose des <strong>contenus bien structurés, des balises optimisées via Yoast SEO, et une configuration technique complète (sitemap XML, suivi via Google Search Console)</strong> pour que le site soit correctement indexé et que la recherche du nom « <strong>LoClean</strong> » fasse remonter le bon résultat, avec les bonnes informations. Cette base technique est aussi ce qui permettra, avec le temps et la production de contenu, de progresser sur des recherches plus concurrentielles. Enfin, le volet <strong>graphisme</strong> a permis de décliner cette même identité sur un <strong>flyer dépliant</strong> à distribuer localement et sur un pack de <strong>stories Instagram</strong>, pour accompagner concrètement le lancement de l&rsquo;activité.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-22ad957 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="22ad957" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-b15c1a9 e-con-full e-flex elementor-invisible e-con e-child" data-id="b15c1a9" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-e6c69c7 e-con-full e-flex e-con e-child" data-id="e6c69c7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-da39ead elementor-widget elementor-widget-heading" data-id="da39ead" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">05</p>				</div>
				</div>
		<div class="elementor-element elementor-element-bc0ac89 e-con-full e-flex e-con e-child" data-id="bc0ac89" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-78b20ee elementor-widget elementor-widget-heading" data-id="78b20ee" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La solution</h2>				</div>
				<div class="elementor-element elementor-element-01b8f7e elementor-widget elementor-widget-text-editor" data-id="01b8f7e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd">Le résultat est un <strong>site vitrine multi-pages</strong> centré sur la conversion : présentation des prestations, réassurance (zone d&rsquo;intervention, sérieux, photos avant/après), et un parcours de devis réduit à l&rsquo;essentiel pour ne pas perdre le visiteur en route. Des bouton « <strong>call to action</strong> » pour inciter les prospects à prendre contact avec LoClean. Côté <strong>SEO</strong>, l&rsquo;objectif de départ est atteint : une recherche « <strong>LoClean</strong> » sur Google fait remonter directement le site, avec les bonnes informations affichées et surtout la bonne fiche établissement créée avec <strong>Google My Business</strong>. La structure de contenu et le suivi via <strong>Google Search Console</strong> posent aussi les bases pour progresser, avec le temps, sur des recherches plus larges autour du nettoyage auto à domicile à <strong>Niort</strong>. En complément, les <strong>flyers dépliants</strong> et les <strong>stories Instagram</strong> réalisées offrent à <strong>LoClean</strong> une <strong>communication cohérente</strong> sur tous les canaux dès le lancement : du digital jusqu&rsquo;au terrain.</p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ac8f142 e-con-full e-flex e-con e-parent" data-id="ac8f142" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-a921871 e-grid e-con-full e-con e-child" data-id="a921871" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-c03b5d2 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="c03b5d2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton1-1024x584.webp" class="attachment-large size-large wp-image-3224" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton1-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton1-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton1-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton1-1536x875.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton1-2048x1167.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-8d616a7 elementor-invisible elementor-widget elementor-widget-image" data-id="8d616a7" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="552" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp" class="attachment-large size-large wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-5be9683 animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="5be9683" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton2-1024x584.webp" class="attachment-large size-large wp-image-3204" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton2-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton2-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton2-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton2-1536x875.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Loclean-par-Mathieu-Betton2-2048x1167.webp 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2484fda elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2484fda" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-59b5b18 e-flex e-con-boxed e-con e-parent" data-id="59b5b18" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-96b6911 e-con-full e-flex elementor-invisible e-con e-child" data-id="96b6911" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-ece81c4 e-con-full e-flex elementor-invisible e-con e-child" data-id="ece81c4" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-06f0b9b elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="06f0b9b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="477" height="611" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png" class="attachment-large size-large wp-image-1325" alt="Photo professionnelle en noir et blanc de Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png 477w, https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb-234x300.png 234w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
		<div class="elementor-element elementor-element-fc7b5c8 e-con-full e-flex elementor-invisible e-con e-child" data-id="fc7b5c8" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-112aeee e-con-full e-flex e-con e-child" data-id="112aeee" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-90a9df7 elementor-widget elementor-widget-heading" data-id="90a9df7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">06</p>				</div>
				<div class="elementor-element elementor-element-eba2703 elementor-widget elementor-widget-heading" data-id="eba2703" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi ce projet ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-170ec66 elementor-widget elementor-widget-text-editor" data-id="170ec66" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>LoClean illustre bien la manière dont j&rsquo;aime travailler : un seul interlocuteur pour l&rsquo;ensemble des besoins d&rsquo;un lancement d&rsquo;activité, du <a href="https://mathieubetton.fr/creation-site-internet-nantes/">webdesign</a> au <a href="https://mathieubetton.fr/seo-nantes/">référencement naturel</a>, en passant par le <a href="https://mathieubetton.fr/graphisme-nantes/">graphisme</a>. Plutôt que de coordonner plusieurs prestataires séparés —(un pour le site, un autre pour le SEO, un troisième pour les flyers). Lucas a eu un accompagnement cohérent de bout en bout, avec une identité visuelle et un discours identiques sur tous les supports. Et le travail ne s&rsquo;arrête pas à la mise en ligne : la base SEO posée dès le lancement continuera d&rsquo;évoluer dans le temps, à mesure que l&rsquo;activité se développera.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-3e96eb8 e-con-full e-flex elementor-invisible e-con e-child" data-id="3e96eb8" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-a93f571 e-con-full e-flex e-con e-child" data-id="a93f571" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-624452e elementor-widget elementor-widget-heading" data-id="624452e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">07</p>				</div>
				<div class="elementor-element elementor-element-de8d154 elementor-widget elementor-widget-heading" data-id="de8d154" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les résultats</h2>				</div>
				</div>
		<div class="elementor-element elementor-element-3d1f07a e-grid e-con-full e-con e-child" data-id="3d1f07a" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ee3a417 e-con-full e-flex e-con e-child" data-id="ee3a417" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-04bf251 elementor-widget elementor-widget-heading" data-id="04bf251" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-62bec8d elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="62bec8d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Site vitrine premium et moderne</p>				</div>
				</div>
		<div class="elementor-element elementor-element-0d7fbeb e-con-full e-flex e-con e-child" data-id="0d7fbeb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1f6c95c elementor-widget elementor-widget-heading" data-id="1f6c95c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">100 %</span>				</div>
				<div class="elementor-element elementor-element-7633a2b elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="7633a2b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Responsive mobile &amp; tablette</p>				</div>
				</div>
		<div class="elementor-element elementor-element-89f8b16 e-con-full e-flex e-con e-child" data-id="89f8b16" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ab8fc14 elementor-widget elementor-widget-heading" data-id="ab8fc14" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-ec79aba elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="ec79aba" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Parcours de devis simplifié</p>				</div>
				</div>
		<div class="elementor-element elementor-element-796cf96 e-con-full e-flex e-con e-child" data-id="796cf96" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d9b40b4 elementor-widget elementor-widget-heading" data-id="d9b40b4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">+60</span>				</div>
				<div class="elementor-element elementor-element-ce72699 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="ce72699" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Communes ciblées en SEO local</p>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-eba7a2d e-con-full e-flex elementor-invisible e-con e-child" data-id="eba7a2d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-c20d7f9 e-con-full e-flex e-con e-child" data-id="c20d7f9" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cdda080 elementor-widget elementor-widget-heading" data-id="cdda080" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">08</p>				</div>
				<div class="elementor-element elementor-element-db1e1b3 elementor-widget elementor-widget-heading" data-id="db1e1b3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le témoignage</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d39133f elementor-widget elementor-widget-text-editor" data-id="d39133f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>« Bonne écoute de la demande et esprit très créatif, les délais sont aussi très bien respectés, j’ai fait appel à Mathieu pour la création de mon site web et la création de mes flyers. Je recommande à 100% ! »</p>								</div>
		<div class="elementor-element elementor-element-1ab0a72 e-con-full e-flex e-con e-child" data-id="1ab0a72" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-42acb86 elementor-widget elementor-widget-image" data-id="42acb86" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="150" height="150" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-de-Lucas-Oudinet-LoClean.jpg" class="attachment-large size-large wp-image-3017" alt="Portrait de Lucas Oudinet, gérant de LoClean" />															</div>
		<div class="elementor-element elementor-element-8132d6e e-con-full e-flex e-con e-child" data-id="8132d6e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-09f95a7 elementor-widget elementor-widget-heading" data-id="09f95a7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Lucas Oudinet</span>				</div>
				<div class="elementor-element elementor-element-1721989 elementor-widget elementor-widget-heading" data-id="1721989" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Gérant de LoClean</span>				</div>
				<div class="elementor-element elementor-element-cb32247 elementor-widget elementor-widget-text-editor" data-id="cb32247" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a href="https://loclean.fr">www.loclean.fr</a></p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-288cc0d e-flex e-con-boxed e-con e-parent" data-id="288cc0d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-a2e6565 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="a2e6565" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
		<div class="elementor-element elementor-element-72e258e e-con-full e-flex e-con e-child" data-id="72e258e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b22b24c elementor-widget elementor-widget-heading" data-id="b22b24c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">09</p>				</div>
				<div class="elementor-element elementor-element-aeed409 elementor-widget elementor-widget-heading" data-id="aeed409" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Découvrez d'autres projets réalisés par mes soins</h2>				</div>
				<div class="elementor-element elementor-element-28a79bd elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="28a79bd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Chaque projet est une nouvelle collaboration, un nouveau défi et une histoire à raconter. Explorez quelques autres réalisations qui illustrent mon savoir-faire en création de sites web, en référencement et en communication digitale.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-e942c15 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="e942c15" data-element_type="widget" data-e-type="widget" data-settings="{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.cards">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-1608 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/calame-editions/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4210" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/calame-editions/" target=&quot;_blank&quot;>
				Calame Éditions			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création et refonte d&rsquo;un site e-commerce pour une maison d&rsquo;édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/calame-editions/" aria-label="En savoir plus sur Calame Éditions" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1609 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-amal-diam/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4334" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive d&#039;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-amal-diam/" target=&quot;_blank&quot;>
				Association Amal Diam			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association engagée dans le bien-être et l&rsquo;insertion sociale, avec un webdesign responsive et chaleureux.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-amal-diam/" aria-label="En savoir plus sur Association Amal Diam" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1615 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/loclean/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/loclean/" target=&quot;_blank&quot;>
				LoClean			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/loclean/" aria-label="En savoir plus sur LoClean" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1616 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/sabribenrekta/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/sabribenrekta/" target=&quot;_blank&quot;>
				Sabri Benrekta			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;une landing page one-page pour la sortie du premier roman de l&rsquo;auteur, pensée comme un tunnel de conversion clair vers l&rsquo;achat.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/sabribenrekta/" aria-label="En savoir plus sur Sabri Benrekta" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1619 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7309" alt="Mockup du site vitrine de l&#039;association Niaque à l&#039;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-niaque-a-lame/" target=&quot;_blank&quot;>
				Association Niaque à l&rsquo;Âme			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" aria-label="En savoir plus sur Association Niaque à l&rsquo;Âme" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/agence-albanda/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/agence-albanda/" target=&quot;_blank&quot;>
				Agence Albanda			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Développement d&rsquo;un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/agence-albanda/" aria-label="En savoir plus sur Agence Albanda" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-6ee7ee5 elementor-mobile-align-left elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="6ee7ee5" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mathieubetton.fr/projets/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>			</span>
									<span class="elementor-button-text">Voir tous les projets</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://mathieubetton.fr/projets/loclean/">LoClean</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sabri Benrekta</title>
		<link>https://mathieubetton.fr/projets/sabribenrekta/</link>
		
		<dc:creator><![CDATA[Mathieu Betton]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 19:22:19 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<guid isPermaLink="false">https://mathieubetton.fr/?p=1616</guid>

					<description><![CDATA[<p>Création d'une landing page one-page pour la sortie du premier roman de l'auteur, pensée comme un tunnel de conversion clair vers l'achat.</p>
<p>L’article <a href="https://mathieubetton.fr/projets/sabribenrekta/">Sabri Benrekta</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1616" class="elementor elementor-1616" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-3e6e272 e-flex e-con-boxed e-con e-parent" data-id="3e6e272" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-eb9bd02 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="eb9bd02" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="text-editor.default">
									<p><a href="https://mathieubetton.fr/projets/">← Retour aux réalisations</a></p>								</div>
		<div class="elementor-element elementor-element-115b360 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="115b360" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-3ae45b7 elementor-align-left elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-breadcrumbs" data-id="3ae45b7" data-element_type="widget" data-e-type="widget" data-widget_type="breadcrumbs.default">
					<p id="breadcrumbs"><span><span><a href="https://mathieubetton.fr/">Accueil</a></span></span></p>				</div>
		<div class="elementor-element elementor-element-2a3ebfe e-con-full e-flex elementor-invisible e-con e-child" data-id="2a3ebfe" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-1fe97b2 elementor-widget elementor-widget-text-editor" data-id="1fe97b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>AUTEUR</p>								</div>
				<div class="elementor-element elementor-element-04905c3 elementor-widget elementor-widget-text-editor" data-id="04905c3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>SABRI BENREKTA • 2025</p>								</div>
				</div>
		<div class="elementor-element elementor-element-58301bb e-con-full e-flex e-con e-child" data-id="58301bb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a5898ac elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="a5898ac" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="492" height="493" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Sabri-Benrekta.webp" class="attachment-large size-large wp-image-7162" alt="Logo de l&apos;auteur Sabri Benrekta" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Sabri-Benrekta.webp 492w, https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Sabri-Benrekta-300x300.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Sabri-Benrekta-150x150.webp 150w" sizes="(max-width: 492px) 100vw, 492px" />															</div>
				<div class="elementor-element elementor-element-2c4f2ea elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="2c4f2ea" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Création d'une landing page pour la sortie du livre de Sabri Benrekta</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-b43bb61 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="b43bb61" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd">En 2025, <strong>Sabri Benrekta</strong> publie <em>Dealeur que j&rsquo;ai pas le temps</em>, son premier roman sur <strong>Calame Éditions</strong>. Pour accompagner cette sortie, il avait besoin d&rsquo;un espace numérique entièrement dédié au livre : une <strong>landing page</strong> capable de raconter son histoire en quelques scrolls et de transformer un visiteur curieux en lecteur. Ce projet avait un objectif unique : convertir, sans disperser l&rsquo;attention.</p>								</div>
				<div class="elementor-element elementor-element-3c75e2f elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="3c75e2f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-skew-forward" href="https://sabribenrekta.fr" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-external-link-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg>			</span>
									<span class="elementor-button-text">sabribenrekta.fr</span>
					</span>
					</a>
								</div>
				</div>
		<div class="elementor-element elementor-element-f01c3ac e-con-full e-flex e-con e-child" data-id="f01c3ac" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-52ab6ed elementor-invisible elementor-widget elementor-widget-image" data-id="52ab6ed" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="426" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Landing-Page-Sabri-Benrekta-par-Mathieu-Betton-Webdesigner-Nantes-1024x545.webp" class="attachment-large size-large wp-image-7183" alt="Projet landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Landing-Page-Sabri-Benrekta-par-Mathieu-Betton-Webdesigner-Nantes-1024x545.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Landing-Page-Sabri-Benrekta-par-Mathieu-Betton-Webdesigner-Nantes-300x160.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Landing-Page-Sabri-Benrekta-par-Mathieu-Betton-Webdesigner-Nantes-768x408.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Landing-Page-Sabri-Benrekta-par-Mathieu-Betton-Webdesigner-Nantes-1536x817.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Landing-Page-Sabri-Benrekta-par-Mathieu-Betton-Webdesigner-Nantes.webp 1600w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
		<div class="elementor-element elementor-element-1a69f77 e-con-full e-flex elementor-invisible e-con e-child" data-id="1a69f77" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:800}">
				</div>
				</div>
		<div class="elementor-element elementor-element-75e7040 e-grid e-con-full e-con e-child" data-id="75e7040" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-1e80ab0 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="1e80ab0" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-e2c654b elementor-widget elementor-widget-heading" data-id="e2c654b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">CLIENT</span>				</div>
				<div class="elementor-element elementor-element-7a0ae81 elementor-widget elementor-widget-text-editor" data-id="7a0ae81" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Sabri Benrekta</p>								</div>
				</div>
		<div class="elementor-element elementor-element-f7000e6 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="f7000e6" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-9031174 elementor-widget elementor-widget-heading" data-id="9031174" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Rôle</span>				</div>
				<div class="elementor-element elementor-element-62a24ad elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="62a24ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Création • Webdesign SEO</p>								</div>
				</div>
		<div class="elementor-element elementor-element-703e93a e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="703e93a" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-aa1b719 elementor-widget elementor-widget-heading" data-id="aa1b719" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Durée</span>				</div>
				<div class="elementor-element elementor-element-d09ee9d elementor-widget elementor-widget-text-editor" data-id="d09ee9d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2 jours</p>								</div>
				</div>
		<div class="elementor-element elementor-element-74f1676 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="74f1676" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-8cf5fb7 elementor-widget elementor-widget-heading" data-id="8cf5fb7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Année de création</span>				</div>
				<div class="elementor-element elementor-element-47b9603 elementor-widget elementor-widget-text-editor" data-id="47b9603" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2025</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-7c3b66c e-con-full e-flex elementor-invisible e-con e-child" data-id="7c3b66c" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-1170515 elementor-widget elementor-widget-text-editor" data-id="1170515" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WordPress</p>								</div>
				<div class="elementor-element elementor-element-2c1d55b elementor-widget elementor-widget-text-editor" data-id="2c1d55b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Elementor</p>								</div>
				<div class="elementor-element elementor-element-4d823b3 elementor-widget elementor-widget-text-editor" data-id="4d823b3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Yoast SEO</p>								</div>
				<div class="elementor-element elementor-element-49613b4 elementor-widget elementor-widget-text-editor" data-id="49613b4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Adobe Photoshop</p>								</div>
				<div class="elementor-element elementor-element-cf2429d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="cf2429d" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-24b4b85 e-con-full e-flex elementor-invisible e-con e-child" data-id="24b4b85" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-8183485 e-con-full e-flex e-con e-child" data-id="8183485" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2bed23d elementor-widget elementor-widget-heading" data-id="2bed23d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">01</p>				</div>
				</div>
		<div class="elementor-element elementor-element-3669384 e-con-full e-flex e-con e-child" data-id="3669384" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-40845c6 elementor-widget elementor-widget-heading" data-id="40845c6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le brief : donner une vitrine numérique au premier roman d'un auteur qui vient de tout changer</h2>				</div>
				<div class="elementor-element elementor-element-68fe2fe elementor-widget elementor-widget-text-editor" data-id="68fe2fe" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Né en Algérie en 1981, <strong>Sabri Benrekta</strong> rêvait de devenir boxeur professionnel. La vie en a décidé autrement : la rue, puis treize ans et demi d&rsquo;incarcération. À sa sortie, il choisit de raconter, à travers la fiction, ce que peu de gens racontent de l&rsquo;intérieur : la sortie de prison, la volonté de s&rsquo;en sortir, et tout ce qui se dresse en travers. <em>Dealeur que j&rsquo;ai pas le temps</em> suit Karim, qui retrouve sa liberté après cinq années d&rsquo;incarcération et doit reconquérir, seul, une place dans une société qui ne lui laisse aucun droit à l&rsquo;erreur. Le livre publié aux <strong>Calame Éditions</strong>, restait une question : comment le faire exister en ligne ? Sabri voulait une page unique, entièrement tournée vers son roman, capable d&rsquo;accueillir aussi bien un lecteur curieux qu&rsquo;un journaliste ou un libraire.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-52ec1d4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="52ec1d4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-fdae443 e-con-full e-flex elementor-invisible e-con e-child" data-id="fdae443" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-057f699 e-con-full e-flex e-con e-child" data-id="057f699" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-db98448 elementor-widget elementor-widget-heading" data-id="db98448" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">02</p>				</div>
				</div>
		<div class="elementor-element elementor-element-ce12e39 e-con-full e-flex e-con e-child" data-id="ce12e39" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-85f737f elementor-widget elementor-widget-heading" data-id="85f737f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La problématique</h2>				</div>
				<div class="elementor-element elementor-element-e01cefb elementor-widget elementor-widget-text-editor" data-id="e01cefb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un premier roman qui sort sans <strong>présence numérique dédiée</strong>, c&rsquo;est un livre qui laisse le champ libre à d&rsquo;autres pour raconter l&rsquo;histoire à sa place : fiches produit génériques, extraits tronqués, absence totale de voix d&rsquo;auteur. Pour Sabri, l&rsquo;enjeu était clair : <strong>être le premier résultat</strong> quand on tape son nom sur Google, avec les bonnes informations, le bon ton, et un accès direct au livre. Le sujet touchant à l&rsquo;incarcération et à la réinsertion, la page devait aussi trouver le bon ton : sérieuse et digne, sans misérabilisme ni sensationnalisme, fidèle à la gravité et à l&rsquo;espoir que porte le texte.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5f27c35 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5f27c35" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-618875b e-con-full e-flex e-con e-child" data-id="618875b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-c88a83b e-con-full e-flex elementor-invisible e-con e-child" data-id="c88a83b" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-82b0e6e elementor-widget elementor-widget-heading" data-id="82b0e6e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">03</p>				</div>
				<div class="elementor-element elementor-element-0fd5d3a elementor-widget elementor-widget-heading" data-id="0fd5d3a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les objectifs</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-3b56304 e-grid e-con-boxed elementor-invisible e-con e-child" data-id="3b56304" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-fb13d9d e-con-full e-flex e-con e-child" data-id="fb13d9d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-6058ce4 elementor-view-default elementor-widget elementor-widget-icon" data-id="6058ce4" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-79e6442 elementor-widget elementor-widget-text-editor" data-id="79e6442" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une page unique, pensée pour un seul objectif : donner envie de lire <em>Dealeur que j&rsquo;ai pas le temps</em> et permettre de l&rsquo;acheter en quelques secondes.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-05d5cfd e-con-full e-flex e-con e-child" data-id="05d5cfd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-72eff43 elementor-view-default elementor-widget elementor-widget-icon" data-id="72eff43" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-9d6cdf2 elementor-widget elementor-widget-text-editor" data-id="9d6cdf2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Deux <strong>parcours d&rsquo;achat</strong> clairs et complémentaires : commande directe chez <strong>Calame Éditions</strong> ou via <strong>Amazon</strong>.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-cdb5287 e-con-full e-flex e-con e-child" data-id="cdb5287" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-00d8213 elementor-view-default elementor-widget elementor-widget-icon" data-id="00d8213" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-book-open" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M542.22 32.05c-54.8 3.11-163.72 14.43-230.96 55.59-4.64 2.84-7.27 7.89-7.27 13.17v363.87c0 11.55 12.63 18.85 23.28 13.49 69.18-34.82 169.23-44.32 218.7-46.92 16.89-.89 30.02-14.43 30.02-30.66V62.75c.01-17.71-15.35-31.74-33.77-30.7zM264.73 87.64C197.5 46.48 88.58 35.17 33.78 32.05 15.36 31.01 0 45.04 0 62.75V400.6c0 16.24 13.13 29.78 30.02 30.66 49.49 2.6 149.59 12.11 218.77 46.95 10.62 5.35 23.21-1.94 23.21-13.46V100.63c0-5.29-2.62-10.14-7.27-12.99z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-f6cc4b7 elementor-widget elementor-widget-text-editor" data-id="f6cc4b7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une présentation fidèle du roman et de son auteur, respectueuse du propos, sans dramatisation excessive ni minimisation de son vécu.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-dbc0d4e e-con-full e-flex e-con e-child" data-id="dbc0d4e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-062789f elementor-view-default elementor-widget elementor-widget-icon" data-id="062789f" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-share-square" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M568.482 177.448L424.479 313.433C409.3 327.768 384 317.14 384 295.985v-71.963c-144.575.97-205.566 35.113-164.775 171.353 4.483 14.973-12.846 26.567-25.006 17.33C155.252 383.105 120 326.488 120 269.339c0-143.937 117.599-172.5 264-173.312V24.012c0-21.174 25.317-31.768 40.479-17.448l144.003 135.988c10.02 9.463 10.028 25.425 0 34.896zM384 379.128V448H64V128h50.916a11.99 11.99 0 0 0 8.648-3.693c14.953-15.568 32.237-27.89 51.014-37.676C185.708 80.83 181.584 64 169.033 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48v-88.806c0-8.288-8.197-14.066-16.011-11.302a71.83 71.83 0 0 1-34.189 3.377c-7.27-1.046-13.8 4.514-13.8 11.859z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-9c1594d elementor-widget elementor-widget-text-editor" data-id="9c1594d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un rendu facilement partageable sur les réseaux de l&rsquo;auteur (Instagram, Snapchat, TikTok) pour prolonger la communication de lancement.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4eb2f37 e-con-full e-flex e-con e-child" data-id="4eb2f37" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-a0286df elementor-view-default elementor-widget elementor-widget-icon" data-id="a0286df" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-chart-line" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-193616b elementor-widget elementor-widget-text-editor" data-id="193616b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une base de <strong>référencement naturel</strong> posée dès le lancement, pour que la recherche du nom « Sabri Benrekta » mène directement à sa page officielle</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7b36e1d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7b36e1d" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-be362fe e-con-full e-flex elementor-invisible e-con e-child" data-id="be362fe" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-5138fcb e-con-full e-flex e-con e-child" data-id="5138fcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a7f902f elementor-widget elementor-widget-heading" data-id="a7f902f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">04</p>				</div>
				</div>
		<div class="elementor-element elementor-element-aa84b9b e-con-full e-flex e-con e-child" data-id="aa84b9b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-80e2e66 elementor-widget elementor-widget-heading" data-id="80e2e66" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le processus &amp; la direction artistique</h2>				</div>
				<div class="elementor-element elementor-element-fdaeffe elementor-widget elementor-widget-text-editor" data-id="fdaeffe" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le site a été développé sous <strong>WordPress</strong> et <strong>Elementor</strong>, avec un principe simple : une seule page, pas de menu à tiroirs, pas de distraction. Chaque scroll amène le visiteur un peu plus près de l&rsquo;achat. Pour la <strong>direction artistique</strong>, j&rsquo;ai fait le choix de laisser respirer la couverture du livre plutôt que de la noyer sous des éléments graphiques superflus : le visuel du roman devient le point d&rsquo;ancrage de toute la page. Le travail de <strong>copywriting</strong> a demandé un exercice d&rsquo;équilibriste : présenter le synopsis sans en dévoiler la finalité, choisir un extrait qui donne le ton du roman sans spoiler l&rsquo;intrigue, et écrire une biographie de l&rsquo;auteur qui pose son vécu sans jamais tomber dans le voyeurisme. Le volet <strong>référencement naturel</strong>, géré via <strong>Yoast SEO</strong>, s&rsquo;est concentré sur l&rsquo;essentiel pour ce type de page : que la marque « Sabri Benrekta » soit correctement identifiée par Google dès la mise en ligne.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-30a6ffc elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="30a6ffc" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-3e3b407 e-con-full e-flex elementor-invisible e-con e-child" data-id="3e3b407" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-ac71169 e-con-full e-flex e-con e-child" data-id="ac71169" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a6fed50 elementor-widget elementor-widget-heading" data-id="a6fed50" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">05</p>				</div>
				</div>
		<div class="elementor-element elementor-element-75fc2ea e-con-full e-flex e-con e-child" data-id="75fc2ea" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-560e413 elementor-widget elementor-widget-heading" data-id="560e413" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La solution</h2>				</div>
				<div class="elementor-element elementor-element-3235f8f elementor-widget elementor-widget-text-editor" data-id="3235f8f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le résultat est une <strong>landing page one-page</strong> construite comme un entonnoir : une accroche forte en haut de page, la couverture du livre, un court synopsis qui installe l&rsquo;intrigue autour de Karim, un extrait qui donne le ton, puis une section claire « Se procurer le livre » qui met en vis-à-vis les deux canaux d&rsquo;achat (<strong>Calame Éditions</strong> et <strong>Amazon</strong>). Aujourd&rsquo;hui, une recherche du nom de l&rsquo;auteur sur Google renvoie directement vers cette page officielle, avec les bonnes informations et le bon visuel. Le tout reste sobre, rapide à charger et lisible sur mobile, là où la majorité des visiteurs découvrent le livre via les réseaux sociaux de l&rsquo;auteur.</p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7e30799 e-con-full e-flex e-con e-parent" data-id="7e30799" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-a516072 e-grid e-con-full e-con e-child" data-id="a516072" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-5fcfc96 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="5fcfc96" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes4.webp" class="attachment-large size-large wp-image-7195" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes4.webp 893w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes4-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes4-768x438.webp 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-63e5b60 elementor-invisible elementor-widget elementor-widget-image" data-id="63e5b60" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="642" height="443" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp" class="attachment-large size-large wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w" sizes="(max-width: 642px) 100vw, 642px" />															</div>
				<div class="elementor-element elementor-element-be5d336 animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="be5d336" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes3.webp" class="attachment-large size-large wp-image-7196" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes3.webp 893w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes3-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes3-768x438.webp 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-52c2f12 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="52c2f12" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-1b15cf0 e-flex e-con-boxed e-con e-parent" data-id="1b15cf0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-797293a e-con-full e-flex elementor-invisible e-con e-child" data-id="797293a" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-de0f797 e-con-full e-flex elementor-invisible e-con e-child" data-id="de0f797" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-0d1b8ce elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="0d1b8ce" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="477" height="611" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png" class="attachment-large size-large wp-image-1325" alt="Photo professionnelle en noir et blanc de Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png 477w, https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb-234x300.png 234w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
		<div class="elementor-element elementor-element-6d5955c e-con-full e-flex elementor-invisible e-con e-child" data-id="6d5955c" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-e56e2b3 e-con-full e-flex e-con e-child" data-id="e56e2b3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-bd0d6b8 elementor-widget elementor-widget-heading" data-id="bd0d6b8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">06</p>				</div>
				<div class="elementor-element elementor-element-400abff elementor-widget elementor-widget-heading" data-id="400abff" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi ce projet ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3a68b86 elementor-widget elementor-widget-text-editor" data-id="3a68b86" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Ce projet compte parce qu&rsquo;il touche à ce que je préfère dans mon métier : donner une voix à des histoires qui n&rsquo;en ont pas toujours l&rsquo;occasion. <em>Dealeur que j&rsquo;ai pas le temps</em> n&rsquo;est pas un roman comme les autres : il porte un vécu réel, une trajectoire de reconstruction, et une exigence de vérité rare. Accompagner sa sortie, c&rsquo;est aussi prolonger le travail que je mène avec <strong>Calame Éditions</strong>, une maison qui donne chance à des auteurs qu&rsquo;on n&rsquo;attend pas ailleurs. C&rsquo;est la preuve qu&rsquo;une <strong>landing page</strong> efficace ne demande pas des semaines de travail : juste la bonne méthode et un objectif clair dès le départ.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f7ab893 e-con-full e-flex elementor-invisible e-con e-child" data-id="f7ab893" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-74efcac e-con-full e-flex e-con e-child" data-id="74efcac" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9c87001 elementor-widget elementor-widget-heading" data-id="9c87001" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">07</p>				</div>
				<div class="elementor-element elementor-element-bebf6b4 elementor-widget elementor-widget-heading" data-id="bebf6b4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les résultats</h2>				</div>
				</div>
		<div class="elementor-element elementor-element-0e5de2b e-grid e-con-full e-con e-child" data-id="0e5de2b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-af2d309 e-con-full e-flex e-con e-child" data-id="af2d309" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-043cc40 elementor-widget elementor-widget-heading" data-id="043cc40" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-0063892 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="0063892" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">landing page livrée en 2 jours</p>				</div>
				</div>
		<div class="elementor-element elementor-element-f605fe2 e-con-full e-flex e-con e-child" data-id="f605fe2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-93a2af9 elementor-widget elementor-widget-heading" data-id="93a2af9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">100 %</span>				</div>
				<div class="elementor-element elementor-element-806a671 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="806a671" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Responsive mobile &amp; tablette</p>				</div>
				</div>
		<div class="elementor-element elementor-element-1d0b212 e-con-full e-flex e-con e-child" data-id="1d0b212" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1882c3c elementor-widget elementor-widget-heading" data-id="1882c3c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-6cb40da elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="6cb40da" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">canaux d'achat mis en avant</p>				</div>
				</div>
		<div class="elementor-element elementor-element-7e2aeee e-con-full e-flex e-con e-child" data-id="7e2aeee" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-41d914d elementor-widget elementor-widget-heading" data-id="41d914d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-4b4cd0a elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="4b4cd0a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">recherche qui mène directement au bon site</p>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-792ee86 e-con-full e-flex elementor-invisible e-con e-child" data-id="792ee86" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-dfd9e32 e-con-full e-flex e-con e-child" data-id="dfd9e32" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6f237c4 elementor-widget elementor-widget-heading" data-id="6f237c4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">08</p>				</div>
				<div class="elementor-element elementor-element-2014a08 elementor-widget elementor-widget-heading" data-id="2014a08" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le témoignage</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4d28b81 elementor-widget elementor-widget-text-editor" data-id="4d28b81" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>« J&rsquo;ai confié à Albanda la création du site dédié à mon livre « Dealeur que j&rsquo;ai pas le temps », et je suis ravi du résultat ! Leur équipe a su capter ma vision, offrant un design moderne et une navigation fluide. Professionnels, créatifs et réactifs, ils ont respecté chaque détail et délai. Merci à eux pour ce travail remarquable ! Je recommande Miloud &amp; Mathieu sans hésiter. »</p>								</div>
		<div class="elementor-element elementor-element-7123aa6 e-con-full e-flex e-con e-child" data-id="7123aa6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3b07d59 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="3b07d59" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="500" height="500" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Sabri-Benrekta.jpg" class="attachment-large size-large wp-image-360" alt="Livre de l&apos;auteur Sabri Benrekta créée par Mathieu Betton, webdesigner en freelance à Nantes." />															</div>
		<div class="elementor-element elementor-element-020aa24 e-con-full e-flex e-con e-child" data-id="020aa24" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-021ec4a elementor-widget elementor-widget-heading" data-id="021ec4a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Sabri Benrekta</span>				</div>
				<div class="elementor-element elementor-element-dcc5ba4 elementor-widget elementor-widget-heading" data-id="dcc5ba4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Auteur de « Dealeur que j'ai pas le temps »</span>				</div>
				<div class="elementor-element elementor-element-71f57a0 elementor-widget elementor-widget-text-editor" data-id="71f57a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a href="https://sabribenrekta.fr">www.sabribenrekta.fr</a></p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4b2e5ff e-flex e-con-boxed e-con e-parent" data-id="4b2e5ff" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-056d9f1 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="056d9f1" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
		<div class="elementor-element elementor-element-bd1ef69 e-con-full e-flex e-con e-child" data-id="bd1ef69" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-406b633 elementor-widget elementor-widget-heading" data-id="406b633" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">09</p>				</div>
				<div class="elementor-element elementor-element-bbb5396 elementor-widget elementor-widget-heading" data-id="bbb5396" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Découvrez d'autres projets réalisés par mes soins</h2>				</div>
				<div class="elementor-element elementor-element-3ac1d52 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="3ac1d52" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Chaque projet est une nouvelle collaboration, un nouveau défi et une histoire à raconter. Explorez quelques autres réalisations qui illustrent mon savoir-faire en création de sites web, en référencement et en communication digitale.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-e470fe9 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="e470fe9" data-element_type="widget" data-e-type="widget" data-settings="{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.cards">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-1608 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/calame-editions/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4210" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/calame-editions/" target=&quot;_blank&quot;>
				Calame Éditions			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création et refonte d&rsquo;un site e-commerce pour une maison d&rsquo;édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/calame-editions/" aria-label="En savoir plus sur Calame Éditions" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1609 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-amal-diam/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4334" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive d&#039;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-amal-diam/" target=&quot;_blank&quot;>
				Association Amal Diam			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association engagée dans le bien-être et l&rsquo;insertion sociale, avec un webdesign responsive et chaleureux.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-amal-diam/" aria-label="En savoir plus sur Association Amal Diam" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1615 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/loclean/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/loclean/" target=&quot;_blank&quot;>
				LoClean			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/loclean/" aria-label="En savoir plus sur LoClean" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1616 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/sabribenrekta/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/sabribenrekta/" target=&quot;_blank&quot;>
				Sabri Benrekta			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;une landing page one-page pour la sortie du premier roman de l&rsquo;auteur, pensée comme un tunnel de conversion clair vers l&rsquo;achat.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/sabribenrekta/" aria-label="En savoir plus sur Sabri Benrekta" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1619 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7309" alt="Mockup du site vitrine de l&#039;association Niaque à l&#039;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-niaque-a-lame/" target=&quot;_blank&quot;>
				Association Niaque à l&rsquo;Âme			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" aria-label="En savoir plus sur Association Niaque à l&rsquo;Âme" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/agence-albanda/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/agence-albanda/" target=&quot;_blank&quot;>
				Agence Albanda			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Développement d&rsquo;un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/agence-albanda/" aria-label="En savoir plus sur Agence Albanda" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-5ce461a elementor-mobile-align-left elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="5ce461a" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mathieubetton.fr/projets/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>			</span>
									<span class="elementor-button-text">Voir tous les projets</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://mathieubetton.fr/projets/sabribenrekta/">Sabri Benrekta</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Association Niaque à l&#8217;Âme</title>
		<link>https://mathieubetton.fr/projets/association-niaque-a-lame/</link>
		
		<dc:creator><![CDATA[Mathieu Betton]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 19:22:18 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<guid isPermaLink="false">https://mathieubetton.fr/?p=1619</guid>

					<description><![CDATA[<p>Création d'un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
<p>L’article <a href="https://mathieubetton.fr/projets/association-niaque-a-lame/">Association Niaque à l&rsquo;Âme</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1619" class="elementor elementor-1619" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-0e4827c e-flex e-con-boxed e-con e-parent" data-id="0e4827c" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-baa7451 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="baa7451" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="text-editor.default">
									<p><a href="https://mathieubetton.fr/projets/">← Retour aux réalisations</a></p>								</div>
		<div class="elementor-element elementor-element-51ebcfe e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="51ebcfe" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-14310c8 elementor-align-left elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-breadcrumbs" data-id="14310c8" data-element_type="widget" data-e-type="widget" data-widget_type="breadcrumbs.default">
					<p id="breadcrumbs"><span><span><a href="https://mathieubetton.fr/">Accueil</a></span></span></p>				</div>
		<div class="elementor-element elementor-element-b1a45bb e-con-full e-flex elementor-invisible e-con e-child" data-id="b1a45bb" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-ba4fc10 elementor-widget elementor-widget-text-editor" data-id="ba4fc10" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>ASSOCIATION</p>								</div>
				<div class="elementor-element elementor-element-af437be elementor-widget elementor-widget-text-editor" data-id="af437be" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>NIAQUE A l&rsquo;ÂME • 2025</p>								</div>
				</div>
		<div class="elementor-element elementor-element-79e399d e-con-full e-flex e-con e-child" data-id="79e399d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c7da38e elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="c7da38e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="500" height="500" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Niaque-A-lAme.jpg" class="attachment-large size-large wp-image-359" alt="Logo de l&apos;association Niaque A l&apos;Âme, créé par Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Niaque-A-lAme.jpg 500w, https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Niaque-A-lAme-300x300.jpg 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Niaque-A-lAme-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" />															</div>
				<div class="elementor-element elementor-element-62dd628 elementor-widget-mobile__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="62dd628" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Création du site vitrine de l'association Niaque à l'Âme</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-87fd128 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="87fd128" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd"><strong>Niaque à l&rsquo;Âme</strong>, c&rsquo;est une association ancrée en plein <strong>territoire rural</strong> créée par<strong> Miloud</strong>, avec un public bien précis : des personnes <strong>isolées, en fragilité sociale ou éloignées du monde professionnel</strong>. Sa manière de faire, elle, ne ressemble à aucun accompagnement classique. Ici, on ne travaille pas derrière un bureau : on passe par <strong>la nature, la médiation animale, des activités pratiques et des ateliers d&rsquo;expression</strong> pour recréer du lien et remettre, doucement mais sûrement, les gens en mouvement.</p>								</div>
				<div class="elementor-element elementor-element-2a80d43 elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="2a80d43" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-skew-forward" href="https://niaquealame.fr" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-external-link-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg>			</span>
									<span class="elementor-button-text">niaquealame.fr</span>
					</span>
					</a>
								</div>
				</div>
		<div class="elementor-element elementor-element-33ba3c8 e-con-full e-flex e-con e-child" data-id="33ba3c8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f0c54d3 elementor-invisible elementor-widget elementor-widget-image" data-id="f0c54d3" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="426" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-Vitrine-Niaque-a-lAme-par-Mathieu-Betton-Webdesigner-Nantes-1024x545.webp" class="attachment-large size-large wp-image-7297" alt="Projet création de site vitrine pour l&apos;association Niaque à l&apos;Âme, réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-Vitrine-Niaque-a-lAme-par-Mathieu-Betton-Webdesigner-Nantes-1024x545.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-Vitrine-Niaque-a-lAme-par-Mathieu-Betton-Webdesigner-Nantes-300x160.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-Vitrine-Niaque-a-lAme-par-Mathieu-Betton-Webdesigner-Nantes-768x408.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-Vitrine-Niaque-a-lAme-par-Mathieu-Betton-Webdesigner-Nantes-1536x817.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-Vitrine-Niaque-a-lAme-par-Mathieu-Betton-Webdesigner-Nantes.webp 1600w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
		<div class="elementor-element elementor-element-7648b82 e-con-full e-flex elementor-invisible e-con e-child" data-id="7648b82" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:800}">
				</div>
				</div>
		<div class="elementor-element elementor-element-e4eb1aa e-grid e-con-full e-con e-child" data-id="e4eb1aa" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-629d3db e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="629d3db" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-b19a74e elementor-widget elementor-widget-heading" data-id="b19a74e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">PROJET</span>				</div>
				<div class="elementor-element elementor-element-7647913 elementor-widget elementor-widget-text-editor" data-id="7647913" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Niaque à l&rsquo;Âme</p>								</div>
				</div>
		<div class="elementor-element elementor-element-39cebd7 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="39cebd7" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-2247b2b elementor-widget elementor-widget-heading" data-id="2247b2b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Rôle</span>				</div>
				<div class="elementor-element elementor-element-a511d27 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="a511d27" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Création • Webdesign • Référencement</p>								</div>
				</div>
		<div class="elementor-element elementor-element-d88918b e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="d88918b" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-ea0fdef elementor-widget elementor-widget-heading" data-id="ea0fdef" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Durée</span>				</div>
				<div class="elementor-element elementor-element-b0a4813 elementor-widget elementor-widget-text-editor" data-id="b0a4813" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>7 jours</p>								</div>
				</div>
		<div class="elementor-element elementor-element-479ed20 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="479ed20" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-6dc9cda elementor-widget elementor-widget-heading" data-id="6dc9cda" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Année de création</span>				</div>
				<div class="elementor-element elementor-element-236077e elementor-widget elementor-widget-text-editor" data-id="236077e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2025</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-093dde5 e-con-full e-flex elementor-invisible e-con e-child" data-id="093dde5" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-100b229 elementor-widget elementor-widget-text-editor" data-id="100b229" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WordPress</p>								</div>
				<div class="elementor-element elementor-element-dde6cc9 elementor-widget elementor-widget-text-editor" data-id="dde6cc9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Elementor</p>								</div>
				<div class="elementor-element elementor-element-07a87e6 elementor-widget elementor-widget-text-editor" data-id="07a87e6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Yoast SEO</p>								</div>
				<div class="elementor-element elementor-element-f083416 elementor-widget elementor-widget-text-editor" data-id="f083416" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Adobe Photoshop</p>								</div>
				<div class="elementor-element elementor-element-8e52b4e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="8e52b4e" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-4543c4f e-con-full e-flex elementor-invisible e-con e-child" data-id="4543c4f" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-3248582 e-con-full e-flex e-con e-child" data-id="3248582" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-699d398 elementor-widget elementor-widget-heading" data-id="699d398" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">01</p>				</div>
				</div>
		<div class="elementor-element elementor-element-2b2b92e e-con-full e-flex e-con e-child" data-id="2b2b92e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-042ceeb elementor-widget elementor-widget-heading" data-id="042ceeb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le brief : créer un site vitrine pour une association ancrée en milieu rural</h2>				</div>
				<div class="elementor-element elementor-element-6636e13 elementor-widget elementor-widget-text-editor" data-id="6636e13" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Quand Miloud a créé <strong>Niaque à l&rsquo;Âme</strong>, le terrain d&rsquo;action était déjà bien défini : accompagner des personnes isolées ou en difficulté par des méthodes concrètes, loin des dispositifs institutionnels classiques. Ce qui manquait, c&rsquo;était une <strong>porte d&rsquo;entrée numérique</strong> : un site capable de faire comprendre, en quelques secondes, ce que fait réellement l&rsquo;association et à qui elle s&rsquo;adresse. Le brief tenait en une phrase : donner à cette <strong>association rurale</strong> une <strong>présence en ligne à la hauteur de son engagement de terrain</strong>, pensée pour être trouvée aussi bien par les personnes en recherche d&rsquo;accompagnement que par les partenaires et financeurs potentiels.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-459c00e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="459c00e" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-389e8ba e-con-full e-flex elementor-invisible e-con e-child" data-id="389e8ba" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-833d9f1 e-con-full e-flex e-con e-child" data-id="833d9f1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7437ae8 elementor-widget elementor-widget-heading" data-id="7437ae8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">02</p>				</div>
				</div>
		<div class="elementor-element elementor-element-8305fd0 e-con-full e-flex e-con e-child" data-id="8305fd0" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ceda1fb elementor-widget elementor-widget-heading" data-id="ceda1fb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La problématique</h2>				</div>
				<div class="elementor-element elementor-element-c7a73ed elementor-widget elementor-widget-text-editor" data-id="c7a73ed" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Sur un <strong>territoire rural</strong>, l&rsquo;isolement n&rsquo;est pas qu&rsquo;une image : c&rsquo;est une réalité géographique autant que sociale. Les personnes que <strong>Niaque à l&rsquo;Âme</strong> cherche à accompagner sont souvent les moins susceptibles de tomber sur l&rsquo;association par hasard. Le vrai enjeu n&rsquo;était donc pas un site « vitrine » au sens décoratif, mais un <strong>outil de visibilité locale</strong> capable de rendre l&rsquo;association trouvable là où elle intervient. S&rsquo;ajoutait à cela une difficulté d&rsquo;écriture : comment présenter des notions comme la <strong>médiation animale</strong> ou les <strong>ateliers d&rsquo;expression</strong> sans jargon, de façon à ce qu&rsquo;une personne en situation de fragilité comprenne immédiatement qu&rsquo;elle a sa place ici — tout en restant crédible aux yeux d&rsquo;un partenaire institutionnel ou d&rsquo;un financeur qui évalue le sérieux de la structure.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-db2aedb elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="db2aedb" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-59ef1cf e-con-full e-flex e-con e-child" data-id="59ef1cf" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-5bae5ec e-con-full e-flex elementor-invisible e-con e-child" data-id="5bae5ec" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-7c3f837 elementor-widget elementor-widget-heading" data-id="7c3f837" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">03</p>				</div>
				<div class="elementor-element elementor-element-c07283f elementor-widget elementor-widget-heading" data-id="c07283f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les objectifs</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0d3e7e8 e-grid e-con-boxed elementor-invisible e-con e-child" data-id="0d3e7e8" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-4c3c1d9 e-con-full e-flex e-con e-child" data-id="4c3c1d9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-928ab2f elementor-view-default elementor-widget elementor-widget-icon" data-id="928ab2f" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-958e951 elementor-widget elementor-widget-text-editor" data-id="958e951" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Rendre lisible une méthode d&rsquo;accompagnement peu conventionnelle.</strong> Expliquer simplement comment la <strong>nature</strong>, la <strong>médiation animale</strong> et les <strong>activités pratiques</strong> servent un objectif très concret : sortir de l&rsquo;isolement et se remettre en mouvement.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-b5d26e2 e-con-full e-flex e-con e-child" data-id="b5d26e2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-a29a15c elementor-view-default elementor-widget elementor-widget-icon" data-id="a29a15c" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-1e3e1df elementor-widget elementor-widget-text-editor" data-id="1e3e1df" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Toucher deux publics à la fois.</strong> Le site devait parler aussi bien aux personnes directement concernées (isolement, difficulté sociale, éloignement de l&#8217;emploi) qu&rsquo;aux partenaires, collectivités ou financeurs susceptibles de soutenir l&rsquo;association.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-58094dc e-con-full e-flex e-con e-child" data-id="58094dc" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-0e24f69 elementor-view-default elementor-widget elementor-widget-icon" data-id="0e24f69" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-search" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-987690c elementor-widget elementor-widget-text-editor" data-id="987690c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Poser une base de référencement local solide</strong>, pour qu&rsquo;une recherche vers Niaque A l&rsquo;Âme sur Google fasse directement remonter le site internet en premier résultat.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-d1b8e84 e-con-full e-flex e-con e-child" data-id="d1b8e84" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-ae653e1 elementor-view-default elementor-widget elementor-widget-icon" data-id="ae653e1" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-pencil-ruler" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M109.46 244.04l134.58-134.56-44.12-44.12-61.68 61.68a7.919 7.919 0 0 1-11.21 0l-11.21-11.21c-3.1-3.1-3.1-8.12 0-11.21l61.68-61.68-33.64-33.65C131.47-3.1 111.39-3.1 99 9.29L9.29 99c-12.38 12.39-12.39 32.47 0 44.86l100.17 100.18zm388.47-116.8c18.76-18.76 18.75-49.17 0-67.93l-45.25-45.25c-18.76-18.76-49.18-18.76-67.95 0l-46.02 46.01 113.2 113.2 46.02-46.03zM316.08 82.71l-297 296.96L.32 487.11c-2.53 14.49 10.09 27.11 24.59 24.56l107.45-18.84L429.28 195.9 316.08 82.71zm186.63 285.43l-33.64-33.64-61.68 61.68c-3.1 3.1-8.12 3.1-11.21 0l-11.21-11.21c-3.09-3.1-3.09-8.12 0-11.21l61.68-61.68-44.14-44.14L267.93 402.5l100.21 100.2c12.39 12.39 32.47 12.39 44.86 0l89.71-89.7c12.39-12.39 12.39-32.47 0-44.86z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-1657a8e elementor-widget elementor-widget-text-editor" data-id="1657a8e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Une identité visuelle chaleureuse et ancrée dans le réel</strong>, à l&rsquo;image de l&rsquo;association : pas institutionnelle, pas froide, à taille humaine.</p>								</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-6a14b14 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6a14b14" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-586bfe1 e-con-full e-flex elementor-invisible e-con e-child" data-id="586bfe1" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-0c31e30 e-con-full e-flex e-con e-child" data-id="0c31e30" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cc54b12 elementor-widget elementor-widget-heading" data-id="cc54b12" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">04</p>				</div>
				</div>
		<div class="elementor-element elementor-element-d6d8ccb e-con-full e-flex e-con e-child" data-id="d6d8ccb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-23eff6a elementor-widget elementor-widget-heading" data-id="23eff6a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le processus &amp; la direction artistique</h2>				</div>
				<div class="elementor-element elementor-element-ad22cf4 elementor-widget elementor-widget-text-editor" data-id="ad22cf4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le point de départ a été de comprendre le terrain avant l&rsquo;écran : comment se déroule un accompagnement, qui sont les personnes qui en bénéficient, ce que la <strong>médiation animale</strong> et les <strong>ateliers d&rsquo;expression</strong> apportent concrètement au quotidien. Une association qui travaille sur le lien social et le retour au mouvement ne se raconte pas avec les mêmes codes qu&rsquo;une structure classique. La <strong>direction artistique</strong> s&rsquo;est construite autour d&rsquo;une identité chaleureuse et naturelle : des couleurs qui évoquent la campagne et le vivant plutôt que l&rsquo;institutionnel, une typographie lisible et accessible à tous les publics, une mise en page qui laisse de l&rsquo;air et met en avant l&rsquo;humain plutôt que le discours. Le site a été développé sous <strong>WordPress</strong> et <strong>Elementor</strong>, avec une architecture pensée pour deux parcours de lecture distincts : celui d&rsquo;une personne qui cherche du soutien, et celui d&rsquo;un partenaire ou d&rsquo;une collectivité qui veut comprendre la structure avant de s&rsquo;engager. Le volet <strong>SEO</strong> a été intégré dès la construction avec <strong>Yoast SEO</strong> : structuration des contenus, balises optimisées pour les recherches locales, et mise en place technique complète pour que Google identifie clairement l&rsquo;association et son territoire d&rsquo;intervention.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-dd6a46f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="dd6a46f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-560d295 e-con-full e-flex elementor-invisible e-con e-child" data-id="560d295" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-f838f70 e-con-full e-flex e-con e-child" data-id="f838f70" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d2292ce elementor-widget elementor-widget-heading" data-id="d2292ce" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">05</p>				</div>
				</div>
		<div class="elementor-element elementor-element-5e1d161 e-con-full e-flex e-con e-child" data-id="5e1d161" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1307fd7 elementor-widget elementor-widget-heading" data-id="1307fd7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La solution</h2>				</div>
				<div class="elementor-element elementor-element-834e43b elementor-widget elementor-widget-text-editor" data-id="834e43b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le résultat est un <strong>site vitrine association</strong> pensé pour être compris en quelques secondes : la page d&rsquo;accueil pose immédiatement la mission de <strong>Niaque à l&rsquo;Âme</strong> et sa manière singulière d&rsquo;accompagner les personnes isolées. Les méthodes d&rsquo;action (<strong>nature, médiation animale, activités pratiques, ateliers d&rsquo;expression)</strong>&nbsp;sont détaillées dans des pages dédiées, avec un ton simple et humain, sans jargon social ni discours institutionnel. Une page présente l&rsquo;association elle-même, son ancrage en <strong>milieu rural</strong> et sa manière de travailler au plus près des personnes accompagnées. Côté <strong>SEO</strong>, chaque page a été optimisée pour le <strong>référencement local</strong>, avec des contenus structurés autour des recherches liées à l&rsquo;<strong>isolement rural</strong> et à l&rsquo;<strong>insertion sociale et professionnelle</strong> sur le territoire de l&rsquo;association. Une base technique solide, pensée pour continuer à évoluer à mesure que l&rsquo;activité de Niaque à l&rsquo;Âme se développe.</p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-d4fc481 e-con-full e-flex e-con e-parent" data-id="d4fc481" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-6638e2e e-grid e-con-full e-con e-child" data-id="6638e2e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-1b297e7 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="1b297e7" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="670" height="382" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes3.webp" class="attachment-large size-large wp-image-7302" alt="Mockup du site vitrine de l&apos;association Niaque à l&apos;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes3.webp 670w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes3-300x171.webp 300w" sizes="(max-width: 670px) 100vw, 670px" />															</div>
				<div class="elementor-element elementor-element-4142113 elementor-invisible elementor-widget elementor-widget-image" data-id="4142113" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="551" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp" class="attachment-large size-large wp-image-7309" alt="Mockup du site vitrine de l&apos;association Niaque à l&apos;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-6d6fe58 animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="6d6fe58" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="670" height="382" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes4.png" class="attachment-large size-large wp-image-7305" alt="Mockup du site vitrine de l&apos;association Niaque à l&apos;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes4.png 670w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes4-300x171.png 300w" sizes="(max-width: 670px) 100vw, 670px" />															</div>
				</div>
				<div class="elementor-element elementor-element-cebba29 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="cebba29" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-ddf1212 e-flex e-con-boxed e-con e-parent" data-id="ddf1212" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7747d24 e-con-full e-flex elementor-invisible e-con e-child" data-id="7747d24" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-2b79d9d e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child" data-id="2b79d9d" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-d2b28f6 elementor-hidden-mobile elementor-hidden-tablet elementor-widget elementor-widget-image" data-id="d2b28f6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="477" height="611" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-accueil-Mathieu-Betton-nb.webp" class="attachment-large size-large wp-image-4150" alt="Photo professionnelle en noir et blanc de Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-accueil-Mathieu-Betton-nb.webp 477w, https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-accueil-Mathieu-Betton-nb-234x300.webp 234w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
		<div class="elementor-element elementor-element-a29beb1 e-con-full e-flex elementor-invisible e-con e-child" data-id="a29beb1" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-1bceb41 e-con-full e-flex e-con e-child" data-id="1bceb41" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-055cf9d elementor-widget elementor-widget-heading" data-id="055cf9d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">06</p>				</div>
				<div class="elementor-element elementor-element-f24747d elementor-widget elementor-widget-heading" data-id="f24747d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi ce projet ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-55b10ee elementor-widget elementor-widget-text-editor" data-id="55b10ee" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Ce projet compte parce qu&rsquo;il pose une question que j&rsquo;aime résoudre : comment rendre visible une association qui agit précisément là où le numérique arrive le moins facilement (en milieu rural, auprès de publics isolés) ? <strong>Niaque à l&rsquo;Âme</strong> propose un accompagnement qui sort des cases habituelles, en misant sur le concret et le vivant plutôt que sur les dispositifs classiques. Traduire cette approche en un <strong>site internet</strong> clair, sans la dénaturer ni la rendre froide, c&rsquo;est exactement le genre de défi qui donne du sens à mon métier de <a href="https://mathieubetton.fr/creation-site-internet-nantes/">webdesigner freelance</a>. Et comme pour chaque <strong>création de site vitrine pour une association</strong>, le travail ne s&rsquo;arrête pas à la mise en ligne : la base <a href="https://mathieubetton.fr/seo-nantes/">SEO</a> posée dès le départ est faite pour accompagner l&rsquo;association dans la durée, à mesure qu&rsquo;elle se fait connaître sur son territoire.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0bae4cf e-con-full e-flex elementor-invisible e-con e-child" data-id="0bae4cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-4f0f787 e-con-full e-flex e-con e-child" data-id="4f0f787" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-dd51f4c elementor-widget elementor-widget-heading" data-id="dd51f4c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">07</p>				</div>
				<div class="elementor-element elementor-element-cfafc16 elementor-widget elementor-widget-heading" data-id="cfafc16" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les résultats</h2>				</div>
				</div>
		<div class="elementor-element elementor-element-b19984b e-grid e-con-full e-con e-child" data-id="b19984b" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-2e31bff e-con-full e-flex e-con e-child" data-id="2e31bff" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-56e263b elementor-widget elementor-widget-heading" data-id="56e263b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-2faedf7 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="2faedf7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Site vitrine sur-mesure</p>				</div>
				</div>
		<div class="elementor-element elementor-element-fb438b8 e-con-full e-flex e-con e-child" data-id="fb438b8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1bd56a8 elementor-widget elementor-widget-heading" data-id="1bd56a8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">100%</span>				</div>
				<div class="elementor-element elementor-element-5acbb03 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="5acbb03" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Responsive mobile &amp; tablette</p>				</div>
				</div>
		<div class="elementor-element elementor-element-78e2011 e-con-full e-flex e-con e-child" data-id="78e2011" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fc7cae elementor-widget elementor-widget-heading" data-id="0fc7cae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">2</span>				</div>
				<div class="elementor-element elementor-element-0b7105c elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="0b7105c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Publics ciblés (bénéficiaires &amp; partenaires)</p>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-7816fda e-con-full e-flex elementor-invisible e-con e-child" data-id="7816fda" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-c364ba3 e-con-full e-flex e-con e-child" data-id="c364ba3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fd22c1c elementor-widget elementor-widget-heading" data-id="fd22c1c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">08</p>				</div>
				<div class="elementor-element elementor-element-1663f8c elementor-widget elementor-widget-heading" data-id="1663f8c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le témoignage</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-fe24e8b elementor-widget elementor-widget-text-editor" data-id="fe24e8b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>« Avis à demander à Mille Wood »</p>								</div>
		<div class="elementor-element elementor-element-7de7ab7 e-con-full e-flex e-con e-child" data-id="7de7ab7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1e26ed0 elementor-widget elementor-widget-image" data-id="1e26ed0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="150" height="150" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-de-Mille-Wood-Calame-Editions.jpg" class="attachment-large size-large wp-image-4217" alt="Portrait de Mille Wood, écrivain et gérant de Calame Éditions, la plateforme éditoriale à impact social" />															</div>
		<div class="elementor-element elementor-element-6a611aa e-con-full e-flex e-con e-child" data-id="6a611aa" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cdf2485 elementor-widget elementor-widget-heading" data-id="cdf2485" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Mille Wood</span>				</div>
				<div class="elementor-element elementor-element-953644d elementor-widget elementor-widget-heading" data-id="953644d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Fondateur de Niaque À l'Âme</span>				</div>
				<div class="elementor-element elementor-element-80bf625 elementor-widget elementor-widget-text-editor" data-id="80bf625" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>www.niaquealame.fr</p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-524a2a5 e-flex e-con-boxed e-con e-parent" data-id="524a2a5" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-9daedbc e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="9daedbc" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
		<div class="elementor-element elementor-element-68cdc9c e-con-full e-flex e-con e-child" data-id="68cdc9c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ad4e694 elementor-widget elementor-widget-heading" data-id="ad4e694" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">09</p>				</div>
				<div class="elementor-element elementor-element-a8047ed elementor-widget elementor-widget-heading" data-id="a8047ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Découvrez d'autres projets réalisés par mes soins</h2>				</div>
				<div class="elementor-element elementor-element-91111c4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="91111c4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Chaque projet est une nouvelle collaboration, un nouveau défi et une histoire à raconter. Explorez quelques autres réalisations qui illustrent mon savoir-faire en création de sites web, en référencement et en communication digitale.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a7dd97d elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="a7dd97d" data-element_type="widget" data-e-type="widget" data-settings="{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.cards">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-1608 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/calame-editions/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4210" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/calame-editions/" target=&quot;_blank&quot;>
				Calame Éditions			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création et refonte d&rsquo;un site e-commerce pour une maison d&rsquo;édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/calame-editions/" aria-label="En savoir plus sur Calame Éditions" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1609 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-amal-diam/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4334" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive d&#039;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-amal-diam/" target=&quot;_blank&quot;>
				Association Amal Diam			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association engagée dans le bien-être et l&rsquo;insertion sociale, avec un webdesign responsive et chaleureux.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-amal-diam/" aria-label="En savoir plus sur Association Amal Diam" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1615 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/loclean/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/loclean/" target=&quot;_blank&quot;>
				LoClean			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/loclean/" aria-label="En savoir plus sur LoClean" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1616 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/sabribenrekta/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/sabribenrekta/" target=&quot;_blank&quot;>
				Sabri Benrekta			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;une landing page one-page pour la sortie du premier roman de l&rsquo;auteur, pensée comme un tunnel de conversion clair vers l&rsquo;achat.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/sabribenrekta/" aria-label="En savoir plus sur Sabri Benrekta" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1619 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7309" alt="Mockup du site vitrine de l&#039;association Niaque à l&#039;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-niaque-a-lame/" target=&quot;_blank&quot;>
				Association Niaque à l&rsquo;Âme			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" aria-label="En savoir plus sur Association Niaque à l&rsquo;Âme" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/agence-albanda/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/agence-albanda/" target=&quot;_blank&quot;>
				Agence Albanda			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Développement d&rsquo;un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/agence-albanda/" aria-label="En savoir plus sur Agence Albanda" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-e7c556b elementor-mobile-align-left elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="e7c556b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mathieubetton.fr/projets/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>			</span>
									<span class="elementor-button-text">Voir tous les projets</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://mathieubetton.fr/projets/association-niaque-a-lame/">Association Niaque à l&rsquo;Âme</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Agence Albanda</title>
		<link>https://mathieubetton.fr/projets/agence-albanda/</link>
		
		<dc:creator><![CDATA[Mathieu Betton]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 18:38:44 +0000</pubDate>
				<category><![CDATA[Projets]]></category>
		<guid isPermaLink="false">https://mathieubetton.fr/?p=1598</guid>

					<description><![CDATA[<p>Développement d'un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
<p>L’article <a href="https://mathieubetton.fr/projets/agence-albanda/">Agence Albanda</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1598" class="elementor elementor-1598" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-c9ae4dc e-flex e-con-boxed e-con e-parent" data-id="c9ae4dc" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-06ca816 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="06ca816" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="text-editor.default">
									<p><a href="https://mathieubetton.fr/projets/">← Retour aux réalisations</a></p>								</div>
		<div class="elementor-element elementor-element-66d27f7 e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="66d27f7" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
				<div class="elementor-element elementor-element-9bf2495 elementor-align-left elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-breadcrumbs" data-id="9bf2495" data-element_type="widget" data-e-type="widget" data-widget_type="breadcrumbs.default">
					<p id="breadcrumbs"><span><span><a href="https://mathieubetton.fr/">Accueil</a></span></span></p>				</div>
		<div class="elementor-element elementor-element-eab2d94 e-con-full e-flex elementor-invisible e-con e-child" data-id="eab2d94" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-ba78f68 elementor-widget elementor-widget-text-editor" data-id="ba78f68" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>AGENCE DIGITALE</p>								</div>
				<div class="elementor-element elementor-element-166e27f elementor-widget elementor-widget-text-editor" data-id="166e27f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>ALBANDA • 2024</p>								</div>
				</div>
		<div class="elementor-element elementor-element-868b305 e-con-full e-flex e-con e-child" data-id="868b305" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-67d5b56 elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="67d5b56" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="500" height="500" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Logo-Albanda-1.jpg" class="attachment-large size-large wp-image-357" alt="Logo d&apos;Albanda, agence de marketing &amp; communication digitale, créée par Mathieu Betton, webdesigner en freelance à Nantes." />															</div>
				<div class="elementor-element elementor-element-85d6bcc elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="85d6bcc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Création du site vitrine et de l’identité digitale de mon agence : Albanda</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-50b9376 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="50b9376" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="isSelectedEnd">Albanda est une agence digitale de webmarketing &amp; communication créée et lancée en 2024 par Mille Wood &amp; moi même.</p>
<p>Le site internet d&rsquo;Albanda est le premier site que j&rsquo;ai réalisé de A à Z, en partant de 0. Il est destiné à présenter l&rsquo;agence et l&rsquo;ensemble des expertises de chaque membre afin de <strong>développer notre visibilité sur Google.</strong></p>
<p>Le projet comprend la&nbsp;<strong>création et le webdesign du site internet <a href="https://albanda.fr">albanda.fr</a>&nbsp;ainsi que</strong>&nbsp;l&rsquo;optimisation du&nbsp;<strong>référencement naturel (SEO).</strong></p>								</div>
				<div class="elementor-element elementor-element-21e6efb elementor-mobile-align-right elementor-widget elementor-widget-button" data-id="21e6efb" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-skew-forward" href="https://albanda.fr" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-external-link-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg>			</span>
									<span class="elementor-button-text">albanda.fr</span>
					</span>
					</a>
								</div>
				</div>
		<div class="elementor-element elementor-element-550f0cd e-con-full e-flex e-con e-child" data-id="550f0cd" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-17951f8 elementor-invisible elementor-widget elementor-widget-image" data-id="17951f8" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:600}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="426" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Albanda-par-Mathieu-Betton-Webdesigner-Nantes.jpg" class="attachment-large size-large wp-image-7092" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes, présentant le logo et l&apos;accueil sur iPhone et MacBook." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Albanda-par-Mathieu-Betton-Webdesigner-Nantes.jpg 1000w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Albanda-par-Mathieu-Betton-Webdesigner-Nantes-300x160.jpg 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Projet-Site-internet-Albanda-par-Mathieu-Betton-Webdesigner-Nantes-768x409.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
		<div class="elementor-element elementor-element-530256e e-con-full e-flex elementor-invisible e-con e-child" data-id="530256e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:800}">
				</div>
				</div>
		<div class="elementor-element elementor-element-f270d66 e-grid e-con-full e-con e-child" data-id="f270d66" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-8da299d e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="8da299d" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-8b51647 elementor-widget elementor-widget-heading" data-id="8b51647" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Mon propre Projet</span>				</div>
				<div class="elementor-element elementor-element-2aa6be1 elementor-widget elementor-widget-text-editor" data-id="2aa6be1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Agence Albanda</p>								</div>
				</div>
		<div class="elementor-element elementor-element-dd7720a e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="dd7720a" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-60babdf elementor-widget elementor-widget-heading" data-id="60babdf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Rôle</span>				</div>
				<div class="elementor-element elementor-element-eb73bef elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="eb73bef" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Création • Webdesign SEO • Graphisme</p>								</div>
				</div>
		<div class="elementor-element elementor-element-744a3da e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="744a3da" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-047be0d elementor-widget elementor-widget-heading" data-id="047be0d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Durée</span>				</div>
				<div class="elementor-element elementor-element-e01b701 elementor-widget elementor-widget-text-editor" data-id="e01b701" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Illimité</p>								</div>
				</div>
		<div class="elementor-element elementor-element-2e51d51 e-con-full eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="2e51d51" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}">
				<div class="elementor-element elementor-element-45ccf17 elementor-widget elementor-widget-heading" data-id="45ccf17" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Année de création</span>				</div>
				<div class="elementor-element elementor-element-ad4eecb elementor-widget elementor-widget-text-editor" data-id="ad4eecb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>2024-Aujourd&rsquo;hui</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-239969a e-con-full e-flex elementor-invisible e-con e-child" data-id="239969a" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-d8946c4 elementor-widget elementor-widget-text-editor" data-id="d8946c4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WordPress</p>								</div>
				<div class="elementor-element elementor-element-04ce600 elementor-widget elementor-widget-text-editor" data-id="04ce600" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Elementor</p>								</div>
				<div class="elementor-element elementor-element-0b82509 elementor-widget elementor-widget-text-editor" data-id="0b82509" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Yoast SEO</p>								</div>
				<div class="elementor-element elementor-element-08936b6 elementor-widget elementor-widget-text-editor" data-id="08936b6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Adobe Photoshop</p>								</div>
				<div class="elementor-element elementor-element-bdc77ae elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="bdc77ae" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-8727a2c e-con-full e-flex elementor-invisible e-con e-child" data-id="8727a2c" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-57f585e e-con-full e-flex e-con e-child" data-id="57f585e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ea5450b elementor-widget elementor-widget-heading" data-id="ea5450b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">01</p>				</div>
				</div>
		<div class="elementor-element elementor-element-0650796 e-con-full e-flex e-con e-child" data-id="0650796" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b9f2d49 elementor-widget elementor-widget-heading" data-id="b9f2d49" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le brief : créer la présence digitale d'Albanda grâce à un site vitrine 100% personnalisé</h2>				</div>
				<div class="elementor-element elementor-element-e8c41e0 elementor-widget elementor-widget-text-editor" data-id="e8c41e0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>J&rsquo;ai créé <strong>Albanda</strong> avec <strong>Mille Wood</strong> en 2024, avec un objectif clair : construire une <strong>présence digitale</strong> crédible dès le lancement de l&rsquo;agence. Je me suis chargé de concevoir et développer l&rsquo;intégralité du site sous <strong>WordPress</strong> avec <strong>Elementor</strong>, en partant de zéro, sans thème préexistant, sans template acheté. Il fallait un <strong>site vitrine</strong> capable de présenter clairement les expertises de chaque freelance recruté par Mille Wood pour composer l&rsquo;équipe (community manager, monteur vidéo&#8230;), tout en posant une base technique que je pourrais faire évoluer moi-même dans le temps.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-7d68414 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7d68414" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-fbf8a9a e-con-full e-flex elementor-invisible e-con e-child" data-id="fbf8a9a" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-1dd5a35 e-con-full e-flex e-con e-child" data-id="1dd5a35" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-757e7c1 elementor-widget elementor-widget-heading" data-id="757e7c1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">02</p>				</div>
				</div>
		<div class="elementor-element elementor-element-1076f84 e-con-full e-flex e-con e-child" data-id="1076f84" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-acb812a elementor-widget elementor-widget-heading" data-id="acb812a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La problématique</h2>				</div>
				<div class="elementor-element elementor-element-9125773 elementor-widget elementor-widget-text-editor" data-id="9125773" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Le principal défi était pour moi de construire, seul, la <strong>crédibilité digitale</strong> d&rsquo;une agence qui n&rsquo;avait au départ aucune notoriété ni historique sur Google. Comment convaincre un visiteur et un moteur de recherche, en l&rsquo;occurrence Google de la légitimité d&rsquo;Albanda dès les premières visites ? Je voulais éviter le site trop « générique » tout en posant des fondations <strong>techniques</strong> et <strong>SEO</strong> suffisamment solides pour ne pas avoir à tout reconstruire six mois plus tard.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3ad83e1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="3ad83e1" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-5709636 e-con-full e-flex e-con e-child" data-id="5709636" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-5c94e2a e-con-full e-flex elementor-invisible e-con e-child" data-id="5c94e2a" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-d7dcbb6 elementor-widget elementor-widget-heading" data-id="d7dcbb6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">03</p>				</div>
				<div class="elementor-element elementor-element-f73f645 elementor-widget elementor-widget-heading" data-id="f73f645" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les objectifs</h2>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c3deda5 e-grid e-con-boxed elementor-invisible e-con e-child" data-id="c3deda5" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-1f03791 e-con-full e-flex e-con e-child" data-id="1f03791" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-ab33f62 elementor-view-default elementor-widget elementor-widget-icon" data-id="ab33f62" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-1a8b56e elementor-widget elementor-widget-text-editor" data-id="1a8b56e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un <strong>site vitrine</strong> clair, structuré autour des prestations de chaque freelance pour composer l&rsquo;équipe d&rsquo;Albanda.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-92916be e-con-full e-flex e-con e-child" data-id="92916be" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-e970448 elementor-view-default elementor-widget elementor-widget-icon" data-id="e970448" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-5d656f2 elementor-widget elementor-widget-text-editor" data-id="5d656f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Un <strong>parcours de devis</strong> réduit à l&rsquo;essentiel, avec un seul <strong>appel à l&rsquo;action (CTA)</strong>, plutôt qu&rsquo;un tunnel de conversion long et complexe.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-a97ac4f e-con-full e-flex e-con e-child" data-id="a97ac4f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-dedc303 elementor-view-default elementor-widget elementor-widget-icon" data-id="dedc303" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-palette" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-bd07ccd elementor-widget elementor-widget-text-editor" data-id="bd07ccd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une <strong>identité visuelle</strong> propre à nous et professionnelle, à l&rsquo;image d&rsquo;une agence sérieuse et minutieuse.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-4a7ddda e-con-full e-flex e-con e-child" data-id="4a7ddda" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-55378c5 elementor-view-default elementor-widget elementor-widget-icon" data-id="55378c5" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon elementor-animation-grow">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-chart-line" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-ef35887 elementor-widget elementor-widget-text-editor" data-id="ef35887" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Une <strong>base SEO</strong> solide, construite dès le départ, pour que Google identifie Albanda correctement dès qu&rsquo;on recherche le nom de l&rsquo;agence.</p>								</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-6406cb5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6406cb5" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-72bf333 e-con-full e-flex elementor-invisible e-con e-child" data-id="72bf333" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-a125d70 e-con-full e-flex e-con e-child" data-id="a125d70" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d5b3636 elementor-widget elementor-widget-heading" data-id="d5b3636" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">04</p>				</div>
				</div>
		<div class="elementor-element elementor-element-b3e6ede e-con-full e-flex e-con e-child" data-id="b3e6ede" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-adc2092 elementor-widget elementor-widget-heading" data-id="adc2092" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Le processus &amp; la direction artistique</h2>				</div>
				<div class="elementor-element elementor-element-2b7ff3a elementor-widget elementor-widget-text-editor" data-id="2b7ff3a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>J&rsquo;ai développé l&rsquo;intégralité du site sous <strong>WordPress</strong> avec <strong>Elementor</strong>, en construisant chaque page à partir d&rsquo;une <strong>structure modulaire</strong> que j&rsquo;ai conçue pour être réutilisable : sections d&rsquo;expertises, blocs projets, CTA unique. Pendant que Mille Wood se concentrait sur le <strong>recrutement des freelances</strong> qui allaient composer l&rsquo;équipe, je pilotais la <strong>direction artistique</strong> : une identité sobre et professionnelle, volontairement éloignée des codes trop « startup » ou trop génériques du secteur, que j&rsquo;ai ensuite déclinée sur les supports <strong>print</strong> (flyers) pour accompagner le lancement de l&rsquo;agence sur le terrain, en parallèle du <strong>digital</strong>.</p>								</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-90288d2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="90288d2" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div class="elementor-element elementor-element-918a8a3 e-con-full e-flex elementor-invisible e-con e-child" data-id="918a8a3" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-69758e8 e-con-full e-flex e-con e-child" data-id="69758e8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f0a0ddf elementor-widget elementor-widget-heading" data-id="f0a0ddf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">05</p>				</div>
				</div>
		<div class="elementor-element elementor-element-64930a5 e-con-full e-flex e-con e-child" data-id="64930a5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6f33b6e elementor-widget elementor-widget-heading" data-id="6f33b6e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">La solution</h2>				</div>
				<div class="elementor-element elementor-element-d583c7f elementor-widget elementor-widget-text-editor" data-id="d583c7f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>De ce fait, j&rsquo;ai structuré le site autour d&rsquo;un parcours simple : présentation de l&rsquo;agence, mise en avant des <strong>6 expertises</strong> portées par l&rsquo;équipe (<strong>création de site web</strong>, <strong>SEO</strong>, réseaux sociaux, création visuelle, vidéo, audit digital), portfolio des réalisations clients, puis un <strong>CTA unique</strong> de demande de devis. J&rsquo;ai optimisé chaque page d&rsquo;expertise pour le <strong>référencement naturel</strong> avec <strong>Yoast SEO</strong>, ce qui permet à Albanda de se positionner progressivement sur des recherches liées aux différents domaines d&rsquo;intervention de l&rsquo;équipe.</p>								</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-620de26 e-con-full e-flex e-con e-parent" data-id="620de26" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div class="elementor-element elementor-element-bbda50f e-grid e-con-full e-con e-child" data-id="bbda50f" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-a2c3a90 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="a2c3a90" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes4.webp" class="attachment-large size-large wp-image-7117" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes4.webp 893w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes4-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes4-768x438.webp 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-6710464 elementor-invisible elementor-widget elementor-widget-image" data-id="6710464" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="551" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp" class="attachment-large size-large wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				<div class="elementor-element elementor-element-4607afe animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="4607afe" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="456" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes2-1024x584.webp" class="attachment-large size-large wp-image-7118" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes2-1024x584.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes2-300x171.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes2-768x438.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes2.webp 1116w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c44f18e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="c44f18e" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-5f4e18e e-flex e-con-boxed e-con e-parent" data-id="5f4e18e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7ba69a8 e-con-full e-flex elementor-invisible e-con e-child" data-id="7ba69a8" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-cc1f4e6 e-con-full e-flex elementor-invisible e-con e-child" data-id="cc1f4e6" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-9ae7477 elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="9ae7477" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="477" height="611" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png" class="attachment-large size-large wp-image-1325" alt="Photo professionnelle en noir et blanc de Mathieu Betton, webdesigner en freelance à Nantes." srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb.png 477w, https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-professionnelle-Mathieu-Betton3-nb-234x300.png 234w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
		<div class="elementor-element elementor-element-88e813f e-con-full e-flex elementor-invisible e-con e-child" data-id="88e813f" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-4543769 e-con-full e-flex e-con e-child" data-id="4543769" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d4c440c elementor-widget elementor-widget-heading" data-id="d4c440c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">06</p>				</div>
				<div class="elementor-element elementor-element-a38c3f1 elementor-widget elementor-widget-heading" data-id="a38c3f1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pourquoi ce projet ?</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6232ba9 elementor-widget elementor-widget-text-editor" data-id="6232ba9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Albanda</strong> est un projet à part pour moi : c&rsquo;est ma propre agence, co-fondée avec <strong>Mille Wood</strong> en 2024, ce qui en fait à la fois une vitrine commerciale et un véritable <strong>laboratoire d&rsquo;expérimentation</strong>. C&rsquo;est le premier site que j&rsquo;ai conçu entièrement seul, de A à Z, de l&rsquo;arborescence au webdesign complet, sans repartir d&rsquo;un thème préexistant. Ce projet me permet de tester en conditions réelles des optimisations <strong>SEO</strong>, des structures <strong>Elementor</strong> et des approches de <strong>conversion</strong> que je réutilise ensuite pour mes clients en freelance.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ece72f2 e-con-full e-flex elementor-invisible e-con e-child" data-id="ece72f2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-47df6f4 e-con-full e-flex e-con e-child" data-id="47df6f4" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f3a683a elementor-widget elementor-widget-heading" data-id="f3a683a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">07</p>				</div>
				<div class="elementor-element elementor-element-43a7137 elementor-widget elementor-widget-heading" data-id="43a7137" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Les résultats</h2>				</div>
				</div>
		<div class="elementor-element elementor-element-843a700 e-grid e-con-full e-con e-child" data-id="843a700" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-8cfc936 e-con-full e-flex e-con e-child" data-id="8cfc936" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0b5f918 elementor-widget elementor-widget-heading" data-id="0b5f918" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-d166594 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="d166594" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Site vitrine premium et moderne</p>				</div>
				</div>
		<div class="elementor-element elementor-element-8916f53 e-con-full e-flex e-con e-child" data-id="8916f53" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1aa37c6 elementor-widget elementor-widget-heading" data-id="1aa37c6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">100 %</span>				</div>
				<div class="elementor-element elementor-element-adb2a3c elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="adb2a3c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Responsive mobile &amp; tablette</p>				</div>
				</div>
		<div class="elementor-element elementor-element-04df2d1 e-con-full e-flex e-con e-child" data-id="04df2d1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-76cf6d5 elementor-widget elementor-widget-heading" data-id="76cf6d5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">1</span>				</div>
				<div class="elementor-element elementor-element-076cf73 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="076cf73" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Parcours de devis simplifié</p>				</div>
				</div>
		<div class="elementor-element elementor-element-e527e1e e-con-full e-flex e-con e-child" data-id="e527e1e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-78e7dcd elementor-widget elementor-widget-heading" data-id="78e7dcd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">&gt; 99h</span>				</div>
				<div class="elementor-element elementor-element-b0fea14 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="b0fea14" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">Travaillées sur le projet</p>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6c2dbf2 e-con-full e-flex elementor-invisible e-con e-child" data-id="6c2dbf2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}">
		<div class="elementor-element elementor-element-3eb00aa e-con-full e-flex e-con e-child" data-id="3eb00aa" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-40cdadf elementor-widget elementor-widget-heading" data-id="40cdadf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">08</p>				</div>
				<div class="elementor-element elementor-element-322ebfb elementor-widget elementor-widget-heading" data-id="322ebfb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Mon témoignage</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-ef7d50b elementor-widget elementor-widget-text-editor" data-id="ef7d50b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>« Jour après jour, je prends plaisir à construire le site internet de mon agence digitale. Je fais évoluer le projet en continu pour améliorer le <strong>référencement naturel</strong> d&rsquo;Albanda et promouvoir chacune des expertises portées par l&rsquo;équipe. »</p>								</div>
		<div class="elementor-element elementor-element-a11b475 e-con-full e-flex e-con e-child" data-id="a11b475" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1a1bccc elementor-widget elementor-widget-image" data-id="1a1bccc" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="150" height="150" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Photo-de-Mathieu-Betton-webdesigner-Nantes.jpg" class="attachment-large size-large wp-image-7137" alt="Portrait de Mathieu Betton, webdesigner à Nantes et fondateur de l&apos;agence Albanda." />															</div>
		<div class="elementor-element elementor-element-2365614 e-con-full e-flex e-con e-child" data-id="2365614" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6d4f27a elementor-widget elementor-widget-heading" data-id="6d4f27a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Mathieu Betton</span>				</div>
				<div class="elementor-element elementor-element-6ae7eda elementor-widget elementor-widget-heading" data-id="6ae7eda" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<span class="elementor-heading-title elementor-size-default">Fondateur d'Albanda</span>				</div>
				<div class="elementor-element elementor-element-39166c3 elementor-widget elementor-widget-text-editor" data-id="39166c3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a href="https://albanda.fr">www.albanda.fr</a></p>								</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-195f8e0 e-flex e-con-boxed e-con e-parent" data-id="195f8e0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5e3dd8b e-con-full animated-slow eael_liquid_glass_shadow-effect2 e-flex eael_liquid_glass-effect1 elementor-invisible e-con e-child" data-id="5e3dd8b" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}">
		<div class="elementor-element elementor-element-474486a e-con-full e-flex e-con e-child" data-id="474486a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-8d70b49 elementor-widget elementor-widget-heading" data-id="8d70b49" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<p class="elementor-heading-title elementor-size-default">09</p>				</div>
				<div class="elementor-element elementor-element-b46da23 elementor-widget elementor-widget-heading" data-id="b46da23" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Découvrez d'autres projets réalisés par mes soins</h2>				</div>
				<div class="elementor-element elementor-element-cbd2019 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="cbd2019" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Chaque projet est une nouvelle collaboration, un nouveau défi et une histoire à raconter. Explorez quelques autres réalisations qui illustrent mon savoir-faire en création de sites web, en référencement et en communication digitale.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-bccce85 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="bccce85" data-element_type="widget" data-e-type="widget" data-settings="{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.cards">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-1608 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/calame-editions/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4210" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive de Calame Éditions, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Calame-Editions-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/calame-editions/" target=&quot;_blank&quot;>
				Calame Éditions			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création et refonte d&rsquo;un site e-commerce pour une maison d&rsquo;édition indépendante, avec une navigation fluide et un référencement optimisé.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/calame-editions/" aria-label="En savoir plus sur Calame Éditions" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1609 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-amal-diam/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-4334" alt="Image d&#039;un Mockup de Mac et iPhone affichant la page d&#039;accueil du site web responsive d&#039;Amal Diam, créé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-Amal-Diam-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-amal-diam/" target=&quot;_blank&quot;>
				Association Amal Diam			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association engagée dans le bien-être et l&rsquo;insertion sociale, avec un webdesign responsive et chaleureux.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-amal-diam/" aria-label="En savoir plus sur Association Amal Diam" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1615 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/loclean/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp" class="attachment-medium size-medium wp-image-3203" alt="Mockup du site internet LoClean réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1024x706.webp 1024w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-768x530.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-1536x1059.webp 1536w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-LoClean-by-Mathieu-Betton-2048x1413.webp 2048w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/loclean/" target=&quot;_blank&quot;>
				LoClean			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une entreprise de nettoyage automobile et terrasses, avec un design responsive optimisé pour le référencement local.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/loclean/" aria-label="En savoir plus sur LoClean" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1616 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/sabribenrekta/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7193" alt="Mockup de la landing page de Sabri Benrekta réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Landing-page-Sabri-Benrekta-by-Mathieu-Betton-Webdesigner-Nantes.webp 642w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/sabribenrekta/" target=&quot;_blank&quot;>
				Sabri Benrekta			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;une landing page one-page pour la sortie du premier roman de l&rsquo;auteur, pensée comme un tunnel de conversion clair vers l&rsquo;achat.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/sabribenrekta/" aria-label="En savoir plus sur Sabri Benrekta" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1619 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7309" alt="Mockup du site vitrine de l&#039;association Niaque à l&#039;Âme réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-association-Niaque-a-lAme-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/association-niaque-a-lame/" target=&quot;_blank&quot;>
				Association Niaque à l&rsquo;Âme			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Création d&rsquo;un site vitrine pour une association rurale, avec une approche moderne pour renforcer sa présence digitale et sa visibilité locale.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/association-niaque-a-lame/" aria-label="En savoir plus sur Association Niaque à l&rsquo;Âme" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				<article class="elementor-post elementor-grid-item post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-projets" role="listitem">
			<div class="elementor-post__card">
				<a class="elementor-post__thumbnail__link" href="https://mathieubetton.fr/projets/agence-albanda/" tabindex="-1" target="_blank"><div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="300" height="207" src="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp" class="attachment-medium size-medium wp-image-7110" alt="Mockup du site internet Albanda réalisé par Mathieu Betton, webdesigner à Nantes" srcset="https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-300x207.webp 300w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes-768x529.webp 768w, https://mathieubetton.fr/wp-content/uploads/2026/08/Site-vitrine-Albanda-by-Mathieu-Betton-Webdesigner-Nantes.webp 856w" sizes="(max-width: 300px) 100vw, 300px" /></div></a>
				<div class="elementor-post__badge">Projets</div>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://mathieubetton.fr/projets/agence-albanda/" target=&quot;_blank&quot;>
				Agence Albanda			</a>
		</h3>
				<div class="elementor-post__excerpt">
			<p>Développement d&rsquo;un site vitrine pour une agence de webmarketing, avec une structure pensée pour le référencement naturel et la conversion.</p>
		</div>
					<div class="elementor-post__read-more-wrapper">
		
		<a class="elementor-post__read-more" href="https://mathieubetton.fr/projets/agence-albanda/" aria-label="En savoir plus sur Agence Albanda" tabindex="-1" target="_blank">
			Voir le projet ➔		</a>

					</div>
				</div>
					</div>
		</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-60b5d3c elementor-mobile-align-left elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button" data-id="60b5d3c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://mathieubetton.fr/projets/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>			</span>
									<span class="elementor-button-text">Voir tous les projets</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		<p>L’article <a href="https://mathieubetton.fr/projets/agence-albanda/">Agence Albanda</a> est apparu en premier sur <a href="https://mathieubetton.fr">Mathieu Betton</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
