Ecedi | Agence Web de communication digitale responsable

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Ecedi est une agence Web de communication digitale responsable."> <meta name="canonical" content="https://www.ecedi.fr/"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@ecedi"> <meta name="twitter:image" content="https://www.ecedi.fr/theme/images/logo-ecedi.png"> <meta name="twitter:creator" content="@ecedi"> <meta name="twitter:url" content="https://www.ecedi.fr/"> <meta property="og:site_name" content="Ecedi Agence de communication digitale responsable"> <meta property="og:title" content="Ecedi | Agence Web de communication digitale responsable"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.ecedi.fr/"> <meta property="og:description" content="Ecedi est une agence Web de communication digitale responsable. Découvrez nos clients, nos services et notre actualité."> <meta property="og:image" content="https://www.ecedi.fr/theme/images/logo-ecedi-og.png"> <title>Ecedi | Agence Web de communication digitale responsable</title> <link rel="stylesheet" type="text/css" href="./theme/styles/vendors/slick.css"/> <link rel="stylesheet" href="./theme/styles/styles.css"> <link rel="canonical" href="http://www.ecedi.fr/"> <link rel="alternate" type="application/rss+xml" title="Ecedi" href="http://www.ecedi.fr/feed.xml"/> <link rel="icon" type="image/png" sizes="192x192" href="./theme/images/favicon.ico"> <script type="module" src="https://cdn.jsdelivr.net/npm/friendly-challenge@0.9.18/widget.module.min.js" async defer ></script> <script nomodule src="https://cdn.jsdelivr.net/npm/friendly-challenge@0.9.18/widget.min.js" async defer></script> <script src="./theme/js/matomo.js"></script> <script> function onSubmit(token) { document.getElementById("contact-form").submit(); } </script> </head> <body> <div class="skip-link"> <p>Aller au</p> <ul> <li> <a href="#menu">Menu</a> </li> <li> <a href="#main">Contenu</a> </li> <li> <a href="#contact">Contact</a> </li> </ul> </div>  <header id="header"> <a href="/" rel="home" class="home-logo"> <img alt="Ecedi - Créateur conseil en nouvelles technologies - Accueil" src="./theme/images/logo-ecedi-top.png"/> </a>  <div class="header-highlight"> <div class="wrapper"> <h1>Nous sommes une agence de <br><span class="title">Communication digitale responsable</span></h1> <a href="#contact" class="btn scrollTo">Créons ensemble</a> </div> </div> </header>  <div class="navigation-wrapper"> <div id="menu" class="navigation"> <button class="navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <img alt="Ecedi - Créateur conseil en nouvelles technologies - Accueil" src="./theme/images/logo-ecedi.png" width="80px"/> </button> <nav class="main-navigation collapsed" role="navigation"> <ul class="menu"> <li><a href="#agence" class="actionbutton scrollTo">L'agence</a></li> <li><a href="#reference" class="actionbutton scrollTo">Références</a></li> <li><a href="#metiers" class="actionbutton scrollTo">Métiers</a></li> <li><a href="#recrutement" class="actionbutton scrollTo">Recrutement</a></li> <li><a href="#contact" class="actionbutton scrollTo">Contact</a></li> </ul> </nav> </div> </div> <main role="main" id="main">  <section id="agence" class="section-responsability"> <div class="wrapper"> <div class="intro"> <div class="title-area primary"> <h2>Être responsable</h2> </div> <p>Fondée en 2001 pour accompagner le déploiement du secteur associatif sur le web, l'agence ecedi s'inscrit dans une démarche éthique, sociale et responsable.</p> <p>En fil rouge, le souci de la qualité comme devise, sur l'ensemble de nos projets, qu'ils soient à destination du monde de l'ESS, des organismes sans but lucratif, du service public, du secteur privé, ou même en interne.</p> </div> <div class="ethic"> <h3>Éthique</h3> <p>en concevant des solutions numériques accessibles à tous, quel que soit le mode de consultation.</p> <h3>Social</h3> <p>en favorisant l'insertion professionnelle des personnes éloignées de l'emploi et notamment des personnes en situation de handicap. Via Simplon & l'entreprise adaptée 100% digitale Numerikea.</p> <h3>Responsable</h3> <p>en plaçant toutes les parties prenantes au cœur de la conception du projet, mais aussi en intégrant les principes d'éco-conception pour minimiser les impacts environnementaux de ses projets numériques.</p> </div> </div> <div class="triangle top purple"></div> <div class="triangle top green small"></div> <div class="triangle top green small last"></div> <div class="upside-down"> <div class="triangle top purple"></div> <div class="triangle top green small"></div> <div class="triangle top green small last"></div> </div> </section>  <section id="reference" class="section-proud"> <div class="wrapper"> <div class="title-area"> <h2>Être fier</h2> <a class="link-internal dark" href="./pages/reference.php">Toutes nos références</a> </div> <ul class="rig slider"> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.assisesdelamobilite.gouv.fr"> <img class="rig-img" src="../theme/images/mtes.png" alt="Ministère de la Transition écologique et solidaire - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Ministère de la Transition écologique et solidaire</h3> <p>Le Ministère nous confie régulièrement la mise en place de sites de concertation en ligne. Conjointement avec Strateact, ecedi a mis au point la plateforme Dialoguons, un outil permettant aux citoyens de s’exprimer sur divers sujets soumis au débat.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.metropolegrandparis.fr/fr"> <img class="rig-img" src="../theme/images/metropole_grand_paris.png" alt="Métropole du Grand Paris - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Métropole du Grand Paris</h3> <p>Ecedi assure la conception et la réalisation du nouveau site de la Métropole du Grand Paris. Entièrement repensé, le site propose de nouvelles fonctionnalités permettant de mieux comprendre le fonctionnement et la composition de la Métropole.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.sciencespo.fr/executive-education/" > <img class="rig-img" src="../theme/images/sciences_po_executive_education.png" alt="Sciences Po Executive Education - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Sciences Po Executive Education</h3> <p>Ecedi s’est vue confier la reprise et la maintenance du site institutionnel "Sciences Po Executive Education", consacré à la formation continue pour les cadres dirigeants, ainsi que la refonte de la page d’accueil, du moteur de recherche et des fiches formation. </p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://prolongementligne14-orly.fr/"> <img class="rig-img" src="../theme/images/ratp.png" alt="RATP - Prolongement de la ligne 14 - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>RATP</h3> <p>Dans le cadre du prolongement de la ligne 14, la RATP a souhaité mettre en place un site d'information destiné aux usagers et riverains. Il permet de communiquer sur l'avancement des travaux et de maintenir le dialogue avec les citoyens grâce à un système d'alerte sur abonnement.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.fondation-abbe-pierre.fr/"> <img class="rig-img" src="../theme/images/fondation_ap.png" alt="Fondation Abbé Pierre - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Fondation Abbé Pierre</h3> <p>La Fondation Abbé Pierre fait appel depuis 2 ans à ecedi pour l’élaboration et la mise en œuvre opérationnelle de ses campagnes de collecte digitale. Après “Rire pour un toit”, l’association a choisi de refaire confiance à ecedi pour sa campagne de collecte d’hiver 2018.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://labo.fnac.com/"> <img class="rig-img" src="../theme/images/labo_fnac.png" alt="Labofnac - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Labofnac</h3> <p>L'objectif était d'affirmer l'identité du Labo Fnac sur le web et de positionner le site comme référence dans le domaine des produits high-tech. Ecedi a assuré un accompagnement conseil en UX, la création graphique, la formation des administrateurs et la maintenance du site. </p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.snsm.org/"> <img class="rig-img" src="../theme/images/snsm_org.png" alt="Société Nationale des Sauveteurs en Mer - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>S.N.S.M</h3> <p>Ecedi accompagne la SNSM depuis 10 ans dans l’élaboration et la mise en œuvre de sa stratégie digitale. Elle réalise les campagnes de communication et collecte et s'est aussi vue confier la refonte du site national, des mini-sites ainsi que des espaces bénévole et donateur.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.apf-francehandicap.org/"> <img class="rig-img" src="../theme/images/apf_france_handicap.png" alt="APF France Handicap - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>APF France Handicap</h3> <p>Refonte du site institutionnel de l’association (2016) et création d'une usine à sites régionaux (2017). A cela s’ajoute la réalisation de sites spécifiques, un accompagnement stratégique et graphique sur les emailings/newsletters, ainsi que la réalisation d'une charte graphique.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.societedugrandparis.fr/"> <img class="rig-img" src="../theme/images/societe_grand_paris.png" alt="Société du grand Paris - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Société du grand Paris</h3> <p>La Société du Grand Paris a confié à ecedi la refonte de son site visant plusieurs objectifs : communication interne, concertations, enquêtes publiques, communication travaux. Depuis, la SGP nous fait confiance pour la maintenance et l'accompagnement aux évolutions du site.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" href="https://resourcepanel.org/" target="_blank"> <img class="rig-img" src="../theme/images/un_environnement.png" alt="International Resource Panel - ONU Environnement - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>International Resource Panel</h3> <p>Le programme des Nations Unies pour l'environnement (UNEP) a choisi ecedi dans son contrat-cadre d'une durée de 5 ans pour la production de divers produits digitaux orientés sur la diffusion de connaissances.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.afm-telethon.fr/"> <img class="rig-img" src="../theme/images/afm_telethon.png" alt="AFM Téléthon - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>AFM Téléthon</h3> <p>L'afm collabore avec ecedi depuis plus de 10 ans et notamment durant le Téléthon. Elle s'est vue confier la refonte du site institutionnel, du site événementiel, la création de la mosaïque des donateurs, les formulaires de don et l'application statistique.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="http://www.memorialdelashoah.org/"> <img class="rig-img" src="../theme/images/memorial_shoah.png" alt="Mémorial de la Shoah - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Mémorial de la Shoah</h3> <p>Le Mémorial de la Shoah a confié à ecedi la refonte de son site institutionnel et celle de l'ensemble de son écosystème numérique. Conçu sous WordPress, le site est une porte d'entrée vers le musée, les bases documentaires, et l'agenda où sont regroupés les temps forts de la vie du musée.</p> </div> </a> </li> <li class="rig-item slide-item"> <a href="https://www.agenda-2030.fr/" class="rig-cell" title="Ministère de la Transition écologique et solidaire, Nouvelle fenêtre" target="_blank"> <img class="rig-img slide" src="./theme/images/mtes_agenda.png" alt=""> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Ministère de la Transition écologique et solidaire</h3> <p>Le ministère a confié à ecedi la stratégie, la conception et la production de ses différents applicatifs numériques (marché de 4 ans). Le site Agenda 2030 a été réalisé sous Drupal 8.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="http://www.iiep.unesco.org/fr"> <img class="rig-img" src="../theme/images/unesco_iiep.png" alt="UNESCO IIEP - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>UNESCO IIEP</h3> <p>Dans le cadre de la mise en œuvre de sa nouvelle stratégie à moyen terme 2014-2017, cet Institut de formation et de recherche de l'UNESCO a fait confiance à ecedi pour la refonte intégrale de son site institutionnel et son évolution pour les années à venir.</p> </div> </a> </li> <li class="rig-item"> <a class="rig-cell" target="_blank" href="https://www.sidaction.org/"> <img class="rig-img" src="../theme/images/sidaction_org.png" alt="Sidaction - Nouvelle fenêtre"> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Sidaction</h3> <p>Depuis 2008, Sidaction fait confiance à ecedi pour mener à bien l’ensemble de ses projets digitaux (Site institutionnel / Formulaire de don / Applicatif dédié / Webmarketing). L’agence assure un rôle de conseil et de production, particulièrement axé sur la collecte en ligne.</p> </div> </a> </li> <li class="rig-item slide-item"> <a href="https://www.label-emmaus.co/fr/" class="rig-cell" title="Label Emmaüs - boutique en ligne, Nouvelle fenêtre" target="_blank"> <img class="rig-img slide" src="./theme/images/label_emmaus.png" alt=""> <div class="rig-overlay"></div> <div class="rig-text"> <h3>Label emmaüs</h3> <p>Lancement d'une marketplace solidaire pour Emmaüs dont l'ambition est de proposer sur Internet une véritable alternative aux sites marchands classiques, en portant les valeurs du mouvement.</p> </div> </a> </li> </ul> <div class="pager"> <div class="currentSlide">1</div> <div class="slideCount"></div> </div> </div> </section>   <section id="metiers" class="section-expert"> <div class="wrapper"> <div class="title-area primary"> <h2 class="">Être expert</h2> </div> <div class="skills-wrapper"> <ul class="skills-item"> <li class="item strategy"> <h3>Stratégie</h3> <p>Audit marketing, fonctionnel et technique, AMOA, stratégie de contenu</p> </li> <li class="item conception"> <h3>Conception</h3> <p>UX / UI, spécifications fonctionnelles & techniques, conseil éditorial, AMOA</p> </li> <li class="item production"> <h3>Production</h3> <p>Déclinaison graphique, développement, intégration de contenus, tests, AMOE</p> </li> <li class="item run"> <h3>Run</h3> <p>Reporting, maintenance, hébergement, animation & suivi éditorial.</p> </li> <li class="item quality"> <h3>Qualité</h3> <p>Audit & conseil qualité (accessibilité numérique, sécurité, performances, ergonomie), formation, AMOA, AMOE</p> </li> </ul> </div> <div class="logo-techno"> <div class="logo-tech1"> <div class="tech1"> <img src="././theme/images/logo-Drupal.png" alt="Drupal"> <img src="././theme/images/logo-Wordpress.jpg" alt="Wordpress"> <img src="././theme/images/logo-java.png" alt="Java"> </div> <div class="tech2"> <img src="././theme/images/logo-Spip.png" alt="Spip"> <img src="././theme/images/logo-typo3.png" alt="Typo 3"> <img src="././theme/images/logo-EZ.png" alt="EZ publisher"> </div> </div> <div class="separator"> <div class="slash"></div> </div> <div class="logo-tech2"> <div class="tech3"> <img src="././theme/images/logo-Symfony.png" alt="Symfony"> <img src="././theme/images/logo-Angular.png" alt="Angular"> <img src="././theme/images/logo-Laravel.jpg" alt="Laravel"> <img src="././theme/images/logo-Meteor.png" alt="Meteor"> </div> <div class="tech4"> <img src="././theme/images/logo-React.png" alt="React"> <img src="././theme/images/logo-React-native.png" alt="React native"> <img src="././theme/images/logo-Zend-Framework.png" alt="Zend Framework"> </div> </div> </div> </div> </section>  <section id="recrutement" class="section-join-us"> <div class="wrapper"> <div class="title-area"> <h2 class="pink">Être parmi nous</h2> </div> <div class="recruitment-wrapper"> <p class="expose"> Chez ecedi, nous ne recherchons pas particulièrement un diplôme : nous croyons profondément que le numérique peut être un levier de reconversion. Nous recherchons des personnes sensibilisées au numérique responsable, ayant envie de se questionner avec nous sur la manière de construire un numérique plus sobre, plus qualitatif et plus accessible à toutes et à tous. Si un poste de chef-fe de projets, dév, designer-euse ou directeur-rice de projets t'intéresse, et si tu partages nos convictions, rejoins-nous ! </p> <p class="links"> <a href="https://www.welcometothejungle.com/fr/companies/ecedi" target="_blank" title="Vers welcometothejungle.com, nouvelle fenêtre"> Découvre l'entreprise </a> <a href="https://ecedi.welcomekit.co/" target="_blank" title="Vers ecedi.welcomekit.co, nouvelle fenêtre"> Découvre nos recrutements en cours </a> </p> </div> </div> </section>  <div class="gotop-row" id="form"> <a href="#header" class="gotop-button scrollTo"> <span class="hidden-text">Haut de page</span> </a> </div>  <section id="contact" class="section-contact"> <div class="map"> <div class="mapParis card"> <div class="city"> <p class="paris">Paris</p> <div class="separator">/</div> <button type="button" class="grenoble">Grenoble</button> </div> <div class="block-address paris"> <h2 class="title">Paris</h2> <address> 91 avenue de la République<br/> 75011 Paris, France </address> <div class="phone-mail"> <p>+33 1 70 95 70 70</p> <a href="mailto:contact@ecedi.fr">contact@ecedi.fr</a> </div> </div> </div> <div class="mapGrenoble card"> <div class="city"> <button type="button" class="paris">Paris</button> <div class="separator">/</div> <p class="grenoble">Grenoble</p> </div> <div class="block-address grenoble"> <h2 class="title">Grenoble</h2> <address> 30, boulevard Gambetta<br/> 38000 Grenoble, France </address> <div class="phone-mail"> <p>+33 1 70 95 70 70</p> <a href="mailto:contact@ecedi.fr">contact@ecedi.fr</a> </div> </div> </div> </div> <div class="form-contact"> <div class="wrapper"> <div class="triangle top purple small"></div> <div class="triangle top purple small mid1"></div> <div class="triangle top purple small mid2"></div> <div class="triangle top purple small last"></div> <h2>Contactez-nous</h2> <form action="/#form" enctype="application/x-www-form-urlencoded" id="contact-form" method="post"> <div class="field-prenom field-form-item"> <label class="placeholder" for="prenom">Nom & prénom</label> <input class="form-input" id="prenom" type="text" name="prenom" maxlength="50" size="30" required> </div> <div class="field-email field-form-item"> <label class="placeholder" for="email">Email</label> <input class="form-input email" id="email" type="text" name="email" maxlength="80" size="30" required> </div> <div class="field-select field-form-item"> <label class="placeholder" for="wishlist">Vous souhaitez</label> <select id="wishlist" name="wishlist" required> <option selected disabled>Vous souhaitez</option> <option value="projet">Nous parler de vos projets web</option> <option value="postuler">Postuler</option> <option value="autre">Autre</option> </select> </div> <div class="field-email field-form-textarea"> <label class="placeholder message" for="message">Message</label> <textarea class="form-input" id="message" name="message" maxlength="1000" cols="25" rows="6" required></textarea> </div> <a class="link" title="Politique de confidentialité" href="./pages/confidentialite.php">Politique de confidentialité</a> <div class="frc-captcha" data-sitekey="FCMQO1LRK7I57F6B" data-lang="fr"></div> <button type="submit" id="submit-contact-form-button" class="btn sub-inactive contact-submit"> Envoyer </button> </form> <script type="text/javascript" src="/contact-form/public/js/contact-form.js"></script> <script type="text/javascript"> new ContactForm('#contact-form'); </script> </div> <div class="printArea"></div> </div> </section> </main> <footer class="footer"> <div class="col"> <ul class="links"> <li><a title="Club Ecedi, nouvelle fenêtre" href="https://www.club-ecedi.com/login" target="_blank">Club Ecedi</a></li> <li><a href="/pages/legal.php">Mentions légales et Cookies</a></li> <li><a href="/pages/accessibilite.php">Accessibilité</a></li> </ul> <div class="ctrla"> <img class="" alt="ctrla" src="/theme/images/logo-ctrla.svg" width="160"> <p>ecedi fait partie du groupe <a href="https://www.ctrla.fr/" target="_blank" title="Site de Ctrla (nouvelle fenêtre)">ctrla</a>, pour un numérique juste et utile.</p> </div> </div> <div class="col partners-rs"> <ul class="partners"> <li> <a href="http://www.numerik-ea.fr/" target="_blank" title="Site de Numerik_ea (nouvelle fenêtre)"><img class="" alt="Site de Numerik_ea (nouvelle fenêtre)" src="/theme/images/logo-Numerikea.png"/></a> </li> <li> <a href="https://plus.ecedi.fr/" target="_blank" title="Site de Plus le collectif d'Ecedi (nouvelle fenêtre)"><img class="" alt="Site de Plus le collectif d'Ecedi (nouvelle fenêtre)" src="/theme/images/logo-Collectif-plus.png"/></a> </li> </ul> <ul class="social"> <li> <a class="twitter" href="https://twitter.com/ecedi" target="_blank" title="Suivez-nous sur Twitter (nouvelle fenêtre)">Suivez-nous sur Twitter</a> </li> <li> <a class="facebook" href="https://www.facebook.com/Agence.Ecedi" target="_blank" title="Suivez-nous sur Facebook (nouvelle fenêtre)">Suivez-nous sur Facebook</a> </li> <li> <a class="linkedin" href="https://www.linkedin.com/company/ecedi/" target="_blank" title="Suivez-nous sur Linkedin (nouvelle fenêtre)">Suivez-nous sur Linkedin</a> </li> </ul> </div> </footer> <script src="./theme/js/vendor/jquery/dist/jquery.js"></script> <script src="./theme/js/vendor/jquery-ui/jquery-ui.js"></script> <script src="./theme/js/vendor/slick.js"></script> <script src="./theme/js/vendor/jquery.validate.js"></script> <script src="./theme/js/map.js"></script> <script src="./theme/js/slider.js"></script> <script src="./theme/js/connected.js"></script> <script src="./theme/js/navigation.js"></script> <script src="./theme/js/scrolling.js"></script> <script src="./theme/js/form.js"></script> <script src="./theme/js/tabs.js"></script> <script src="./theme/js/join-us.js"></script> <script src="./theme/js/skip-link.js"></script> </body> </html>

CINXE.COM

Ecedi | Agence Web de communication digitale responsable