<!doctype html>
<html lang="fr-FR">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FY8680BYFX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FY8680BYFX');
</script>
<meta charset="utf-8">
<title>Mélisande NOEL - Créatrice de contenus Web</title>
<meta name="Description" content="Mélisande NOEL, votre future freelance pour tous vos besoins en communication digitale"/>
<meta name="keywords" content="graphisme, developpeur web, wordpress, digital, expert, formatrice, formateur, graphiste, photographe, ardennes, marne, melisande, noel, auto, entrepreneur, freelance, sedan, lille, reims, communication, flyer, affiche, portfolio, services, web, creation, internet, reseaux, sociaux, facebook, illustration"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./img/logo.ico" />
<link rel="stylesheet" type="text/css" media="all" href="./css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="./css/fullpage.css" />
<link rel="stylesheet" type="text/css" media="all" href="./css/base.css" />
<link rel="stylesheet" type="text/css" media="all" href="./css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Tillana:400&display=swap" rel="stylesheet">
<link rel="manifest" href="manifest.json" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="application-name" content="PWA Workshop" />
<meta name="apple-mobile-web-app-title" content="PWA Workshop" />
<meta name="msapplication-starturl" content="/index.html" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<script async src="pwabuilder-sw.js"></script>
</head>
<body>
<div id="btnBook" class="container-fluid">
<div>
<a href="https://www.melisande-noel.fr/ftp/Book-webPrive.pdf" rel="noopener" target="_blank">
<div class="button"><span>Télécharger mon portfolio</span></div>
</a>
</div>
</div>
<div id="fullpage">
<main class="container-fluid">
<div id="section1" class="row section" >
<div class="col-md-12">
<img src="./img/logo-fond.png" alt="logo Mélisande NOEL"/>
<h1>Créatrice de vos contenus Web</h1>
</div>
<div id="multilangue">
<a href="https://en.melisande-noel.fr/"><img src="./img/flag-en.png" alt="English version" title="English version"/></a>
</div>
</div>
<div id="section2" class="section">
<div class="row">
<h2 class="col-md-12">Mes services</h2>
<div class="offset-md-1 col-md-4 col-sm-6 col-12 service">
<h3>Développement Web</h3>
<ul>
<li>Création de <strong>Sites Internet</strong> (HTML5, CSS3, PHP, JavaScript, Bootstrap,...)</li>
<li>Mise en place du <strong>Responsive design</strong>: adaptation de vos sites Internet sur tous les supports</li>
<li>Élaboration de <strong>Landing pages</strong>, de Newsletters et d'<strong>Emailings</strong></li>
<li>Installation de <strong>CMS</strong> (Wordpress, Joomla!, Drupal), création de thème et de modules</li>
<li>Conception de <strong>Webdesign</strong> et intégration</li>
</ul>
</div>
<div class="offset-md-2 col-md-4 col-sm-6 col-12 service">
<h3>Communication</h3>
<ul>
<li>Réalisation de <strong>Supports de communication</strong> visuelle pour le web et pour le print: affiches, cartes de visites, brochures…</li>
<li>Création de <strong>Logos</strong>, de <strong>Chartes graphiques</strong> et de Plans de communication</li>
<li><strong>Rédaction</strong> d’articles, de Communiqués de presse,…</li>
<li>Gestion des <strong>Réseaux sociaux</strong>: Facebook, Instagram, Twitter, ...</li>
<li><strong>Formations</strong><br/> Design, Webdesign, Photoshop et Illustrator, CMS, HTML, CSS, JavaScript</li>
<li><strong>Photographie</strong>: Evénementiel, Portrait individuel et de groupe</li>
</ul>
</div>
<div class="bird-container bird-container--one">
<div class="bird bird--one"></div>
</div>
<div class="bird-container bird-container--two">
<div class="bird bird--two"></div>
</div>
<div class="bird-container bird-container--three">
<div class="bird bird--three"></div>
</div>
</div>
</div>
<div id="section3" class="section">
<div class="row">
<h2 class="col-md-12">Un extrait de mon portfolio</h2>
<div class="slide">
<div class="row">
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/LoppinEtJean.webp" alt="Integration du site Loppin et Jean Wordpress"/>
<div class="col-6 col-sm-12"><h3>Site Internet</h3><p>Intégration d'une maquette sous Wordpress pour Loppin et Jean</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/NBS.webp" alt="Creation d'un mini-site pour les 150 ans de NEOMA"/>
<div class="col-6 col-sm-12"><h3>Mini Site Internet</h3><p>Réalisation d'un mini-site internet pour les 150 ans de NEOMA Business School</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/MMA.webp" alt="Intégration du site Mon Animal Adoré Wordpress"/>
<div class="col-6 col-sm-12"><h3>Site Internet</h3><p>Intégration d'une maquette sous Wordpress pour Mon Animal Adoré</p></div>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pneoma.webp" alt="Emailing Neoma BS"/>
<div class="col-6 col-sm-12"><h3>Emailing</h3><p>Réalisation pour une école de commerce de plusieurs campagnes d'emailings</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pescapelam.webp" alt="Maquette pour un evénement de Escape Lam"/>
<div class="col-6 col-sm-12"><h3>Maquette</h3><p>Création d'une maquette pour une salle éphémère d'un escape Game : Escape Lam</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pformations.webp" alt="Formations"/>
<div class="col-6 col-sm-12"><h3>Formations</h3><p>Intervenante dans différents cours pour la licence professionnelle CRRW de l'EISINE de Charleville-Mézières - Université de Reims</p></div>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pmajora.webp" alt="Charte graphique Atelier Majora"/>
<div class="col-6 col-sm-12" ><h3>Charte graphique</h3><p>Création de la charte graphique, du logo et de la carte de visite pour l'Atelier Majora</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/PneomaRS.webp" alt="Réalisation de supports de communication pour les réseaux sociaux pour Neoma BS"/>
<div class="col-6 col-sm-12"><h3>Réseaux Sociaux</h3><p>Réalisation de supports de communication pour les réseaux sociaux pour Neoma BS</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pequinoxe.webp" alt="Communication Equinoxe"/>
<div class="col-6 col-sm-12"><h3>Graphisme</h3><p>Réalisation pour une boite de nuit de sa carte de bar</p></div>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pcourlancy.webp" alt="Annuaire 2019 Courlancy Santé"/>
<div class="col-6 col-sm-12"><h3>Annuaire</h3><p>Création de l'annuaire des praticiens du groupe Courlancy Santé</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12" >
<img class="col-6 col-sm-12" src="img/Pwebcourlancy.webp" alt="Site Internet Courlancy Santé"/>
<div class="col-6 col-sm-12"><h3>Site Internet</h3><p>Refonte du site Internet du groupe Courlancy Santé</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pcourlancymap.webp" alt="Plan d'accès de la Polyclinique Reims-Bezannes Courlancy Santé"/>
<div class="col-6 col-sm-12"><h3>Graphisme</h3><p>Création du plan d'accès de la Polyclinique Reims-Bezannes du groupe Courlancy Santé</p></div>
</div>
</div>
</div>
<div class="slide">
<div class="row">
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pgif.webp" alt="Groupe Facebook Graphistes et Infographistes Francophones"/>
<div class="col-6 col-sm-12" ><h3>Réseaux Sociaux</h3><p>Gestion et modération des groupes Facebook "Graphistes et Infographistes Francophones" - 21.000 membres et " la communauté GIF, les offres d'emploi"</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/Pjournal.webp" alt="Article de Journal La Semaine des Ardennes"/>
<div class="col-6 col-sm-12" ><h3>Rédaction et Prise de photographies</h3><p>Rédaction d'articles et prises de photographies pour le journal local La Semaine des Ardennes.</p></div>
</div>
<div class="id_portfolio col-md-3 col-sm-4 col-12">
<img class="col-6 col-sm-12" src="img/PCV.webp" alt="Shooting photo Cabaret Vert"/>
<div class="col-6 col-sm-12"><h3>Photographie</h3><p>Photographe partenaire pour le Cabaret Vert 2016</p></div>
</div>
</div>
</div>
</div>
</div>
<div id="section4" class="section">
<div class="row">
<h2 class="col-md-12">À propos</h2>
<div id="propos-id" class="offset-sm-2 offset-md-2 col-12 col-md-3 col-sm-8">
<img src="img/photo.png" alt="Photo de Melisande NOEL" >
</div>
<div id="propos-txt" class="offset-sm-2 offset-md-0 col-sm-8 col-12 col-md-5">
<p>Attirée par le monde du Web depuis mon plus jeune âge, il était évident de faire de ma passion mon métier. J'ai donc orienté mes études dans ce secteur avec l’obtention d’une Licence Professionnelle en Technologies de l’Information et Communication, spécialité Web. Mes expériences dans de multiples entreprises, de la PMI à la société internationale, ont permis de faire de mes compétences un couteau-suisse.</p>
<p>Début 2019, j’ai pris la décision de me lancer en tant que freelance à temps plein. Entre flexibilité, rigueur, professionnalisme ou encore polyvalence, le choix de faire appel à un freelance est un véritable atout. Aujourd'hui, je mets mes compétences et mes connaissances dans chaque nouveau projet que l'on me confie. Et me faire confiance ajoutera à celui-ci créativité, dynamisme et encore modernisme.</p>
<p>Basée sur Reims, je suis disponible sur toute la France. N'hésitez pas à me contacter via le formulaire ci-dessous ou via les réseaux sociaux.</p>
</div>
</div>
</div>
<div id="section5" class="section">
<div class="row">
<h2 class="col-12">Une question, un devis ? Contactez-moi !</h2>
<div class="offset-sm-2 col-12 col-sm-8 formulaire">
<form action="contact.php" method="post" id="contactf" class="form-row">
<div class="col-12 col-sm-6">
<input type="text" name="name" required class="form-control form-control-lg" autocomplete="on" placeholder="Votre nom*" value=""/>
<input type="text" name="objet" required class="form-control form-control-lg" autocomplete="on" placeholder="Votre objet*" value=""/>
<input type="email" name="mail" required class="form-control form-control-lg" autocomplete="on" placeholder="Votre email*" value=""/>
</div>
<div class="col-12 col-sm-6">
<textarea name="message" class="form-control form-control-lg" rows="4" required placeholder="Votre message*"></textarea>
</div>
<div class="col-12">
<p >Question de sécurité*: Que vaut 10 - 5 ?</p>
<input type="text" name="question" required min="1" class="offset-sm-4 col-12 col-sm-4 form-control form-control-lg"/>
<p id="rgpd">Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données vous concernant (loi "Informatique et Libertés" du 6 janvier 1978 modifiée).</p>
<input type="submit" value="Envoyer" required class="btn btn-dark btn-lg"/><span id="msg_all"></span>
</div>
</form>
<div id="footer" class="row">
<div class="col-12 col-sm-6"><p><strong>Mélisande NOEL, freelance en création de contenus Web et Print. </strong><br/>N° SIRET : 81048386700034<br/><a href="mentionslegales.php" rel="noopener" >Mentions légales</a> - 2015-2024</p></div>
<div class="col-12 col-sm-6" id="reseaux">
<a href="https://www.facebook.com/melisandeNl" rel="noopener" target="_blank"><img src="./img/fb.png" alt="Facebook"/></a>
<a href="https://twitter.com/MelisandeNl" rel="noopener" target="_blank"><img src="./img/tw.png" alt="Twitter"/></a>
<a href="https://www.linkedin.com/in/melisande-noel/" rel="noopener" target="_blank"><img src="./img/in.png" alt="Linked In"/></a>
<a href="https://www.instagram.com/melisandenoel/" rel="noopener" target="_blank"><img src="./img/ig.png" alt="Instagram"/></a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<script>
window.axeptioSettings = {
clientId: "62cc2a15411fd2a00f0a748e",
cookiesVersion: "melisande-noel-fr",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/fullpage.js"></script>
<script src="./js/functions.js" type="text/javascript"></script>
</body>
</html>
