{"id":3947,"date":"2026-07-12T13:46:47","date_gmt":"2026-07-12T13:46:47","guid":{"rendered":"https:\/\/nobrainnogain.org\/graphiste\/?page_id=3947"},"modified":"2026-07-27T17:12:57","modified_gmt":"2026-07-27T17:12:57","slug":"motion-design-nantes","status":"publish","type":"page","link":"https:\/\/nobrainnogain.org\/graphiste\/motion-design-nantes\/","title":{"rendered":"Motion Design Nantes | Animation Vid\u00e9o et Motion Graphics"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce que le motion design<br> et pourquoi l&rsquo;utiliser ?<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<p class=\"wp-block-paragraph\">Vous cherchez \u00e0 dynamiser votre communication avec des animations vid\u00e9o percutantes ? En tant que motion designer bas\u00e9 \u00e0 Nantes, je cr\u00e9e des contenus anim\u00e9s qui captivent votre audience et amplifient votre message. Du simple logo anim\u00e9 aux vid\u00e9os explicatives complexes, je transforme vos id\u00e9es en animations m\u00e9morables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le motion design combine graphisme, animation et storytelling pour cr\u00e9er des vid\u00e9os qui marquent les esprits. Que ce soit pour vos r\u00e9seaux sociaux, votre site web, une pr\u00e9sentation ou un \u00e9v\u00e9nement, l&rsquo;animation vid\u00e9o est devenue incontournable pour se d\u00e9marquer \u00e0 Nantes et en Loire-Atlantique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grace au motion design je peux vous produire des cr\u00e9ations vid\u00e9os. Elles augmentent votre visibilit\u00e9 sur internet et les r\u00e9seaux sociaux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;utilisation du format vid\u00e9o est recommand\u00e9e pour les entreprises qui utilisent les r\u00e9seaux sociaux, son fort engagement, et sa capacit\u00e9 \u00e0 capter l&rsquo;attention, tout en apportant une clart\u00e9 dans la transmission des messages, et une potentielle viralit\u00e9.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;De la simple animation d&rsquo;ic\u00f4ne ou de logo, jusqu&rsquo;\u00e0 des projets plus complexes ou des cours m\u00e9trage. Ensemble, animons votre communication<strong> et rendons la impactante&nbsp;!<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/03\/Zz-Export-1.mp4\" playsinline><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/03\/Zz-Export.mp4\" playsinline><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading\">Animez votre communication avec un motion designer \u00e0 Nantes<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/animez-votre-communication.webm\" playsinline><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h3 class=\"wp-block-paragraph\"><strong>Donnez vie \u00e0 vos id\u00e9es !<\/strong><\/h3>\n<p class=\"wp-block-paragraph\">Professionnel du motion design, je transforme vos concepts en animations percutantes et captivantes.<\/p>\n<p class=\"wp-block-paragraph\">Je con\u00e7ois pour vous des contenus dynamiques qui marquent les esprits.<\/p>\n<p class=\"wp-block-paragraph\">\u2013 Animations graphiques pour valoriser vos projets. <br \/>\u2013 Vid\u00e9os explicatives modernes et engageantes. <br \/>\u2013 G\u00e9n\u00e9riques, transitions et effets visuels adapt\u00e9s \u00e0 votre identit\u00e9.<\/p>\n<p class=\"wp-block-paragraph\"><strong>Faisons passer vos messages de fa\u00e7on originale et impactante !<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"elementor-element elementor-element-b845e55 elementor-widget elementor-widget-heading\" data-id=\"b845e55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Mes services de motion design<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-bc28383 elementor-widget elementor-widget-text-editor\" data-id=\"bc28383\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<ul>\n<li>Animation d\u2019ic\u00f4ne<\/li>\n<li>Animation d\u2019infographie<\/li>\n<li>Effets sp\u00e9ciaux<\/li>\n<li>Teaser<\/li>\n<li>d\u2019\u00e9v\u00e9nements<\/li>\n<li>D\u00e9clinaison en diff\u00e9rent format ( Instagram, LinkedIn, Facebook, TikTok\u2026)<br \/>J\u2019ai travaill\u00e9 pour eux,\u00a0 iels ont \u00e9t\u00e9 pleinement satisfait.e.s:\u00a0<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue.webp\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Precomp.-6.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/02\/vignette-batgirl.jpg.webp\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/02\/Batgirl-story.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/02\/vignette-heroines.jpg.webp\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/02\/heroine-de-la-modernite.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"elementor-element elementor-element-4d013ed elementor-widget elementor-widget-heading\" data-id=\"4d013ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Formats et optimisations techniques<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-a4eac98 elementor-widget elementor-widget-text-editor\" data-id=\"a4eac98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<ul>\n<li>MP4 optimis\u00e9 web<\/li>\n<li>GIF<\/li>\n<li>Lottie file<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Lottie files : l&rsquo;avenir de l&rsquo;animation web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les Lotties files sont un nouveau format de fichier (.lottie et .json) qui est un fichier bas\u00e9 sur du code et qui est tr\u00e8s utile pour les sites Web, IOS et Android.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En veille sur les derni\u00e8res technologies, je suis \u00e0 m\u00eame de vous proposer les solutions les plus adapt\u00e9es \u00e0 vos besoins. Pour en savoir plus sur les<a href=\"https:\/\/lottiefiles.com\/\" target=\"_blank\" rel=\"noopener\"> Lottie files.<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/contact-graphiste-nantes\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/mail.svg\" alt=\"Proposer un projet\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Proposer un projet<\/span>\n      <span class=\"side top\">Contactez-moi<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/prendre-rendez-vous-graphiste-freelance-nantes-44\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/rdv.svg\" alt=\"Prendre rendez-vous\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">prendre rdv<\/span>\n      <span class=\"side top\">gratuitement<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/devis\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/devis.svg\" alt=\"Demander un devis\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Demander un devis<\/span>\n      <span class=\"side top\">En ligne<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Qu&rsquo;est-ce que le motion design et pourquoi l&rsquo;utiliser ? Vous cherchez \u00e0 dynamiser votre communication avec des animations vid\u00e9o percutantes ? En tant que motion designer bas\u00e9 \u00e0 Nantes, je cr\u00e9e des contenus anim\u00e9s qui captivent votre audience et amplifient votre message. Du simple logo anim\u00e9 aux vid\u00e9os explicatives complexes, je transforme vos id\u00e9es en &#8230; <a title=\"Motion Design Nantes | Animation Vid\u00e9o et Motion Graphics\" class=\"read-more\" href=\"https:\/\/nobrainnogain.org\/graphiste\/motion-design-nantes\/\" aria-label=\"En savoir plus sur Motion Design Nantes | Animation Vid\u00e9o et Motion Graphics\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":3789,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3947","page","type-page","status-publish","has-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/comments?post=3947"}],"version-history":[{"count":2,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3947\/revisions"}],"predecessor-version":[{"id":4744,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3947\/revisions\/4744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media\/3789"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media?parent=3947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}