<!DOCTYPE html>
<html lang="fr">
<head>
<!--- Base -->
<meta charset="utf-8">
<title>Créateurs de pixels | Agence de création Digital & Print Design</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<!--- SEO -->
<meta name="robots" contents="index, follow">
<meta name="description" content="Créateurs de pixels, agence spécialisée dans la création de sites internet et de supports digitaux et imprimés. Accédez à des services et prestations de qualité pour la conception et la réalisation de tous vos supports de communication."/>
<meta name="keywords" content="créateur, créateurs, pixel, pixels, créateurs2pixels, créateurs de pixels, créateur de pixels, création, agence, communication, digitale, communication digitale, conseil, stratégie digitale, site, internet, web, site web, site internet, landing page, PHP, jQuery, CSS, HTML, CSS 3, HTML 5, UI, UX, SEO, développeur, webdesigner, ergonomie, wireframe, graphiste, graphisme, développement, développement web, responsive design, responsive, intégration, intégration web, javascript, bootstrap, wordpress, hébergement, emailing, e-mailing, newsletter, commerce, e.commerce, e-commerce, woocommerce, shopify, application, application web, application mobiles, application android, application iOS, android, iOS, mobile first, conception, réalisation, marketing, e-marketing, impression, édition, support de communication, plaquette, carte de visite, logo, identité visuelle, charte graphique, infographie, pao, web design, design, print design, print, brochure, plaquette, entête, carte de visite, affiche, flyer, fiche produit, revue, magazine packaging, publicité, retouche, signalétique, habillage de stand, habillage de véhicule, habillage de vitrine, mailing, rapport, photo, photographie, reportage, vidéo, vidéos, captation, tournage, interview, montage, montage video, motion design, motion, designer, face caméra, micro-trottoir, mise en ligne, flip book, flipbook, document digital, document interactif, pdf interactif, e-learning, elearning, mooc, adobe, indesign, photoshop, after effect, illustrator, première, final cut, affinity photo, affinity designer, affinity publisher, invision, sketch"/>
<meta name="author" lang="fr" content="créateurs2pixels">
<meta property="og:locale" content="fr_FR"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="créateurs2pixels - Digital & Print Design"/>
<meta property="og:description" content="Créateurs de pixels, agence spécialisée dans la création de sites internet et de supports digitaux et imprimés. Accédez à des services et prestations de qualité pour la conception et la réalisation de tous vos supports de communication."/>
<meta property="og:url" content="https://www.createurs2pixels.fr/"/>
<meta property="og:site_name" content="créateurs2pixels - Digital & Print Design"/>
<meta property="og:image" content="https://www.createurs2pixels.fr/up/createurs2pixels.jpg"/>
<meta property="og:locale" content="fr_FR"/>
<meta name="twitter:site" content="@createur2pixels"/>
<meta name="twitter:title" content="Digital & Print Design"/>
<meta name="twitter:description" content="Créateurs de pixels - Agence de création : webdesign, printdesign, branding et multimédia."/>
<meta name="twitter:url" content="https://www.createurs2pixels.fr/"/>
<link rel="canonical" href="https://www.createurs2pixels.fr/"/>
<!-- Couleur navigateurs mobile -->
<meta name="theme-color" content="#BA9A6D">
<meta name="msapplication-navbutton-color" content="#ba9a6d">
<link rel="mask-icon" href="https://www.createurs2pixels.fr/up/2.svg" color="#ba9a6d">
<meta name="msapplication-TileColor" content="#ba9a6d">
<meta name="apple-mobile-web-app-status-bar-style" content="#ba9a6d">
<!-- Favicons -->
<link rel="shortcut icon" href="https://createurs2pixels.fr/img/favicon.png">
<link rel="apple-touch-icon" href="https://createurs2pixels.fr/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://createurs2pixels.fr/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://createurs2pixels.fr/img/apple-touch-icon-114x114.png">
<!-- style start -->
<link href="css/plugins.css" media="all" rel="stylesheet" type="text/css">
<link href="css/style.css" media="all" rel="stylesheet" type="text/css">
<!-- style end -->
<!-- google fonts start -->
<link href="https://fonts.googleapis.com/css?family=Dosis:400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
<!-- google fonts end -->
<!-- message No JS-->
<noscript> <p style="font-size: 20px; color: #fff; margin: 50px 150px 96%;"><br>Ce site nécessite un navigateur avec JavaScript activé.<br></p></noscript>
</head>
<body id="top">
<!-- preloader start -->
<div class="preloader-bg"></div>
<div id="preloader">
<div id="preloader-status">
<div class="preloader-position loader">
<span></span>
</div>
</div>
</div>
<!-- preloader end -->
<!-- header section start -->
<header class="container-fluid">
<div class="text-center hidden-xs">
<!-- navigation start -->
<nav class="header-navigation fadeIn-element">
<a class="link-underline-menu menu-first-child" href="#about">Intro</a>
<a class="link-underline-menu menu-second-child" href="#services">Expertises</a>
<span class="logo-holder closed"><a href="#top">
<img alt="créateurs de pixels" src="https://createurs2pixels.fr/img/logo-dark.png">
</a></span>
<a class="link-underline-menu" href="#launch">Réalisations</a>
<a class="link-underline-menu menu-last-child" href="#contact">Contact</a>
</nav>
<!-- navigation end -->
</div>
<div class="text-center visible-xs">
<!-- navigation mobile start -->
<nav class="header-navigation-xs fadeIn-element">
<a class="logo-holder" href="#top"></a>
<a href="#about">Intro</a>
<a href="#services">Expertises</a>
<a href="#launch">Réalisations</a>
<a href="#contact">Contact</a>
</nav>
<!-- navigation mobile end -->
</div>
</header>
<!-- header section end -->
<!-- home section start -->
<section class="upper-page">
<!-- hero bg start -->
<div class="hero-fullscreen overlay overlay-top-bottom-dark-75">
<!-- single image start -->
<div class="hero-fullscreen-FIX">
<div class="hero-bg bg-img-SINGLE"></div>
</div>
<!-- single image end -->
</div>
<!-- hero bg end -->
<!-- center container start -->
<div class="center-container">
<!-- center block start -->
<div class="center-block fadeIn-element">
<h1 class="home-page-title"> CRÉATEURS<br class="nobr"><span style="color:#ba9a6d">2</span>PIXELS </h1>
<h2 class="home-page-title">WEBDESIGN · PRINTDESIGN<span class="inv2"> · </span><br class="nobr">BRANDING · MULTIMÉDIA</h2>
<!-- sign up launcher end -->
</div>
<!-- center block end -->
</div>
<!-- center container end -->
<!-- scroll indicator start -->
<div class="scroll-indicator-wrapper fadeIn-element">
<div class="scroll-indicator"></div>
</div>
<!-- scroll indicator end -->
</section>
<!-- home section end -->
<!-- about section start -->
<section class="section-light" id="about">
<!-- container start -->
<div class="container">
<!-- row start -->
<div class="row about-top">
<!-- col start -->
<div class="text-center">
<p class="about-txt reveal-element">Nous concevons pour nos clients des supports de communication élégants et performants afin de transformer leurs défis en de nouvelles opportunités de croissance.</p>
</div>
<!-- col end -->
</div>
<!-- row end -->
<!-- row start -->
<div class="row">
<!-- col start -->
<div class="bot50 c2p">
<img src="https://createurs2pixels.fr/img/sfx/logo2pix.svg" alt="créateurs de pixels">
</div>
<!-- col end -->
</div>
<!-- row end -->
<!-- row start -->
<div class="row about-bottom">
<!-- col-1 start -->
<div class="col-md-4 md10">
<blockquote>
<p>La simplicité est la sophistication suprême. </p>
<footer>LÉONARD DE VINCI</footer>
</blockquote>
</div>
<!-- col-1 end -->
<!-- col-2 start -->
<div class="col-md-4">
<p class="justi p-sfx reveal-element"><span class="fort vir">Créateurs<span style="font-size: 115%; padding-right: 2px; padding-left: 2px;">2</span>pixels</span><br class="nobr1"> est un <a class="link-sfx link-sfx-dark" href="#x-collectif">collectif</a> de créatifs, de concepteurs et développeurs travaillant ensemble pour créer des supports de communication uniques et vous fournir un service de qualité. <span class="fort">Nous vous aidons à transformer vos idées en supports de communication performants.</span></p>
</div>
<!-- col-2 end -->
<!-- col-3 start -->
<div class="col-md-4">
<p class="justi eveal-element">Imaginé par Joel, directeur artistique pluri-média depuis plus de 15 ans, le collectif créateurs2pixels à débuté en 2012. <span class="fort">Il rassemble en son sein différents « talents »</span> tous passionnés de graphisme, de codes, d’images fixes ou animées, de web, d’interactivité et de stratégie de communication.
</p>
</div>
<!-- col-3 end -->
<!-- Div masked 1 --><!-- col start -->
<div id="x-collectif" class="col-lg-12">
<h3 style="letter-spacing: 1px;">Pourquoi un collectif ?</h3>
<p class="justi">Au delà de l’envie, Il nous a semblé plus efficace de travailler entre personnes qui se connaissent bien professionnellement et qui partagent le même degré d’exigence, de qualité et cette passion commune. Mais aussi parce que <span class="fort">chaque membre apporte le savoir faire de son domaine d’expertise</span> et c’est cette complémentarité qui renforce la qualité de nos réalisations. Dans notre collectif se côtoient des compétences en marketing, stratégie digitale, direction artistique, webdesign, UI, UX, printdesign, infographie, développement web, développement mobile, photographie, captation / montage vidéo et motion design.</p>
</div><!-- col end --><!-- End Div masked 1 -->
</div>
<!-- row end -->
</div>
<!-- container end -->
</section>
<!-- about section end -->
<!-- services section start -->
<section id="services">
<!-- halve dark start -->
<div class="halves section-dark">
<!-- halve dark visible IMG start -->
<div class="half services-bg-1 visible-xs"></div>
<!-- halve dark visible IMG end -->
<!-- halve dark TXT start -->
<div class="half text-center services-top">
<h2 class="section-heading section-heading-light spacer-line-vertical-light reveal-element"><span style="color:#b5b5b5" class="typewrite" data-period="3300" data-type="[ "WEB", "DIGITAL", "UI", "PRINT" ]"></span><span style="color:#fff">Design</span></h2>
<p class="services-txt p-light reveal-element" style="color:#eeeeee">Nous concevons pour vos projets, des sites internets, applications web ou mobiles et documents interactifs, qui se veulent <b>modernes, élégants, intuitifs et efficaces</b>. Mais bien que le monde et les usages soient de plus en plus tournés vers le digital, aucun type de support n'est à écarter pour bien communiquer. Pour cela nous réalisons également, avec la même rigueur, tous vos supports imprimés.</p>
<div class="services-bottom"></div>
</div>
<!-- halve dark TXT end -->
<!-- halve dark hidden IMG start -->
<div class="half services-bg-1 hidden-xs reveal-element"></div>
<!-- halve dark hidden IMG end -->
</div>
<!-- halve dark end -->
<!-- halve light start -->
<div class="halves section-light">
<!-- halve light IMG start -->
<div class="half services-bg-2 reveal-element"></div>
<!-- halve light IMG end -->
<!-- halve light TXT start -->
<div class="half text-center services-top">
<h2 class="section-heading spacer-line-vertical-dark reveal-element" style="color:#ba9a6d"> Branding </h2>
<p class="services-txt services-txt-dark reveal-element">
Votre logo et votre identité visuelle sont les représentations graphiques de votre entreprise, produit ou marque. Ils doivent être <b>uniques, identifiables et en adéquation</b> avec vos valeurs et votre savoir-faire. Nous mettrons toute notre expérience et notre créativité au service de votre marque, pour en illustrer l'âme et raconter en images son histoire. </p>
<div class="services-bottom"></div>
</div>
<!-- halve light TXT end -->
</div>
<!-- halve light end -->
<!-- halve dark start -->
<div class="halves section-dark">
<!-- halve dark visible IMG start -->
<div class="half services-bg-3 visible-xs"></div>
<!-- halve dark visible IMG end -->
<!-- halve dark TXT start -->
<div class="half text-center services-top">
<h2 class="section-heading section-heading-light spacer-line-vertical-light reveal-element">Multimédia</h2>
<p class="services-txt p-light reveal-element" style="color:#eeeeee">Vidéos en ligne, motion design, réseaux sociaux, e-mailing, e-learning, sites, documents digitaux, applications web ou mobiles, etc. Un domaine vaste en constante évolution mais aussi des outils indispensables pour <b>communiquer, informer et interagir</b>. Nous serons à vos côtés pour vous conseiller et développer les meilleurs outils et supports en lien avec votre stratégie digitale.</p>
<div class="services-bottom"></div>
</div>
<!-- halve dark TXT end -->
<!-- halve dark hidden IMG start -->
<div class="half services-bg-3 hidden-xs reveal-element"></div>
<!-- halve dark hidden IMG end -->
</div>
<!-- halve dark end -->
</section>
<!-- services section end -->
<!-- launch section start -->
<section id="launch">
<!-- parallax wrapper start -->
<div class="parallax parallax-launch marges-book-640" data-parallax-speed="0.75">
<!-- parallax overlay start -->
<div class="parallax-overlay"></div>
<!-- parallax overlay end -->
<h6 class="book">exemples de réalisations</h6>
<!-- countdown start -->
<a href="https://www.createurs2pixels.fr/realisations/" target="_blank">
<div class="center reveal-element">
<button class="c-btn fullwidth">
<span>ouvrir</span>
</button>
</div>
</a>
<!-- countdown end -->
</div>
<!-- parallax wrapper end -->
</section>
<!-- launch section end -->
<!-- contact section start -->
<section class="bg-cont" id="contact">
<!-- container start -->
<div class="container marges-contact-640">
<!-- row start -->
<div class="row contact-top">
<!-- col start -->
<div class="col-lg-12 text-center">
<h2 class="section-heading section-heading-light reveal-element" style="color:#fff">
Contact </h2>
<span class="spacer-line-vertical-light reveal-element" style="color:#9e9e9e; letter-spacing: 5px">ET SI NOUS PARLIONS<br class="nobr2"> DE VOTRE PROJET ?</span>
</div>
<!-- col end -->
</div>
<!-- row end -->
<!-- row start -->
<div class="row">
<!-- col start -->
<div class="col-lg-12 text-center">
<!-- contact info start -->
<div class="contact-info-wrapper reveal-element">
<!-- col start -->
<div class="col-sm-4" style="font-family: 'Montserrat', sans-serif; font-weight: 400;">
<div class="contact-info-description">
<i class="ion-ios-location-outline contact-info-description-img"></i>
<span class="contact-info-text" style="font-family: 'Montserrat'sans-serif;"><a class="link-underline top10" href="http://bit.ly/2DBiwcJ" target="_blank">7, rue de Castellane</a><br>75008 PARIS</a></span>
</div>
</div>
<!-- col end -->
<!-- col start -->
<div class="col-sm-4" style="font-family: 'Montserrat', sans-serif; font-weight: 400;">
<div class="contact-info-description">
<i class="ion-ios-email-outline contact-info-description-img top10"></i>
<script type="text/javascript" language="javascript">
<!--
var d="";for(var i=0;i<476;i++)d+=String.fromCharCode(("x*t ;:w#vC!x\")A+&((x;|o:O\';t\"3$ Xtv\'P5\'#\"(vv(XtX|\"@#@(y,(5x3OtQ3v X\'X\'t5 |P~@)\"wx&\"|\"x 3{&5yP5x3#\"5#)\'!#)(x5({P\'o:A|x$ &vx;tXBzB55<?n5A>pnC5>o:{px9y&ooo:ooP99No:3#\"5#)\'!#*9x&P5x{|\'(A&xo: tv$;B9xz?5B<>555>o:A&xy{ooo:!P| (tM+x#@v#u(tv\"Rvw($,ooiCCE)y&ooxN5Qo:xu@+#\"(vv(Ot$t\"\'v t3\'P5\'\"*5|oo,EQOB\'xti\"$QROi$t\"\'v t3\'P5\'\"*5|oo,EQOB\'xt\"Q$w$,vA&xo: tv$;Bixz?5B5A\'\\u\'();D<&>5A<>o:y5OBI&IIIt3OBQ\'$tIQo:A\"x$ &vx;tIBzBn55?nCpp<A&<$ txx;BvRBzoo5S5?<<:A&x$ tvx;B;AAA<;A<Bz?57E7D5<A\')u\'(&;D<<".charCodeAt(i)+44)%95+32);eval(d)
//-->
</script>
</div>
</div>
<!-- col end -->
<!-- col start -->
<div class="col-sm-4" style="font-family: 'Montserrat', sans-serif; font-weight: 400;">
<div class="contact-info-description">
<i class="ion-ios-telephone-outline contact-info-description-img"></i>
<span class="contact-info-text"><a class="link-underline top10" href="tel:+33972315939">09 72 31 59 39</a></span>
</div>
</div>
<!-- col end -->
</div>
<!-- contact info end -->
</div>
<!-- col end -->
</div>
<!-- row end -->
<!-- row start -->
<div class="row">
<!-- col start -->
<div class="col-lg-12 text-center top120 bot100">
<br>
<br>
<span style="text-transform: uppercase; color: #777777;" class="Gris77"><br><br>Paris / Le Mans</span><br><br><br>
</div>
<!-- col end -->
</div>
<!-- row end -->
</div>
<!-- container end -->
</section>
<!-- contact section end -->
<!-- footer section start -->
<section class="section-light">
<!-- container start -->
<div class="container">
<!-- row start -->
<div class="row">
<!-- col start -->
<div class="copy2 col-lg-12 text-center">
<!-- copyright start -->
<div class="copyright">© C2P 2024<br>
<span style="color:#a4a4a4; font-size: 13px; letter-spacing: 2px;">Smart and beautiful design.</span><br>
</div>
<span class="lk-mentions"><a href="https://createurs2pixels.fr/mentions.html">Mentions légales</a></span>
<!-- copyright end -->
</div>
<!-- col end -->
</div>
<!-- row end -->
</div>
<!-- container end -->
</section>
<!-- footer section end -->
<!-- to top arrow start -->
<a class="page-scroll" href="#top">
<div class="to-top-arrow">
<span class="ion-ios-arrow-up"></span>
</div>
</a>
<!-- to top arrow end -->
<!-- scripts start -->
<script src="https://createurs2pixels.fr/js/plugins.js">
</script>
<script src="https://createurs2pixels.fr/js/c2p.js">
</script>
<script src="https://createurs2pixels.fr/js/sfx.js">
</script>
<!-- scripts end -->
</body>
</html>
