<?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>Archives des Website - Site de Kim Barthelemy</title>
	<atom:link href="https://kimbarthelemy.com/work-type/website/feed/" rel="self" type="application/rss+xml" />
	<link>https://kimbarthelemy.com/work-type/website/</link>
	<description>Bienvenue sur mon site ! Je suis Kim Barthelemy, directrice artistique digital et UX/UI designer freelance basée à Paris.</description>
	<lastBuildDate>Fri, 17 Oct 2025 13:37:04 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.0.11</generator>

<image>
	<url>https://kimbarthelemy.com/wp-content/uploads/2022/11/cropped-logo_favicon-32x32.png</url>
	<title>Archives des Website - Site de Kim Barthelemy</title>
	<link>https://kimbarthelemy.com/work-type/website/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Soirées Fantastiques</title>
		<link>https://kimbarthelemy.com/projet/soirees-fantastiques/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 10 Oct 2025 14:56:13 +0000</pubDate>
				<guid isPermaLink="false">https://kimbarthelemy.com/?post_type=portfolios&#038;p=2205</guid>

					<description><![CDATA[LES OBJECTIFS Dans le cadre du lancement du spectacle Les Soirées Fantastiques de Laurent Beretta, j’ai conçu et développé un site web immersif rendant hommage à l’univers du magicien Robert-Houdin et au Paris du XIXᵉ siècle. L’objectif était de traduire la magie du spectacle dans une expérience digitale cohérente, à la fois élégante et narrative. [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2205" class="elementor elementor-2205">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-a459e1b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="a459e1b" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c1081e1" data-id="c1081e1" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-57e0bf0 elementor-widget elementor-widget-image" data-id="57e0bf0" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.7.8 - 02-10-2022 */
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style>												<img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/main_black-1-1.png" title="main_black 1" alt="main_black 1" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f36aba1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f36aba1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-354bffc" data-id="354bffc" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-49143a7 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="49143a7" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.7.8 - 02-10-2022 */
.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-container{--container-widget-width:100%}.e-container>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-negative:0;flex-shrink:0}.e-container>.elementor-widget-spacer>.elementor-widget-container,.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}</style>		<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3066a99 elementor-widget elementor-widget-cygnisingleimage" data-id="3066a99" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/img1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ad38773" data-id="ad38773" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2b8d610 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2b8d610" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-56b47e7" data-id="56b47e7" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-a8efe35" data-id="a8efe35" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0a93d08 elementor-widget elementor-widget-cygnisingleimage" data-id="0a93d08" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/img2-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-bf7e470 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="bf7e470" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9910207 wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9910207" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-451ea0f9" data-id="451ea0f9" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1cd2e1ca" data-id="1cd2e1ca" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-28f9bd4f elementor-widget elementor-widget-cygnitextbox" data-id="28f9bd4f" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LES OBJECTIFS</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:500;font-style:normal;">Dans le cadre du lancement du spectacle Les Soirées Fantastiques de Laurent Beretta, j’ai conçu et développé un site web immersif rendant hommage à l’univers du magicien Robert-Houdin et au Paris du XIXᵉ siècle. L’objectif était de traduire la magie du spectacle dans une expérience digitale cohérente, à la fois élégante et narrative.
<br/><br/>
Le projet visait à immerger l’utilisateur dès la première interaction, tout en facilitant l’accès aux informations essentielles et à la billetterie. Le storytelling, la direction artistique et les mécanismes d’interaction ont été pensés pour recréer la dimension poétique et mystérieuse du spectacle.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-69c2a13 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="69c2a13" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-889f06e" data-id="889f06e" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-91b8eaa animated-slow elementor-invisible elementor-widget elementor-widget-image" data-id="91b8eaa" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1000}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img width="1356" height="978" src="https://kimbarthelemy.com/wp-content/uploads/2025/10/corne_gravure-copie.png" class="attachment-full size-full" alt="" loading="lazy" srcset="https://kimbarthelemy.com/wp-content/uploads/2025/10/corne_gravure-copie.png 1356w, https://kimbarthelemy.com/wp-content/uploads/2025/10/corne_gravure-copie-300x216.png 300w, https://kimbarthelemy.com/wp-content/uploads/2025/10/corne_gravure-copie-1024x739.png 1024w, https://kimbarthelemy.com/wp-content/uploads/2025/10/corne_gravure-copie-768x554.png 768w" sizes="(max-width: 1356px) 100vw, 1356px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-05392f7 elementor-section-full_width elementor-reverse-mobile elementor-section-height-default elementor-section-height-default" data-id="05392f7" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d8d765" data-id="7d8d765" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
					<div class="elementor-background-overlay"></div>
								<div class="elementor-element elementor-element-b4258ee elementor-widget elementor-widget-sectionbarsbackground" data-id="b4258ee" data-element_type="widget" data-widget_type="sectionbarsbackground.default">
				<div class="elementor-widget-container">
			
<div class="section-bars sec-bg-68fcefe8ba9d9">
        <span class="sec-bg-ov"></span>
        <span class="sec-bg-ov"></span>
        <span class="sec-bg-ov"></span>
        <span class="sec-bg-ov"></span>
</div>

<style>
    
    .sec-bg-68fcefe8ba9d9 .sec-bg-ov {background-color: #F3E3C9}

</style>


		</div>
				</div>
				<div class="elementor-element elementor-element-81b5228 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-aspect-ratio-169 elementor-widget elementor-widget-video" data-id="81b5228" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;aspect_ratio&quot;:&quot;169&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.7.8 - 02-10-2022 */
.elementor-widget-video .elementor-widget-container{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-container>.elementor-widget-video{width:var(--container-widget-width,100%)}</style>		<div class="e-hosted-video elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
					<video class="elementor-video" src="https://kimbarthelemy.com/wp-content/uploads/2025/10/sf_video_medaillon.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video>
				</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-51844a8f wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="51844a8f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34f76ac6" data-id="34f76ac6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3e100a70 elementor-widget elementor-widget-cygnitextbox" data-id="3e100a70" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>RESPONSIVE & DÉCLINAISON</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:600;font-style:normal;">Grâce à une interface épurée, une navigation fluide et un soin particulier porté aux détails visuels, le site prolonge l’expérience scénique et incarne l’alliance entre design émotionnel et performance artistique.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-15fac756 elementor-widget elementor-widget-cygnitextbox" data-id="15fac756" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0.4" style="color:#6D6D6D;" class="caption align-left has-animation lines-fade-up" data-scroll></div>
  <div data-scroll data-delay="0.4"  class="has-animation lines-fade-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">J’ai également assuré la déclinaison des designs au format mobile, afin de garantir une expérience fluide et cohérente sur tous les supports. L’ergonomie et la hiérarchisation des contenus ont été repensées pour offrir une navigation intuitive, tout en préservant l’atmosphère immersive du site. Parallèlement, j’ai travaillé sur la déclinaison de la charte graphique pour les réseaux sociaux, en adaptant les codes visuels et le ton du spectacle à différents formats de communication digitale, dans une logique de continuité visuelle et d’identité de marque unifiée.</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-de241e0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="de241e0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-915be06" data-id="915be06" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8e67ea2 elementor-widget elementor-widget-cygnisingleimage" data-id="8e67ea2" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/img1_1-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-5cd563d elementor-aspect-ratio-11 elementor-widget elementor-widget-video" data-id="5cd563d" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;aspect_ratio&quot;:&quot;11&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="e-hosted-video elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
					<video class="elementor-video" src="https://kimbarthelemy.com/wp-content/uploads/2025/10/Video_SF_Stories_3.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video>
				</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0c20e28" data-id="0c20e28" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d88f756 elementor-aspect-ratio-11 elementor-widget elementor-widget-video" data-id="d88f756" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;aspect_ratio&quot;:&quot;11&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="e-hosted-video elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
					<video class="elementor-video" src="https://kimbarthelemy.com/wp-content/uploads/2025/10/video_sf_stories.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-d4cb6fc elementor-widget elementor-widget-cygnisingleimage" data-id="d4cb6fc" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/img4.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-53010b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53010b7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-f10447c" data-id="f10447c" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-386c8c7" data-id="386c8c7" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a81ae1a elementor-widget-mobile__width-inherit elementor-widget elementor-widget-cygnisingleimage" data-id="a81ae1a" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/MacBook-Design-Mockup.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-d0946a2" data-id="d0946a2" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-12a0e3f elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="12a0e3f" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef2b38c" data-id="ef2b38c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-def2895 elementor-widget elementor-widget-image" data-id="def2895" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img src="https://kimbarthelemy.com/wp-content/uploads/2025/10/main_piece.png" title="main_piece" alt="main piece" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-125fd7a wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="125fd7a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31e57630" data-id="31e57630" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-31341fe8 elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="31341fe8" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-4c2e92b4 elementor-widget elementor-widget-cygnitextbox" data-id="4c2e92b4" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-center has-animation lines-fade-up" data-scroll>EN CONCLUSION</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-center" style="font-weight:500;font-style:normal;">Ce projet m’a permis de conjuguer design immersif et narration digitale, tout en veillant à la cohérence de l’expérience sur l’ensemble des supports. De la conception du site à la déclinaison graphique sur mobile et réseaux sociaux, j’ai cherché à prolonger la magie du spectacle à travers une identité visuelle forte et cohérente.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-2164b09 elementor-widget elementor-widget-cygnitextbox" data-id="2164b09" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div style="" class="caption align-center " ></div>
  <h2   class=" align-center" style="font-weight:500;font-style:normal;"><a target="_blank" href="https://www.soireesfantastiques.com/" class="underline">Voir le site</a></h2>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-cc20e7a elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="cc20e7a" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>G20</title>
		<link>https://kimbarthelemy.com/projet/g20/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 05 Dec 2022 19:24:38 +0000</pubDate>
				<guid isPermaLink="false">https://kimbarthelemy.com/?post_type=portfolios&#038;p=1977</guid>

					<description><![CDATA[LES OBJECTIFS BTOC Avec l’agence Calliweb nous avons conçu la nouvelle plateforme e-commerce G20 Minute afin de la rendre plus performante et de proposer de nouveaux services tels que le click &#38; collect et la la livraison à domicile. De la charte graphique digitale aux parcours utilisateurs tout à été repensé afin de répondre aux [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1977" class="elementor elementor-1977">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-23a0fb5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="23a0fb5" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-16906cb" data-id="16906cb" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-59bf455 elementor-widget elementor-widget-spacer" data-id="59bf455" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-9b06006 elementor-widget elementor-widget-cygnisingleimage" data-id="9b06006" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img1-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b96584b" data-id="b96584b" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-494d405 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="494d405" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cf345ce" data-id="cf345ce" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-e6de1dd" data-id="e6de1dd" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-52fa687 elementor-widget elementor-widget-cygnisingleimage" data-id="52fa687" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img1_bis.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-97f5975 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="97f5975" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9910207 wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9910207" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-451ea0f9" data-id="451ea0f9" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1cd2e1ca" data-id="1cd2e1ca" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-28f9bd4f elementor-widget elementor-widget-cygnitextbox" data-id="28f9bd4f" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LES OBJECTIFS BTOC</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:500;font-style:normal;">Avec l’agence Calliweb nous avons conçu la nouvelle plateforme e-commerce G20 Minute afin de la rendre plus performante et de proposer de nouveaux services tels que le click & collect et la la livraison à domicile. De la charte graphique digitale aux parcours utilisateurs tout à été repensé afin de répondre aux codes et aux besoins actuels des sites de e-commerce et à la navigation sur mobile.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f3bc840 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f3bc840" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-344ced8" data-id="344ced8" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-4507553 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="4507553" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-d3a4cc9 elementor-widget elementor-widget-cygnisingleimage" data-id="d3a4cc9" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img2.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-2dec037" data-id="2dec037" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6115b81 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6115b81" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0321784" data-id="0321784" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-9ad8f96" data-id="9ad8f96" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-41b3028 elementor-widget elementor-widget-cygnisingleimage" data-id="41b3028" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img3.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-720b756 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="720b756" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-51844a8f wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="51844a8f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34f76ac6" data-id="34f76ac6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3e100a70 elementor-widget elementor-widget-cygnitextbox" data-id="3e100a70" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LES OBJECTIFS BTOB</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:600;font-style:normal;">Du fait de leur statut d’indépendants, les magasins G20 vendent leur propre sélection de produits. Un des objectifs de la plateforme était donc de leur permettre de gérer leur offre et ceci de façon simplifiée.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-15fac756 elementor-widget elementor-widget-cygnitextbox" data-id="15fac756" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0.4" style="color:#6D6D6D;" class="caption align-left has-animation lines-fade-up" data-scroll></div>
  <div data-scroll data-delay="0.4"  class="has-animation lines-fade-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">Au cours de plusieurs ateliers de conception avec les clients et des gérants de magasin G20, nous avonc imaginés et créés une plateforme OMS (« order management system ») qui les aiderait à gérer les informations, la préparation des commandes et le suivi des ventes en ligne sur la plateforme e-commerce. Grâce à cet outil les gérants de magasin peuvent désormais : 
<br/><br/>• Gérer les utilisateurs qui ont accès à l’OMS en fonction des droits qui leurs sont attribués (responsable de rayon, picker…)
<br/>• Paramétrer l’offre en ligne de son ou ses supermarchés.
<br/>• Gérer la préparation des commandes de manière digitale grâce à des smartphones intégrant un lecteur de code barre.
<br/>• Configurer les informations relatives à son magasin (horaires d’ouverture, services disponibles, etc.)</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-53010b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53010b7" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-f10447c" data-id="f10447c" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-386c8c7" data-id="386c8c7" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a81ae1a elementor-widget elementor-widget-cygnisingleimage" data-id="a81ae1a" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img4.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-e2697f6 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="e2697f6" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-d0946a2" data-id="d0946a2" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d149202 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d149202" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3bbbfc5" data-id="3bbbfc5" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-242a54b elementor-widget elementor-widget-cygnisingleimage" data-id="242a54b" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img5.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-227e2e6 elementor-widget elementor-widget-cygnisingleimage" data-id="227e2e6" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img8.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-74d4003 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="74d4003" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bf502d" data-id="6bf502d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-60428a8 elementor-hidden-desktop elementor-hidden-tablet elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="60428a8" data-element_type="widget" data-settings="{&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}" data-widget_type="image-carousel.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.7.8 - 02-10-2022 */
.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))}</style>		<div class="elementor-image-carousel-wrapper swiper-container" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper">
								<div class="swiper-slide"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img7-1342x1536.png" alt="img7" /></figure></div><div class="swiper-slide"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img8-1-1342x1536.png" alt="img8" /></figure></div><div class="swiper-slide"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img9-1342x1536.png" alt="img9" /></figure></div><div class="swiper-slide"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="https://kimbarthelemy.com/wp-content/uploads/2022/12/img10-1342x1536.png" alt="img10" /></figure></div>			</div>
												<div class="swiper-pagination"></div>
													<div class="elementor-swiper-button elementor-swiper-button-prev">
						<i aria-hidden="true" class="eicon-chevron-left"></i>						<span class="elementor-screen-only">Précédent</span>
					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next">
						<i aria-hidden="true" class="eicon-chevron-right"></i>						<span class="elementor-screen-only">Suivant</span>
					</div>
									</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-125fd7a wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="125fd7a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31e57630" data-id="31e57630" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-31341fe8 elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="31341fe8" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-4c2e92b4 elementor-widget elementor-widget-cygnitextbox" data-id="4c2e92b4" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-center has-animation lines-fade-up" data-scroll>EN CONCLUSION</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-center" style="font-weight:500;font-style:normal;">Véritable enjeu business renforcé par la crise sanitaire, la plateforme G20 Minute avait impérativement besoin d’évoluer. <br><br> Côté clients, ce service est désormais plus attractif et permet aux magasins d’être plus compétitifs. <br><br>Côté magasins, l’interface de gestion est simple à appréhender, utilisable en mobilité et ergonomique.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-2164b09 elementor-widget elementor-widget-cygnitextbox" data-id="2164b09" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div style="" class="caption align-center " ></div>
  <h2   class=" align-center" style="font-weight:500;font-style:normal;"><a target="_blank" href="https://www.g20-minute.com/nos-enseignes" class="underline">Voir le site</a></h2>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-cc20e7a elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="cc20e7a" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Leadersanté</title>
		<link>https://kimbarthelemy.com/projet/leadersante/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 21 Nov 2022 19:05:20 +0000</pubDate>
				<guid isPermaLink="false">https://kimbarthelemy.com/?post_type=portfolios&#038;p=1465</guid>

					<description><![CDATA[LE PROJET Leadersanté souhaitait à la fois moderniser leur plateforme e-commerce BtoC avec la vente de produits parapharmaceutiques mais aussi de proposer de nouveaux services disponibles dans les officines qui ont notamment émergé avec la crise sanitaire. En effet, les 4 services indispensables à ajouter étaient : l’envoi d’ordonnance directement à sa pharmacie pour qu’elle [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1465" class="elementor elementor-1465">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-766bd09a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="766bd09a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-562cb252" data-id="562cb252" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1575e3c elementor-widget elementor-widget-cygnisingleimage" data-id="1575e3c" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img1-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-2897062 elementor-widget elementor-widget-cygnisingleimage" data-id="2897062" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img3-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-293a1bc" data-id="293a1bc" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-13b4405 elementor-widget elementor-widget-cygnisingleimage" data-id="13b4405" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img2-2.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-cccf302 elementor-widget elementor-widget-cygnisingleimage" data-id="cccf302" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img4-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1712bf2a wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1712bf2a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b8c835b" data-id="2b8c835b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-279f2035 elementor-widget elementor-widget-cygnitextbox" data-id="279f2035" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LE PROJET</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:600;font-style:normal;">Leadersanté souhaitait à la fois moderniser leur plateforme e-commerce BtoC avec la vente de produits parapharmaceutiques mais aussi de proposer de nouveaux services disponibles dans les officines qui ont notamment émergé avec la crise sanitaire. 
</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-4ba285ec elementor-widget elementor-widget-cygnitextbox" data-id="4ba285ec" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0.4" style="color:#6D6D6D;" class="caption align-left has-animation lines-fade-up" data-scroll></div>
  <div data-scroll data-delay="0.4"  class="has-animation lines-fade-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">En effet, les 4 services indispensables à ajouter étaient : l’envoi d’ordonnance directement à sa pharmacie pour qu’elle puisse être traiter, la prise de rendez-vous avec son pharmacien, la livraison à domicile et le retrait en officine.</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-086cbf5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="086cbf5" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-dbf864b" data-id="dbf864b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-528288d elementor-widget elementor-widget-cygnisingleimage" data-id="528288d" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img5-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a0a2fb5" data-id="a0a2fb5" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e944fbb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e944fbb" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3b239e5" data-id="3b239e5" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-672bb99" data-id="672bb99" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-9efb841 elementor-widget elementor-widget-cygnisingleimage" data-id="9efb841" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img6-1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d5bb633 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d5bb633" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-e119263" data-id="e119263" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ac8a42f elementor-widget elementor-widget-cygnisingleimage" data-id="ac8a42f" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img6bis.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ac77f91" data-id="ac77f91" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1887f1e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1887f1e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-634723b" data-id="634723b" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-f59321b" data-id="f59321b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3b122ad elementor-widget elementor-widget-cygnisingleimage" data-id="3b122ad" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img6ter.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-8d2960f" data-id="8d2960f" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-feb9dfb wrapper-small elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="feb9dfb" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7639ce09" data-id="7639ce09" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-56c1289b elementor-hidden-phone elementor-widget elementor-widget-cygnitextbox" data-id="56c1289b" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation skew-up" data-scroll></div>
  <div data-scroll data-delay="0"  class="has-animation skew-up align-left" style="font-weight:600;font-style:normal;font-size:100px;line-height:110px;">Les données</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2ed3660b" data-id="2ed3660b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1e85bc4b elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="1e85bc4b" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5ecc900c elementor-widget elementor-widget-cygnitextbox" data-id="5ecc900c" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="color:#6D6D6D;" class="caption align-left has-animation lines-up" data-scroll></div>
  <div data-scroll data-delay="0"  class="has-animation lines-up align-left" style="font-weight:500;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">L’enjeu majeur de ce projet était la connexion des données entre les différents réseaux Leadersanté. En effet une application existait déjà et la gestion des pharmacies était indépendante du réseau du groupe. Il fallait donc que chaque pharmacie puisse gérer ses stocks, ses prix et ses disponibilités pour la prise de rendez-vous. </div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6db347d0 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6db347d0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-6e48ceb3" data-id="6e48ceb3" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-1d09d9b0" data-id="1d09d9b0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-4a566972 elementor-widget elementor-widget-cygnitextbox" data-id="4a566972" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation skew-up" data-scroll></div>
  <h1 data-scroll data-delay="0"  class="has-animation skew-up align-left" style="font-weight:600;font-style:normal;">Les données</h1>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-2680110d elementor-widget elementor-widget-cygnitextbox" data-id="2680110d" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="color:#6D6D6D;" class="caption align-left has-animation lines-up" data-scroll></div>
  <div data-scroll data-delay="0"  class="has-animation lines-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">L’enjeu majeur de ce projet était la connexion des données entre les différents réseaux Leadersanté. En effet une application existait déjà et la gestion des pharmacies était indépendante du réseau du groupe. Il fallait donc que chaque pharmacie puisse gérer ses stocks, ses prix et ses disponibilités pour la prise de rendez-vous. </div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-8c64c8a" data-id="8c64c8a" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-4d727b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4d727b4" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-23e98c9" data-id="23e98c9" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-010833c" data-id="010833c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2003484 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="2003484" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5635c64 elementor-aspect-ratio-169 elementor-widget elementor-widget-video" data-id="5635c64" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;aspect_ratio&quot;:&quot;169&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="e-hosted-video elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
					<video class="elementor-video" src="https://kimbarthelemy.com/wp-content/uploads/2022/11/homepage..mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-151f7979 elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="151f7979" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-fec0b1a" data-id="fec0b1a" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-32281537 wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="32281537" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3789ca93" data-id="3789ca93" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7f613c72 elementor-widget elementor-widget-cygnitextbox" data-id="7f613c72" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LES OBJECTIFS</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:500;font-style:normal;">Visuellement la plateforme devait retranscrire la charte graphique historique Leadersanté tout en communiquant l’ADN des pharmacies de proximité : l’humain, l’expertise du pharmacien et la proximité.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-148fefd7" data-id="148fefd7" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-588585b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="588585b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-192b86a" data-id="192b86a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d19c98a elementor-widget elementor-widget-cygnisingleimage" data-id="d19c98a" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img7.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
				<div class="elementor-element elementor-element-1828a2b elementor-widget elementor-widget-spacer" data-id="1828a2b" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bc45def elementor-widget elementor-widget-cygnisingleimage" data-id="bc45def" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img8.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-684b1d09 wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="684b1d09" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b901761" data-id="1b901761" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-59fbcb37 elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="59fbcb37" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3cbe99ae elementor-widget elementor-widget-cygnitextbox" data-id="3cbe99ae" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-center has-animation lines-fade-up" data-scroll>EN CONCLUSION</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-center" style="font-weight:600;font-style:normal;">Cette plateforme permet désormais de continuer la digitalisation des pharmacies du groupe Leadersanté, d’étendre leur espace de vente et de procurer un gain de temps aux patients en leur offrant une expérience multicanale.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-5ff0bff elementor-widget elementor-widget-cygnitextbox" data-id="5ff0bff" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div style="" class="caption align-center " ></div>
  <h2   class=" align-center" style="font-weight:500;font-style:normal;"><a target="_blank" href="https://leadersante-pharmacie.fr/" class="underline">Voir le site</a></h2>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-cada3f0 elementor-hidden-phone elementor-widget elementor-widget-spacer" data-id="cada3f0" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Rivages du Monde</title>
		<link>https://kimbarthelemy.com/projet/rivages-du-monde/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 14 Nov 2022 14:52:55 +0000</pubDate>
				<guid isPermaLink="false">https://kimbarthelemy.com/?post_type=portfolios&#038;p=843</guid>

					<description><![CDATA[LE PROJET L’enjeu de cette refonte était de faire du site Rivages du Monde un espace où le visiteur puisse s’évader, rêver, s’imaginer partir en voyage… susciter l’envie, en reflétant le caractère haut de gamme des croisières proposées. La nouvelle plateforme devait être performante en proposant des outils efficaces pour amener le visiteur à concrétiser [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="843" class="elementor elementor-843">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-013d38f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="013d38f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-8b7b3f5" data-id="8b7b3f5" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-2162a43" data-id="2162a43" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7ef1d8c elementor-widget elementor-widget-cygnisingleimage" data-id="7ef1d8c" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img1.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-71429ac" data-id="71429ac" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1116fcd0 wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1116fcd0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-718ac149" data-id="718ac149" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-42237145 elementor-widget elementor-widget-cygnitextbox" data-id="42237145" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LE PROJET </div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:600;font-style:normal;">L’enjeu de cette refonte était de faire du site Rivages du Monde un espace où le visiteur puisse s’évader, rêver, s’imaginer partir en voyage… susciter l’envie, en reflétant le caractère haut de gamme des croisières proposées.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-284f2431 elementor-widget elementor-widget-cygnitextbox" data-id="284f2431" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0.4" style="color:#6D6D6D;" class="caption align-left has-animation lines-fade-up" data-scroll></div>
  <div data-scroll data-delay="0.4"  class="has-animation lines-fade-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">La nouvelle plateforme devait être performante en proposant des outils efficaces pour amener le visiteur à concrétiser son achat. Il fallait aussi séduire le public cible en refondant l’espace membre et en mettant en valeur les avantages du programme de fidélisation tout en rajeunissant l’image de marque de Rivages du Monde avec de nouvelles fonctionnalités, une UI plus moderne et une version mobile travaillée.</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-60dffd4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="60dffd4" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-d402653" data-id="d402653" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-95919c1" data-id="95919c1" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-94a765c elementor-widget elementor-widget-cygnisingleimage" data-id="94a765c" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img2-copy-2.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-113a716" data-id="113a716" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5308b8f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5308b8f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-fd861d8" data-id="fd861d8" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2e8c621 elementor-widget elementor-widget-cygnisingleimage" data-id="2e8c621" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img2-copy-3.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-eb3ad1c" data-id="eb3ad1c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a668dd3 elementor-widget elementor-widget-cygnisingleimage" data-id="a668dd3" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img2-copy-4.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9fda2a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9fda2a1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4bffbc8" data-id="4bffbc8" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-90997cf" data-id="90997cf" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5eb3e6f elementor-widget elementor-widget-cygnisingleimage" data-id="5eb3e6f" data-element_type="widget" data-widget_type="cygnisingleimage.default">
				<div class="elementor-widget-container">
			


<!-- Image Wrapper -->
<div   class="image-wrapper  " style="z-index: 0">
    <img src="https://kimbarthelemy.com/wp-content/uploads/2022/11/img2-copy-5.png" alt="Single Image">
</div>
<!--/ Image Wrapper -->


		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-66566672 wrapper-small elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="66566672" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7517af22" data-id="7517af22" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7c2054d9 elementor-widget elementor-widget-cygnitextbox" data-id="7c2054d9" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation lines-fade-up" data-scroll>LES OBJECTIFS </div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-left" style="font-weight:500;font-style:normal;">Pour plonger l’utilisateur dans une ambiance de voyage et de découverte nous avons créé une interface épurée et élégante qui met en avant les visuels. L’utilisation de médias, photos et vidéos, sur chaque page est donc primordiale.
</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3eb5adb8" data-id="3eb5adb8" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-952a977 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="952a977" data-element_type="section">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-02faea6" data-id="02faea6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-80cc30b elementor-widget elementor-widget-spacer" data-id="80cc30b" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-dafd9fe elementor-section-full_width elementor-reverse-mobile elementor-section-height-default elementor-section-height-default" data-id="dafd9fe" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a038256" data-id="a038256" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
					<div class="elementor-background-overlay"></div>
								<div class="elementor-element elementor-element-f89e7ec elementor-widget elementor-widget-sectionbarsbackground" data-id="f89e7ec" data-element_type="widget" data-widget_type="sectionbarsbackground.default">
				<div class="elementor-widget-container">
			
<div class="section-bars sec-bg-68fcefe90f9a2">
        <span class="sec-bg-ov"></span>
        <span class="sec-bg-ov"></span>
        <span class="sec-bg-ov"></span>
        <span class="sec-bg-ov"></span>
</div>

<style>
    
    .sec-bg-68fcefe90f9a2 .sec-bg-ov {background-color: #646464}

</style>


		</div>
				</div>
				<div class="elementor-element elementor-element-feff3c6 elementor-aspect-ratio-169 elementor-widget elementor-widget-video" data-id="feff3c6" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;aspect_ratio&quot;:&quot;169&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="e-hosted-video elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
					<video class="elementor-video" src="https://kimbarthelemy.com/wp-content/uploads/2022/11/Rdm_video_bateau.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video>
				</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2b0a3de7 wrapper-small elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2b0a3de7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6b186a91" data-id="6b186a91" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1f2177ea elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="1f2177ea" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5b57b942 elementor-hidden-mobile elementor-widget elementor-widget-cygnitextbox" data-id="5b57b942" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation skew-up" data-scroll></div>
  <div data-scroll data-delay="0"  class="has-animation skew-up align-left" style="font-weight:600;font-style:normal;font-size:100px;line-height:110px;">Approche
immersive</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-75c7d95a" data-id="75c7d95a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e940447 elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="e940447" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-ba0c943 elementor-widget elementor-widget-cygnitextbox" data-id="ba0c943" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="color:#6D6D6D;" class="caption align-left has-animation lines-up" data-scroll></div>
  <div data-scroll data-delay="0"  class="has-animation lines-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">Pour accompagner l’utilisateur dans son achat, le parcours a été entièrement repensé. J’ai notamment redessiné l’ensemble des plans des bateaux afin de les rendre interactifs sur les pages descriptives de chaque bateau. 
</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9ccd1ba elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9ccd1ba" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-626a027" data-id="626a027" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-0a94260" data-id="0a94260" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8fd1389 elementor-widget elementor-widget-cygnitextbox" data-id="8fd1389" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-left has-animation skew-up" data-scroll></div>
  <h1 data-scroll data-delay="0"  class="has-animation skew-up align-left" style="font-weight:600;font-style:normal;">Approche immersive</h1>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-d35f730 elementor-widget elementor-widget-cygnitextbox" data-id="d35f730" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="color:#6D6D6D;" class="caption align-left has-animation lines-up" data-scroll></div>
  <div data-scroll data-delay="0"  class="has-animation lines-up align-left" style="font-weight:400;font-style:normal;color:#6D6D6D;font-size:21px;line-height:34px;">Pour accompagner l’utilisateur dans son achat, le parcours a été entièrement repensé. J’ai notamment redessiné l’ensemble des plans des bateaux afin de les rendre interactifs sur les pages descriptives de chaque bateau. 
</div>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-cf40d40" data-id="cf40d40" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c15d1cf elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="c15d1cf" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-0c2d158" data-id="0c2d158" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-7736183" data-id="7736183" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0c3332b elementor-hidden-mobile elementor-widget elementor-widget-spacer" data-id="0c3332b" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-45aa5be elementor-aspect-ratio-169 elementor-widget elementor-widget-video" data-id="45aa5be" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;aspect_ratio&quot;:&quot;169&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="e-hosted-video elementor-wrapper elementor-fit-aspect-ratio elementor-open-inline">
					<video class="elementor-video" src="https://kimbarthelemy.com/wp-content/uploads/2022/11/video_phone-2.mp4" autoplay="" loop="" muted="muted" playsinline="" controlsList="nodownload"></video>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bd59e14 elementor-widget elementor-widget-spacer" data-id="bd59e14" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-f5f4471" data-id="f5f4471" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6001ae22 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6001ae22" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e8159ee" data-id="4e8159ee" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7462c3fa elementor-widget elementor-widget-cygnitextbox" data-id="7462c3fa" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div data-delay="0" style="" class="caption align-center has-animation lines-fade-up" data-scroll>EN CONCLUSION</div>
  <h3 data-scroll data-delay="0"  class="has-animation lines-fade-up align-center" style="font-weight:400;font-style:normal;">Grâce au travail d’UX et d’UI design, les visiteurs du site  peuvent désormais se projeter dans leur futur voyage. Cette nouvelle plateforme séduit aujourd’hui une cible plus jeune tout en fidélisant les clients actuels de Rivages du monde.</h3>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-0dd8e93 elementor-widget elementor-widget-cygnitextbox" data-id="0dd8e93" data-element_type="widget" data-widget_type="cygnitextbox.default">
				<div class="elementor-widget-container">
			<!-- Heading Wrapper -->
<div class="text-wrapper">
    
    <div style="" class="caption align-center " ></div>
  <h2   class=" align-center" style="font-weight:500;font-style:normal;"><a target="_blank" href="https://www.rivagesdumonde.fr/" class="underline">Voir le site</a></h2>   

</div>
<!--/ Heading Wrapper -->



		</div>
				</div>
				<div class="elementor-element elementor-element-5fe0006 elementor-widget elementor-widget-spacer" data-id="5fe0006" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
