{"id":12957,"date":"2026-10-10T16:53:58","date_gmt":"2026-10-10T14:53:58","guid":{"rendered":"https:\/\/www.freshorganicmotion.com\/?page_id=12957"},"modified":"2026-10-11T13:56:18","modified_gmt":"2026-10-11T11:56:18","slug":"motion-design-nantes","status":"publish","type":"page","link":"https:\/\/www.freshorganicmotion.com\/es\/motion-design-nantes\/","title":{"rendered":"Agence motion design Nantes | Studio d&rsquo;animation 2D et 3D"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12957\" class=\"elementor elementor-12957\">\n\t\t\t\t<div class=\"elementor-element elementor-element-669727d e-con-full e-flex e-con e-parent\" data-id=\"669727d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76b04fa elementor-widget elementor-widget-html\" data-id=\"76b04fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 1 sur 8 : widget HTML Elementor n&#176;1 -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');\n@font-face{font-family:'Dotties Vanilla Black';src:url('https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/DottiesVanilla-Black.otf') format('opentype');font-display:swap}\n\/* Charte FOM v2 : cr\\0000e8me, marron, corail (CTA), menthe (accents), violet Mimi, jaune, teal (fonds sombres) *\/\n.fom-mdn{--white:#FFFFFF;--cream:#FFF4F2;--surface:#FFFFFF;--rose:#FFD8DE;--line:rgba(88,43,40,.12);--ink:#582b28;--ink-soft:#8B4A3A;\n  --signal:#00c4b4;--signal-d:#009E91;--signal-l:#00c4b4;--warm:#FF5A3C;--warm-d:#582b28;--violet:#b08fcc;--jaune:#F5C518;--teal:#1B4A4B;\n  --display:\"Dotties Vanilla Black\",\"Tajawal\",system-ui,sans-serif;--sans:\"Tajawal\",system-ui,-apple-system,sans-serif;\n  --mono:\"Tajawal\",system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1);\n  --glow:0 4px 24px rgba(255,90,60,.32);\n  --sh-s:0 2px 12px rgba(88,43,40,.07);--sh-c:0 8px 32px rgba(88,43,40,.12);--sh-h:0 24px 64px rgba(88,43,40,.16);\n  --r:20px;--r-lg:28px;--r-xl:32px;--pill:100px;\n  background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;\n  -webkit-font-smoothing:antialiased;overflow:hidden;position:relative}\n.fom-mdn *,.fom-mdn *::before,.fom-mdn *::after{box-sizing:border-box}\n.fom-mdn :where(h1,h2,h3,p,ul,figure){margin:0;padding:0}\n.fom-mdn a{color:inherit}\n.fom-mdn img{max-width:100%;display:block;height:auto}\n.fom-mdn svg{display:block;width:100%;height:auto;overflow:visible}\n.fom-mdn .w{max-width:1160px;margin-inline:auto;padding-inline:24px;position:relative;z-index:1}\n.fom-mdn section{padding:clamp(66px,9vw,112px) 0;position:relative}\n.fom-mdn h1,.fom-mdn h2,.fom-mdn h3{font-family:var(--display);line-height:1.1;letter-spacing:0;font-weight:900;color:var(--ink)}\n.fom-mdn h1{font-size:clamp(2.3rem,4.6vw,3.7rem);margin-bottom:24px}\n.fom-mdn h2{font-size:clamp(1.95rem,3.8vw,3.05rem);margin-bottom:18px}\n.fom-mdn h3{font-size:1.3rem;line-height:1.2}\n.fom-mdn p{margin-bottom:14px}\n.fom-mdn .lead{font-size:clamp(1.05rem,1.5vw,1.24rem);color:var(--ink-soft);max-width:58ch}\n.fom-mdn .soft{color:var(--ink-soft)}\n.fom-mdn .tag{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-d);\n  display:flex;align-items:center;gap:14px;margin-bottom:22px;font-weight:800}\n.fom-mdn .tag::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--warm);flex:none}\n.fom-mdn .hl{padding:0 .12em;margin:0 -.12em;background:linear-gradient(transparent 56%,rgba(0,196,180,.32) 56%);\n  -webkit-box-decoration-break:clone;box-decoration-break:clone}\n.fom-mdn .mono{font-family:var(--mono)}\n.fom-mdn .halo{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(14px);\n  background:radial-gradient(circle,rgba(0,196,180,.34) 0%,rgba(0,196,180,.12) 38%,transparent 70%)}\n.fom-mdn .halo.warm{background:radial-gradient(circle,rgba(255,90,60,.32) 0%,rgba(255,90,60,.1) 38%,transparent 70%)}\n.fom-mdn .alt{background:var(--surface);box-shadow:var(--sh-c);border-radius:var(--r-xl);margin-inline:clamp(12px,2vw,26px);overflow:hidden}\n\n\/* boutons *\/\n.fom-mdn .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:var(--pill);\n  font-family:var(--sans);font-weight:800;font-size:1.02rem;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;\n  transition:transform .25s var(--ease),background .2s,border-color .2s,color .2s,box-shadow .3s}\n.fom-mdn .btn-primary{background:var(--warm);color:var(--cream);box-shadow:var(--glow)}\n.fom-mdn .btn-primary:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px);box-shadow:var(--sh-c)}\n.fom-mdn .btn-ghost{border:2px solid var(--ink);color:var(--ink);background:transparent;padding:12px 24px}\n.fom-mdn .btn-ghost:hover{background:var(--ink);color:var(--cream)}\n.fom-mdn .ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}\n.fom-mdn :focus-visible{outline:2px solid var(--signal);outline-offset:3px}\n\n\/* animations isom\\0000e9triques *\/\n.fom-mdn .iso-flow{animation:mdnFlow 1.6s linear infinite}\n@keyframes mdnFlow{to{stroke-dashoffset:-18}}\n.fom-mdn .iso-bob{animation:mdnBob 4.2s var(--ease) infinite}\n.fom-mdn .iso-bob.b2{animation-duration:5.2s;animation-delay:-1.4s}\n.fom-mdn .iso-bob.b3{animation-duration:6s;animation-delay:-2.6s}\n@keyframes mdnBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}\n.fom-mdn .iso-hook{animation:mdnBob 3.4s ease-in-out infinite}\n.fom-mdn .iso-pulse{transform-box:fill-box;transform-origin:center;animation:mdnPulse 2.6s ease-out infinite}\n.fom-mdn .iso-pulse.big{animation-duration:2.1s}\n@keyframes mdnPulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.2);opacity:0}}\n\n\/* HERO *\/\n.fom-mdn .hero{padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,80px);overflow:hidden}\n.fom-mdn .hero-grid{position:absolute;inset:-60px;z-index:0;pointer-events:none;\n  background-image:linear-gradient(rgba(0,196,180,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,196,180,.13) 1px,transparent 1px);\n  background-size:52px 52px;animation:mdnGrid 5s linear infinite;\n  -webkit-mask-image:radial-gradient(ellipse 70% 66% at 50% 40%,#000 6%,transparent 74%);mask-image:radial-gradient(ellipse 70% 66% at 50% 40%,#000 6%,transparent 74%)}\n@keyframes mdnGrid{to{background-position:52px 52px,52px 52px}}\n.fom-mdn .hero .halo{width:min(900px,120vw);aspect-ratio:1;top:-40%;right:-20%;animation:mdnBreathe 11s var(--ease) infinite}\n@keyframes mdnBreathe{50%{transform:scale(1.08);opacity:.65}}\n.fom-mdn .hero .w{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center}\n.fom-mdn .pill{display:inline-flex;align-items:center;gap:11px;background:var(--white);box-shadow:var(--sh-s);\n  border-radius:var(--pill);padding:8px 18px;font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--signal-d);font-weight:800;margin-bottom:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}\n.fom-mdn .pill::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--warm);animation:mdnBlink 2.6s ease-in-out infinite}\n@keyframes mdnBlink{50%{opacity:.35}}\n.fom-mdn .hero .lead{margin-bottom:32px}\n.fom-mdn .hero-note{font-family:var(--mono);font-size:.86rem;font-weight:700;color:var(--ink-soft);margin-top:22px}\n.fom-mdn .scene{position:relative;width:122%;margin-left:-4%}\n.fom-mdn .scene .tile{width:100%;filter:drop-shadow(0 30px 40px rgba(88,43,40,.14))}\n.fom-mdn .scene .mimi{position:absolute;width:30%;transform:translate(-50%,-92%);filter:drop-shadow(0 14px 18px rgba(88,43,40,.18));animation:mdnBob 5s var(--ease) infinite}\n.fom-mdn .scene .chip{position:absolute;font-family:var(--mono);font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;\n  background:var(--white);border:1px solid var(--line);border-radius:var(--pill);padding:6px 12px;color:var(--ink);white-space:nowrap;\n  box-shadow:0 10px 26px -14px rgba(88,43,40,.45)}\n.fom-mdn .scene .chip b{color:var(--warm);font-weight:900}\n\n\n\/* HERO ANIM\\0000c9 : arriv\\0000e9e (drop), flottement (bob) et parallaxe (hs-isl) sur trois calques s\\0000e9par\\0000e9s *\/\n.fom-mdn .hs{position:relative;width:100%;--mx:0;--my:0}\n.fom-mdn .hs-riv{position:absolute;inset:0;width:100%;height:100%;overflow:visible}\n.fom-mdn .hs-fade{-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 55%,#000 55%,transparent 100%)}\n.fom-mdn .hs-bank{fill:none;stroke:rgba(0,196,180,.22);stroke-width:120;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:mdnDraw 1.6s .1s var(--ease) forwards}\n.fom-mdn .hs-water{fill:none;stroke:#00c4b4;stroke-width:46;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:mdnDraw 1.6s .25s var(--ease) forwards}\n.fom-mdn .hs-flow{fill:none;stroke:#FFF4F2;stroke-width:5;stroke-linecap:round;stroke-dasharray:6 34;opacity:0;animation:mdnFlowL 2.4s linear infinite,mdnFade .6s 1.4s forwards}\n.fom-mdn .hs-glint{fill:#FFF4F2;opacity:0;animation:mdnFade .6s 1.6s forwards;filter:drop-shadow(0 0 6px #fff)}\n@keyframes mdnDraw{to{stroke-dashoffset:0}}\n@keyframes mdnFlowL{to{stroke-dashoffset:-40}}\n@keyframes mdnFade{to{opacity:.85}}\n.fom-mdn .hs-sh{transform-box:fill-box;transform-origin:center;animation:mdnShadow 6s ease-in-out infinite}\n@keyframes mdnShadow{50%{transform:scale(.9);opacity:.7}}\n.fom-mdn .hs-isl{position:absolute;transform:translate3d(calc(var(--mx) * var(--d) * 1px),calc(var(--my) * var(--d) * 1px),0);transition:transform .8s var(--ease);pointer-events:none}\n.fom-mdn .hs-isl .drop{animation:mdnDrop 1s var(--t) cubic-bezier(.2,.9,.25,1.2) both}\n.fom-mdn .hs-isl .bob{position:relative;animation:mdnFloat 6s var(--f) ease-in-out infinite}\n.fom-mdn .hs-isl img{width:100%;display:block}\n@keyframes mdnDrop{from{opacity:0;transform:translateY(-90px)}60%{opacity:1}to{opacity:1;transform:none}}\n@keyframes mdnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\n.fom-mdn .hs-mimi{position:absolute;left:66%;top:52%;width:36%;transform:translate(-50%,-92%)}\n.fom-mdn .hs-mimi .pop{display:block;transform-origin:50% 100%;animation:mdnPop .7s 1.9s cubic-bezier(.2,1.4,.4,1) both}\n.fom-mdn .hs-mimi img{filter:drop-shadow(0 14px 16px rgba(88,43,40,.22));transform-origin:50% 90%;animation:mdnWave 3s 2.6s ease-in-out infinite}\n@keyframes mdnPop{from{opacity:0;transform:scale(.3) translateY(30px)}to{opacity:1;transform:none}}\n.fom-mdn .hs-pin{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;background:var(--white);color:var(--ink);font-weight:800;font-size:.72rem;letter-spacing:.06em;\n  padding:5px 11px;border-radius:var(--pill);box-shadow:var(--sh-c);opacity:0;animation:mdnPin .5s calc(var(--t) + 1.5s) cubic-bezier(.2,1.4,.4,1) both}\n.fom-mdn .hs-pin::after{content:\"\";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--white);transform:translateX(-50%) rotate(45deg);border-radius:2px}\n@keyframes mdnPin{from{opacity:0;transform:translate(-50%,-60%) scale(.6)}to{opacity:1;transform:translate(-50%,-100%)}}\n.fom-mdn .hs-tag{position:absolute;left:4%;bottom:2%;z-index:9;font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-d);opacity:0;animation:mdnFade .6s 1.8s forwards}\n@media (max-width:560px){.fom-mdn .hs-pin{font-size:.6rem;padding:3px 8px}}\n\n\/* MANIFESTE *\/\n.fom-mdn .chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--white);box-shadow:var(--sh-s);border-radius:var(--pill);margin:26px 0 40px;width:max-content;max-width:100%}\n.fom-mdn .chips button{font:800 .95rem var(--sans);color:var(--ink-soft);background:none;border:0;padding:9px 18px;border-radius:var(--pill);cursor:pointer;\n  display:inline-flex;align-items:center;gap:8px;transition:color .25s,background .25s}\n.fom-mdn .chips button::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .25s,box-shadow .25s}\n.fom-mdn .chips button[aria-pressed=\"true\"]{background:var(--ink);color:var(--cream)}\n.fom-mdn .chips button[aria-pressed=\"true\"]::before{background:var(--signal)}\n.fom-mdn .beats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}\n.fom-mdn .beats::before{content:\"\";position:absolute;left:12%;right:12%;top:86px;border-top:3px dotted var(--warm);z-index:0}\n.fom-mdn .beat{position:relative;z-index:1;background:var(--white);box-shadow:var(--sh-s);border-radius:var(--r-lg);padding:0 26px 26px;\n  transition:box-shadow .3s,transform .3s var(--ease)}\n.fom-mdn .beat:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}\n.fom-mdn .beat .ped{position:relative;width:52%;max-width:150px;margin:-46px auto 8px}\n.fom-mdn .beat .ped img{position:absolute;width:62%;transform:translate(-50%,-90%)}\n.fom-mdn .beat .who{font-family:var(--mono);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-d);display:block;margin-bottom:10px;font-weight:600}\n.fom-mdn .beat strong{display:block;font-weight:700;font-size:1.06rem;line-height:1.5;transition:opacity .25s,transform .25s var(--ease)}\n.fom-mdn .beat strong.out{opacity:0;transform:translateY(8px)}\n.fom-mdn .beats-wrap{padding-top:60px}\n\n\/* AVANT \/ APR\\0000c8S *\/\n.fom-mdn .ba{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:center}\n.fom-mdn .compare{position:relative;aspect-ratio:1\/1;border-radius:var(--r-xl);overflow:hidden;background:var(--white);\n  box-shadow:var(--sh-c);touch-action:pan-y;user-select:none;-webkit-user-select:none}\n.fom-mdn .compare .bg{position:absolute;inset:0;background:var(--white)}\n.fom-mdn .compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4%;pointer-events:none}\n.fom-mdn .compare .after-bg{position:absolute;inset:0;background:var(--rose);clip-path:inset(0 0 0 var(--pos,50%))}\n.fom-mdn .compare .after{clip-path:inset(0 0 0 var(--pos,50%))}\n.fom-mdn .compare .bar{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:3px;background:var(--ink);transform:translateX(-50%);box-shadow:0 0 14px rgba(0,196,180,.8)}\n.fom-mdn .compare .knob{position:absolute;top:50%;left:var(--pos,50%);transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;\n  background:var(--ink);border:3px solid var(--cream);box-shadow:var(--sh-c);display:grid;place-items:center;color:var(--cream);font-weight:800;pointer-events:none}\n.fom-mdn .compare .lab{position:absolute;top:16px;font-family:var(--mono);font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:var(--pill);background:var(--ink);color:var(--cream)}\n.fom-mdn .compare .l1{left:16px}.fom-mdn .compare .l2{right:16px;background:var(--signal);color:var(--ink)}\n.fom-mdn .compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}\n\n\/* MOTION GRAPHICS VS PERSONNAGE *\/\n.fom-mdn .vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}\n.fom-mdn .vcard{position:relative;overflow:hidden;box-shadow:var(--sh-c);background:var(--white);border-radius:var(--r-xl);padding:clamp(24px,3vw,34px);display:grid;grid-template-columns:1fr 42%;gap:18px;align-items:center}\n.fom-mdn .vcard .who{font-family:var(--mono);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-d);display:block;margin-bottom:12px;font-weight:600}\n.fom-mdn .vcard h3{font-size:1.6rem;margin-bottom:10px}\n.fom-mdn .vcard p{color:var(--ink-soft);font-size:.95rem;margin:0}\n.fom-mdn .vcard.hot{background:var(--teal);color:var(--cream)}\n.fom-mdn .vcard.hot h3{color:var(--cream)}.fom-mdn .vcard.hot p{color:rgba(255,244,242,.72)}.fom-mdn .vcard.hot .who{color:var(--signal-l)}\n.fom-mdn .vcard.hot .halo{width:90%;aspect-ratio:1;right:-30%;top:-30%;left:auto}\n.fom-mdn .vcard.hot img{position:relative;z-index:1;filter:drop-shadow(0 16px 20px rgba(0,0,0,.35));animation:mdnWave 3s ease-in-out infinite;transform-origin:50% 90%}\n@keyframes mdnWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg) translateY(-4px)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg) translateY(-2px)}}\n.fom-mdn .note{margin-top:22px;font-family:var(--mono);font-size:1rem;color:var(--ink-soft)}\n.fom-mdn .note b{color:var(--ink)}\n\n\/* EXEMPLE GRDF *\/\n.fom-mdn .case{display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:var(--white);border-radius:var(--r-xl);overflow:hidden;margin-top:40px;box-shadow:var(--sh-c);transition:box-shadow .3s}\n.fom-mdn .case:hover{box-shadow:var(--sh-h)}\n.fom-mdn .thumb{position:relative;aspect-ratio:16\/9;background:var(--ink);border:0;padding:0;margin:0;width:100%;height:100%;cursor:pointer;display:block;overflow:hidden}\n.fom-mdn .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}\n.fom-mdn .thumb:hover img{transform:scale(1.03)}\n.fom-mdn .thumb .play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:var(--warm);box-shadow:var(--glow);display:grid;place-items:center;transition:transform .3s var(--ease)}\n.fom-mdn .thumb:hover .play{transform:scale(1.12)}\n.fom-mdn .thumb .play svg{width:26px;margin-left:4px}\n.fom-mdn .thumb .dur{position:absolute;left:16px;bottom:16px;font-family:var(--mono);font-weight:800;font-size:.8rem;letter-spacing:.12em;background:rgba(88,43,40,.85);color:var(--cream);padding:5px 11px;border-radius:var(--pill)}\n.fom-mdn .thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n.fom-mdn .case .meta{padding:clamp(24px,3vw,36px);display:flex;flex-direction:column}\n.fom-mdn .case .client{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;color:var(--signal-d);text-transform:uppercase;font-weight:800}\n.fom-mdn .case h3{font-size:1.5rem;margin:10px 0 10px}\n.fom-mdn .case p{color:var(--ink-soft);font-size:.95rem}\n.fom-mdn .partis{list-style:none;display:grid;gap:10px;margin:8px 0 18px;padding:0}\n.fom-mdn .partis li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;line-height:1.45}\n.fom-mdn .partis li span{font-family:var(--mono);font-size:.8rem;font-weight:900;color:var(--ink);background:var(--jaune);border-radius:var(--pill);padding:3px 7px;flex:none;margin-top:1px}\n.fom-mdn .kpi{margin-top:auto;padding-top:14px;border-top:2px solid var(--line);font-family:var(--mono);font-weight:700;font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--ink)}\n.fom-mdn .more{margin-top:16px;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;text-decoration:none;font-size:1rem;font-weight:800;color:var(--warm);transition:gap .25s var(--ease)}\n.fom-mdn .more:hover{gap:14px}\n.fom-mdn .more i{width:26px;height:26px;border-radius:50%;border:2px solid var(--warm);display:grid;place-items:center;font-style:normal;font-size:.95rem;transition:background .25s,color .25s}\n.fom-mdn .more:hover i{background:var(--warm);color:var(--cream)}\n.fom-mdn .loop{margin-top:28px;border-radius:var(--r-lg);background:var(--cream);padding:22px clamp(14px,3vw,34px) 14px}\n.fom-mdn .loop .tag{margin-bottom:6px}\n.fom-mdn .loop svg{max-width:760px;margin-inline:auto}\n\n\/* M\\0000c9THODE *\/\n.fom-mdn .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;align-items:start}\n.fom-mdn .step{text-align:left;font:inherit;color:inherit;background:var(--white);border:0;box-shadow:var(--sh-s);border-radius:var(--r-lg);padding:22px;cursor:pointer;\n  transition:background .3s,color .3s,transform .3s var(--ease),box-shadow .3s,border-color .3s}\n.fom-mdn .step:hover{transform:translateY(-3px);box-shadow:var(--sh-c)}\n.fom-mdn .step .lieu{display:block;aspect-ratio:1\/0.82;margin:-6px -6px 10px;display:grid;place-items:center}\n.fom-mdn .step .lieu img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}\n.fom-mdn .step:hover .lieu img{transform:translateY(-4px) scale(1.02)}\n.fom-mdn .step .lieu-nom{display:block;font-size:.8rem;color:var(--ink-soft);font-style:italic;margin-bottom:12px;line-height:1.35;min-height:2.7em}\n.fom-mdn .step[aria-expanded=\"true\"] .lieu-nom{color:rgba(255,244,242,.7)}\n.fom-mdn .step .n{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;color:var(--signal-d);font-weight:800;display:block}\n.fom-mdn .step h3{margin:6px 0 0;font-size:1.12rem}\n.fom-mdn .step p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink-soft);max-height:0;overflow:hidden;opacity:0;transition:max-height .45s var(--ease),opacity .35s,margin .35s}\n.fom-mdn .step[aria-expanded=\"true\"]{background:var(--teal);color:var(--cream);box-shadow:var(--sh-h)}\n.fom-mdn .step[aria-expanded=\"true\"] h3{color:var(--cream)}\n.fom-mdn .step[aria-expanded=\"true\"] .n{color:var(--signal-l)}\n.fom-mdn .step[aria-expanded=\"true\"] p{max-height:220px;opacity:1;margin-top:10px;color:rgba(255,244,242,.74)}\n\n\/* NANTES *\/\n.fom-mdn .local{background:var(--teal);color:var(--cream);border-radius:var(--r-xl);margin-inline:clamp(12px,2vw,26px);overflow:hidden}\n.fom-mdn .local h2{color:var(--cream)}\n.fom-mdn .local .tag{color:var(--signal-l)}\n.fom-mdn .local p{color:rgba(255,244,242,.78)}\n.fom-mdn .local p strong{color:var(--cream)}\n.fom-mdn .local .halo{width:70%;aspect-ratio:1;right:-10%;top:-20%}\n.fom-mdn .local .w{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center}\n.fom-mdn .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}\n.fom-mdn .pills span{border:2px solid rgba(255,244,242,.2);border-radius:var(--pill);padding:5px 14px;font-size:.92rem;color:var(--cream)}\n.fom-mdn .mapbox{position:relative}\n.fom-mdn .mapbox .tb{position:absolute;width:15%;transform:translate(-50%,-93%);filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}\n.fom-mdn .mapbox .nantes-pin{position:absolute;transform:translate(0,-50%);background:var(--signal);color:var(--ink);font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:var(--pill);box-shadow:0 6px 18px rgba(0,0,0,.25)}\n.fom-mdn .mapbox .groom{position:absolute;width:17%;transform:translate(-50%,-90%);filter:drop-shadow(0 18px 22px rgba(0,0,0,.4))}\n.fom-mdn .remote{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(255,244,242,.14);border:2px solid rgba(255,244,242,.14);border-radius:var(--r);overflow:hidden;margin-top:26px}\n.fom-mdn .remote div{background:var(--teal);padding:14px 16px}\n.fom-mdn .remote b{display:block;font-family:var(--display);font-size:1.4rem;font-weight:900;color:var(--signal-l);line-height:1.1}\n.fom-mdn .remote span{font-size:.78rem;color:rgba(255,255,255,.66);line-height:1.35;display:block;margin-top:4px}\n\n\/* FORMATS *\/\n.fom-mdn .formats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}\n.fom-mdn .fmt{background:var(--white);padding:26px 22px;border-radius:var(--r-lg);box-shadow:var(--sh-c);position:relative;overflow:hidden;transition:box-shadow .3s}\n.fom-mdn .fmt::before{content:\"\";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bar,var(--warm))}\n.fom-mdn .fmt:nth-child(2){--bar:var(--signal)}.fom-mdn .fmt:nth-child(3){--bar:var(--violet)}.fom-mdn .fmt:nth-child(4){--bar:var(--jaune)}\n.fom-mdn .fmt:hover{box-shadow:var(--sh-h)}\n.fom-mdn .fmt .iso-fmt{width:120px;margin-bottom:16px;transition:transform .4s var(--ease)}\n.fom-mdn .fmt:hover .iso-fmt{transform:translateY(-5px)}\n.fom-mdn .fmt h3{font-size:1.06rem;margin-bottom:6px}\n.fom-mdn .fmt p{font-size:.9rem;color:var(--ink-soft);margin:0}\n.fom-mdn .fmt a{color:var(--signal-d)}\n\n\/* FAQ *\/\n.fom-mdn .faq{max-width:860px}\n.fom-mdn details{background:var(--white);border-radius:var(--r);margin-bottom:12px;box-shadow:var(--sh-s);padding-left:24px}\n.fom-mdn summary{list-style:none;cursor:pointer;padding:22px 56px 22px 0;font-weight:800;font-size:1.1rem;position:relative;line-height:1.4}\n.fom-mdn summary::-webkit-details-marker{display:none}\n.fom-mdn summary::after{content:\"+\";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--cream);color:var(--ink);\n  display:grid;place-items:center;font-family:var(--sans);font-weight:500;font-size:1.1rem;transition:transform .3s var(--ease),background .25s,color .25s}\n.fom-mdn details[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--ink);color:var(--cream)}\n.fom-mdn details .a{padding:0 56px 22px 0;color:var(--ink-soft)}\n.fom-mdn details .a p{margin:0}\n.fom-mdn details a{color:var(--signal-d)}\n\n\/* CTA *\/\n.fom-mdn .cta-card{position:relative;overflow:hidden;background:var(--rose);border-radius:var(--r-xl);padding:clamp(34px,5vw,60px);\n  box-shadow:var(--sh-c);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center}\n.fom-mdn .cta-card .halo{width:60%;aspect-ratio:1;left:-14%;top:-40%}\n.fom-mdn .cta-card>*:not(.halo){position:relative;z-index:1}\n.fom-mdn .cta-art{position:relative;width:clamp(240px,30vw,380px)}\n.fom-mdn .cta-art .tile{width:100%}\n.fom-mdn .cta-art .mimi{position:absolute;width:30%;left:55%;top:80%;transform:translate(-50%,-92%);filter:drop-shadow(0 16px 20px rgba(88,43,40,.25))}\n.fom-mdn .cta-card .lead{margin-bottom:24px}\n\n\/* apparition *\/\n.fom-anim .fom-mdn .rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\n.fom-anim .fom-mdn .rv.in{opacity:1;transform:none}\n\n\/* mobile *\/\n@media (max-width:960px){\n  .fom-mdn .hero .w,.fom-mdn .ba,.fom-mdn .local .w,.fom-mdn .case{grid-template-columns:1fr}\n  .fom-mdn .scene{width:100%;max-width:640px;margin:30px auto 10px}\n  .fom-mdn .hs-tag{display:none}\n  .fom-mdn .beats{grid-template-columns:1fr;gap:64px}\n  .fom-mdn .beats::before{display:none}\n  .fom-mdn .vs{grid-template-columns:1fr}\n  .fom-mdn .steps,.fom-mdn .formats{grid-template-columns:1fr 1fr}\n  .fom-mdn .mapbox{max-width:600px}\n}\n@media (max-width:560px){\n  .fom-mdn{font-size:16px}\n  .fom-mdn .w{padding-inline:16px}\n  .fom-mdn .steps,.fom-mdn .formats{grid-template-columns:1fr}\n  .fom-mdn .step .lieu{max-width:230px;margin:0 auto 8px}\n  .fom-mdn .chips{width:100%;border-radius:var(--r)}\n  .fom-mdn .chips button{flex:1 1 100%}\n  .fom-mdn .vcard{grid-template-columns:1fr 36%}\n  .fom-mdn .cta-card{grid-template-columns:1fr;text-align:center}\n  .fom-mdn .cta-art{margin-inline:auto}\n  .fom-mdn .cta-card .ctas{justify-content:center}\n  .fom-mdn .ctas .btn{width:100%}\n  .fom-mdn .remote b{font-size:1.2rem}\n  .fom-mdn .scene .chip{font-size:.58rem;padding:4px 9px}\n  .fom-mdn .loop{overflow-x:auto}\n  .fom-mdn .loop svg{min-width:560px}\n}\n@media (prefers-reduced-motion:reduce){\n  .fom-mdn *,.fom-mdn *::before,.fom-mdn *::after{animation:none!important;transition:none!important}\n  .fom-mdn .rv{opacity:1;transform:none}\n  .fom-mdn .hs-bank,.fom-mdn .hs-water{stroke-dashoffset:0}\n  .fom-mdn .hs-flow,.fom-mdn .hs-glint,.fom-mdn .hs-pin,.fom-mdn .hs-tag{opacity:1}\n}\n<\/style>\n<div class=\"fom-mdn\" id=\"fom-mdn\">\n  <!-- 1. HERO -->\n  <section class=\"hero\">\n    <div class=\"hero-grid\" aria-hidden=\"true\"><\/div>\n    <span class=\"halo\" aria-hidden=\"true\"><\/span>\n    <div class=\"w\">\n      <div>\n        <span class=\"pill\">Studio motion design &#183; Nantes<\/span>\n        <h1>Motion design &#224; Nantes&nbsp;: on donne vie &#224; <span class=\"hl\">votre personnage<\/span><\/h1>\n        <p class=\"lead\">Le motion design, pour nous, c'est l'art de faire vivre un personnage et une histoire au service de votre propos. Un sujet complexe devient une image claire, qu'on retient.<\/p>\n        <div class=\"ctas\">\n          <a class=\"btn btn-primary\" href=\"https:\/\/www.freshorganicmotion.com\/contact\/\">Parlons de votre vid&#233;o<\/a>\n          <a class=\"btn btn-ghost\" href=\"#fom-exemple\">Voir un exemple<\/a>\n        <\/div>\n        <p class=\"hero-note\">2D &#183; 3D &#183; voix off &#183; sous-titres &#183; formats r&#233;seaux<\/p>\n      <\/div>\n      <div class=\"scene\">\n        <div class=\"hs\" id=\"mdnHero\" style=\"aspect-ratio:2627\/1814\"><svg class=\"hs-riv\" style=\"z-index:0\" viewBox=\"-1532 -198 2627 1814\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\"><defs><filter id=\"mdnBlur\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\"><feGaussianBlur stdDeviation=\"22\"\/><\/filter><\/defs><g filter=\"url(#mdnBlur)\" fill=\"rgba(88,43,40,.16)\"><ellipse class=\"hs-sh\" style=\"animation-delay:-0.00s\" cx=\"-8.7\" cy=\"605.0\" rx=\"150.3\" ry=\"86.8\"\/><ellipse class=\"hs-sh\" style=\"animation-delay:-1.70s\" cx=\"597.6\" cy=\"955.0\" rx=\"275.3\" ry=\"158.9\"\/><ellipse class=\"hs-sh\" style=\"animation-delay:-3.10s\" cx=\"-995.9\" cy=\"1035.0\" rx=\"298.1\" ry=\"172.1\"\/><ellipse class=\"hs-sh\" style=\"animation-delay:-4.40s\" cx=\"-389.7\" cy=\"1385.0\" rx=\"275.3\" ry=\"158.9\"\/><\/g><\/svg><div class=\"hs-isl\" style=\"left:48.46%;top:4.41%;width:19.03%;z-index:1;--d:5;--t:0.25s;--f:-0.00s\"><div class=\"drop\"><div class=\"bob\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-tour-bretagne-isometrique.webp\" alt=\"La tour Bretagne et la cigogne du Nid, Nantes, en illustration isom&#233;trique\" width=\"900\" height=\"1339\"><span class=\"hs-pin\" style=\"left:50%;top:3%\">Tour Bretagne<\/span><\/div><\/div><\/div><div class=\"hs-isl\" style=\"left:63.62%;top:27.61%;width:34.86%;z-index:2;--d:7;--t:0.55s;--f:-1.70s\"><div class=\"drop\"><div class=\"bob\"><img decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-cathedrale-saint-pierre-isometrique.webp\" alt=\"La cath&#233;drale Saint-Pierre-et-Saint-Paul de Nantes en illustration isom&#233;trique\" width=\"900\" height=\"819\"><span class=\"hs-pin\" style=\"left:30%;top:5%\">Cath&#233;drale<\/span><\/div><\/div><\/div><svg class=\"hs-riv hs-fade\" style=\"z-index:3\" viewBox=\"-1532 -198 2627 1814\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\"><path class=\"hs-bank\" pathLength=\"1\" d=\"M-1760.1,106.2 C-1698.0,143.3 -1524.3,261.7 -1387.5,328.6 C-1250.8,395.5 -1087.2,446.8 -939.5,507.4 C-791.7,567.9 -633.5,622.4 -501.2,691.9 C-369.0,761.4 -255.6,841.7 -146.2,924.4 C-36.8,1007.1 47.7,1104.1 155.2,1187.9 C262.6,1271.7 369.8,1355.7 498.5,1427.2 C627.3,1498.7 780.7,1555.9 927.7,1616.9 C1074.8,1677.8 1305.2,1763.5 1380.7,1792.8\"\/><path class=\"hs-water\" pathLength=\"1\" d=\"M-1760.1,106.2 C-1698.0,143.3 -1524.3,261.7 -1387.5,328.6 C-1250.8,395.5 -1087.2,446.8 -939.5,507.4 C-791.7,567.9 -633.5,622.4 -501.2,691.9 C-369.0,761.4 -255.6,841.7 -146.2,924.4 C-36.8,1007.1 47.7,1104.1 155.2,1187.9 C262.6,1271.7 369.8,1355.7 498.5,1427.2 C627.3,1498.7 780.7,1555.9 927.7,1616.9 C1074.8,1677.8 1305.2,1763.5 1380.7,1792.8\"\/><path id=\"mdnLoire\" class=\"hs-flow\" d=\"M-1760.1,106.2 C-1698.0,143.3 -1524.3,261.7 -1387.5,328.6 C-1250.8,395.5 -1087.2,446.8 -939.5,507.4 C-791.7,567.9 -633.5,622.4 -501.2,691.9 C-369.0,761.4 -255.6,841.7 -146.2,924.4 C-36.8,1007.1 47.7,1104.1 155.2,1187.9 C262.6,1271.7 369.8,1355.7 498.5,1427.2 C627.3,1498.7 780.7,1555.9 927.7,1616.9 C1074.8,1677.8 1305.2,1763.5 1380.7,1792.8\"\/><circle r=\"7\" class=\"hs-glint\"><animateMotion dur=\"9s\" repeatCount=\"indefinite\" begin=\"1.6s\"><mpath href=\"#mdnLoire\"\/><\/animateMotion><\/circle><circle r=\"5\" class=\"hs-glint\"><animateMotion dur=\"9s\" repeatCount=\"indefinite\" begin=\"4.6s\"><mpath href=\"#mdnLoire\"\/><\/animateMotion><\/circle><circle r=\"4\" class=\"hs-glint\"><animateMotion dur=\"9s\" repeatCount=\"indefinite\" begin=\"7.6s\"><mpath href=\"#mdnLoire\"\/><\/animateMotion><\/circle><\/svg><div class=\"hs-isl\" style=\"left:1.52%;top:28.22%;width:37.75%;z-index:4;--d:12;--t:0.85s;--f:-3.10s\"><div class=\"drop\"><div class=\"bob\"><img decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-grand-elephant-isometrique.webp\" alt=\"Le Grand &#201;l&#233;phant des Machines de l'&#238;le, Nantes, en illustration isom&#233;trique\" width=\"900\" height=\"827\"><span class=\"hs-pin\" style=\"left:50%;top:16%\">Grand &#201;l&#233;phant<\/span><\/div><\/div><\/div><div class=\"hs-isl\" style=\"left:26.04%;top:55.23%;width:34.86%;z-index:5;--d:15;--t:1.15s;--f:-4.40s\"><div class=\"drop\"><div class=\"bob\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-grue-titan-isometrique.webp\" alt=\"La grue Titan jaune de l'&#206;le de Nantes en illustration isom&#233;trique\" width=\"900\" height=\"759\"><span class=\"hs-mimi\"><span class=\"pop\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-3d-hello.webp\" alt=\"Mimi Koloa en 3D, personnage anim&#233; du studio Fresh Organic Motion, salue depuis le quai de la grue Titan\" width=\"640\" height=\"640\"><\/span><\/span><span class=\"hs-pin\" style=\"left:30%;top:12%\">Grue Titan<\/span><\/div><\/div><\/div><span class=\"hs-tag\">La Loire &#183; &#206;le de Nantes<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4952ceb e-con-full e-flex e-con e-parent\" data-id=\"4952ceb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd60eec elementor-widget elementor-widget-html\" data-id=\"bd60eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 2 sur 8 : widget HTML Elementor n&#176;2 -->\n<div class=\"fom-mdn\">\n  <!-- 2. MANIFESTE INTERACTIF -->\n  <section class=\"alt\" id=\"fom-propos\" style=\"background:var(--rose);box-shadow:none\">\n    <div class=\"w rv\">\n      <p class=\"tag\">Notre fa&#231;on de faire<\/p>\n      <h2>Un propos. Une histoire.<br><span class=\"hl\">Un personnage.<\/span><\/h2>\n      <p class=\"lead\">Choisissez votre objectif, on vous montre comment on le raconte.<\/p>\n      <div class=\"chips\" role=\"group\" aria-label=\"Choisir un objectif\">\n        <button type=\"button\" aria-pressed=\"true\" data-k=\"0\">Faire comprendre une offre<\/button>\n        <button type=\"button\" aria-pressed=\"false\" data-k=\"1\">Former vos &#233;quipes<\/button>\n        <button type=\"button\" aria-pressed=\"false\" data-k=\"2\">Faire aimer votre marque<\/button>\n      <\/div>\n      <div class=\"beats-wrap\">\n        <div class=\"beats\" aria-live=\"polite\">\n          <div class=\"beat\"><div class=\"ped\"><svg viewBox=\"-61 -55 123 125\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,32.0 0.0,64.0 0.0,36.0 -55.4,4.0\" fill=\"#F5C518\"\/><polygon points=\"55.4,32.0 0.0,64.0 0.0,36.0 55.4,4.0\" fill=\"#CFA410\"\/><polygon points=\"0.0,-28.0 55.4,4.0 0.0,36.0 -55.4,4.0\" fill=\"#FFE067\"\/><\/g><g><polygon points=\"-17.3,-14.0 20.8,8.0 20.8,-22.0 -17.3,-44.0\" fill=\"#FFFFFF\"\/><polygon points=\"29.4,3.0 20.8,8.0 20.8,-22.0 29.4,-27.0\" fill=\"#F2BCC5\"\/><polygon points=\"-8.7,-49.0 29.4,-27.0 20.8,-22.0 -17.3,-44.0\" fill=\"#FFF4F2\"\/><\/g><polygon points=\"-10.4,-10.0 0.0,-4.0 -12.1,-4.0\" fill=\"#FFFFFF\"\/><line x1=\"-12.3\" y1=\"-31.9\" x2=\"13.7\" y2=\"-16.9\" stroke=\"#FF5A3C\" stroke-width=\"3\" stroke-linecap=\"round\"\/><line x1=\"-12.3\" y1=\"-21.9\" x2=\"5.0\" y2=\"-11.9\" stroke=\"#FF5A3C\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><\/div><span class=\"who\">01 &#183; Le propos<\/span><strong data-b=\"0\">Votre service est clair pour vous. Pas encore pour vos clients.<\/strong><\/div>\n          <div class=\"beat\"><div class=\"ped\"><svg viewBox=\"-61 -58 123 128\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,32.0 0.0,64.0 0.0,20.0 -55.4,-12.0\" fill=\"#00c4b4\"\/><polygon points=\"55.4,32.0 0.0,64.0 0.0,20.0 55.4,-12.0\" fill=\"#009E91\"\/><polygon points=\"0.0,-44.0 55.4,-12.0 0.0,20.0 -55.4,-12.0\" fill=\"#5FE0D5\"\/><\/g><g><polygon points=\"-23.4,-24.5 -9.5,-16.5 -9.5,-40.5 -23.4,-48.5\" fill=\"#FFFFFF\"\/><polygon points=\"-3.5,-20.0 -9.5,-16.5 -9.5,-40.5 -3.5,-44.0\" fill=\"#F2BCC5\"\/><polygon points=\"-17.3,-52.0 -3.5,-44.0 -9.5,-40.5 -23.4,-48.5\" fill=\"#FFF4F2\"\/><\/g><g><polygon points=\"-6.9,-15.0 6.9,-7.0 6.9,-35.0 -6.9,-43.0\" fill=\"#FFFFFF\"\/><polygon points=\"13.0,-10.5 6.9,-7.0 6.9,-35.0 13.0,-38.5\" fill=\"#F2BCC5\"\/><polygon points=\"-0.9,-46.5 13.0,-38.5 6.9,-35.0 -6.9,-43.0\" fill=\"#FFF4F2\"\/><\/g><g><polygon points=\"9.5,-5.5 23.4,2.5 23.4,-29.5 9.5,-37.5\" fill=\"#FFFFFF\"\/><polygon points=\"29.4,-1.0 23.4,2.5 23.4,-29.5 29.4,-33.0\" fill=\"#F2BCC5\"\/><polygon points=\"15.6,-41.0 29.4,-33.0 23.4,-29.5 9.5,-37.5\" fill=\"#FFF4F2\"\/><\/g><polygon points=\"-21.0,-27.9 -12.3,-22.9 -12.3,-32.9 -21.0,-37.9\" fill=\"#F5C518\"\/><polygon points=\"-4.5,-18.4 4.2,-13.4 4.2,-27.4 -4.5,-32.4\" fill=\"#b08fcc\"\/><polygon points=\"12.0,-8.9 20.6,-3.9 20.6,-21.9 12.0,-26.9\" fill=\"#FF5A3C\"\/><\/svg><\/div><span class=\"who\">02 &#183; L'histoire<\/span><strong data-b=\"1\">Un client perdu, une solution simple, un sourire &#224; la fin.<\/strong><\/div>\n          <div class=\"beat\"><div class=\"ped\"><svg viewBox=\"-61 -66 123 136\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,32.0 0.0,64.0 0.0,4.0 -55.4,-28.0\" fill=\"#b08fcc\"\/><polygon points=\"55.4,32.0 0.0,64.0 0.0,4.0 55.4,-28.0\" fill=\"#8E6DAE\"\/><polygon points=\"0.0,-60.0 55.4,-28.0 0.0,4.0 -55.4,-28.0\" fill=\"#CDB4E2\"\/><\/g><\/svg><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-3d-sourire.webp\" alt=\"\" style=\"left:50.0%;top:27.9%\" loading=\"lazy\" width=\"640\" height=\"640\"><\/div><span class=\"who\">03 &#183; Le personnage<\/span><strong data-b=\"2\">Il guide votre client pas &#224; pas. On retient le message parce qu'on l'a v&#233;cu avec lui.<\/strong><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8339d48 e-con-full e-flex e-con e-parent\" data-id=\"8339d48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c0e8b elementor-widget elementor-widget-html\" data-id=\"47c0e8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 3 sur 8 : widget HTML Elementor n&#176;3 -->\n<div class=\"fom-mdn\">\n  <!-- 3. DU CROQUIS AU PERSONNAGE VIVANT -->\n  <section>\n    <div class=\"w ba\">\n      <div class=\"rv\">\n        <p class=\"tag\">Notre expertise<\/p>\n        <h2>Du croquis au personnage <span class=\"hl\">vivant<\/span>.<\/h2>\n        <p class=\"lead\">Faites glisser le curseur pour voir la transformation.<\/p>\n        <p class=\"soft\">Un personnage ne s'anime pas au hasard. On dessine sa silhouette, sa d&#233;marche, ses expressions. Ensuite seulement, il bouge, et il a l'air vrai.<\/p>\n        <p class=\"soft\">Ici, <a href=\"https:\/\/www.freshorganicmotion.com\/mimi-koloa-mascotte\/\">Mimi Koloa<\/a>, la mascotte du studio, du trait au rendu 3D. M&#234;me m&#233;thode pour le v&#244;tre, qu'il existe d&#233;j&#224; ou qu'on le <a href=\"https:\/\/www.freshorganicmotion.com\/creation-mascotte\/\">cr&#233;e avec vous<\/a>.<\/p>\n      <\/div>\n      <div class=\"compare rv\" style=\"--pos:50%\">\n        <div class=\"bg\"><\/div>\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-croquis.webp\" alt=\"Croquis de Mimi Koloa, mascotte Fresh Organic Motion, avant l'animation\" loading=\"lazy\" width=\"640\" height=\"640\">\n        <div class=\"after-bg\"><\/div>\n        <img loading=\"lazy\" decoding=\"async\" class=\"after\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-3d-sourire.webp\" alt=\"Mimi Koloa en 3D, pr&#234;te &#224; &#234;tre anim&#233;e en motion design\" loading=\"lazy\" width=\"640\" height=\"640\">\n        <span class=\"lab l1\">Croquis<\/span><span class=\"lab l2\">Rendu 3D<\/span>\n        <span class=\"bar\"><\/span><span class=\"knob\" aria-hidden=\"true\">&#8646;<\/span>\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Comparer le croquis et le personnage en 3D\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. MOTION GRAPHICS VS PERSONNAGE -->\n  <section style=\"padding-top:0\">\n    <div class=\"w rv\">\n      <p class=\"tag\">La diff&#233;rence<\/p>\n      <h2>Motion graphics ou motion design<br>de personnage&nbsp;?<\/h2>\n      <div class=\"vs\">\n        <div class=\"vcard\">\n          <div>\n            <span class=\"who\">Motion graphics<\/span>\n            <h3>&#199;a informe.<\/h3>\n            <p>Des formes, des chiffres et des ic&#244;nes qui bougent. Id&#233;al pour une donn&#233;e ou un process.<\/p>\n          <\/div>\n          <svg class=\"iso-bars\" viewBox=\"-45 -65 169 161\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-37.4,21.6 77.9,88.2 77.9,81.0 -37.4,14.4\" fill=\"#F3DCD8\"\/><polygon points=\"115.4,66.6 77.9,88.2 77.9,81.0 115.4,59.4\" fill=\"#E6C3BD\"\/><polygon points=\"0.0,-7.2 115.4,59.4 77.9,81.0 -37.4,14.4\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"-17.1,13.5 0.0,23.4 0.0,-5.4 -17.1,-15.3\" fill=\"#00c4b4\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.0s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"-17.1,13.5 0.0,23.4 0.0,-5.4 -17.1,-15.3;-17.1,13.5 0.0,23.4 0.0,-37.8 -17.1,-47.7;-17.1,13.5 0.0,23.4 0.0,-5.4 -17.1,-15.3\"\/><\/polygon><polygon points=\"15.6,14.4 0.0,23.4 0.0,-5.4 15.6,-14.4\" fill=\"#009E91\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.0s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"15.6,14.4 0.0,23.4 0.0,-5.4 15.6,-14.4;15.6,14.4 0.0,23.4 0.0,-37.8 15.6,-46.8;15.6,14.4 0.0,23.4 0.0,-5.4 15.6,-14.4\"\/><\/polygon><polygon points=\"-1.6,-24.3 15.6,-14.4 0.0,-5.4 -17.1,-15.3\" fill=\"#5FE0D5\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.0s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"-1.6,-24.3 15.6,-14.4 0.0,-5.4 -17.1,-15.3;-1.6,-56.7 15.6,-46.8 0.0,-37.8 -17.1,-47.7;-1.6,-24.3 15.6,-14.4 0.0,-5.4 -17.1,-15.3\"\/><\/polygon><\/g><g><polygon points=\"9.4,28.8 26.5,38.7 26.5,-15.3 9.4,-25.2\" fill=\"#b08fcc\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.2s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"9.4,28.8 26.5,38.7 26.5,-15.3 9.4,-25.2;9.4,28.8 26.5,38.7 26.5,6.3 9.4,-3.6;9.4,28.8 26.5,38.7 26.5,-15.3 9.4,-25.2\"\/><\/polygon><polygon points=\"42.1,29.7 26.5,38.7 26.5,-15.3 42.1,-24.3\" fill=\"#8E6DAE\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.2s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"42.1,29.7 26.5,38.7 26.5,-15.3 42.1,-24.3;42.1,29.7 26.5,38.7 26.5,6.3 42.1,-2.7;42.1,29.7 26.5,38.7 26.5,-15.3 42.1,-24.3\"\/><\/polygon><polygon points=\"24.9,-34.2 42.1,-24.3 26.5,-15.3 9.4,-25.2\" fill=\"#CDB4E2\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.2s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"24.9,-34.2 42.1,-24.3 26.5,-15.3 9.4,-25.2;24.9,-12.6 42.1,-2.7 26.5,6.3 9.4,-3.6;24.9,-34.2 42.1,-24.3 26.5,-15.3 9.4,-25.2\"\/><\/polygon><\/g><g><polygon points=\"35.9,44.1 53.0,54.0 53.0,14.4 35.9,4.5\" fill=\"#FF5A3C\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.5s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"35.9,44.1 53.0,54.0 53.0,14.4 35.9,4.5;35.9,44.1 53.0,54.0 53.0,-25.2 35.9,-35.1;35.9,44.1 53.0,54.0 53.0,14.4 35.9,4.5\"\/><\/polygon><polygon points=\"68.6,45.0 53.0,54.0 53.0,14.4 68.6,5.4\" fill=\"#D9432A\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.5s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"68.6,45.0 53.0,54.0 53.0,14.4 68.6,5.4;68.6,45.0 53.0,54.0 53.0,-25.2 68.6,-34.2;68.6,45.0 53.0,54.0 53.0,14.4 68.6,5.4\"\/><\/polygon><polygon points=\"51.4,-4.5 68.6,5.4 53.0,14.4 35.9,4.5\" fill=\"#FF8A70\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.5s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"51.4,-4.5 68.6,5.4 53.0,14.4 35.9,4.5;51.4,-44.1 68.6,-34.2 53.0,-25.2 35.9,-35.1;51.4,-4.5 68.6,5.4 53.0,14.4 35.9,4.5\"\/><\/polygon><\/g><g><polygon points=\"62.4,59.4 79.5,69.3 79.5,-2.7 62.4,-12.6\" fill=\"#582b28\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.8s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"62.4,59.4 79.5,69.3 79.5,-2.7 62.4,-12.6;62.4,59.4 79.5,69.3 79.5,22.5 62.4,12.6;62.4,59.4 79.5,69.3 79.5,-2.7 62.4,-12.6\"\/><\/polygon><polygon points=\"95.1,60.3 79.5,69.3 79.5,-2.7 95.1,-11.7\" fill=\"#3E1D1B\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.8s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"95.1,60.3 79.5,69.3 79.5,-2.7 95.1,-11.7;95.1,60.3 79.5,69.3 79.5,22.5 95.1,13.5;95.1,60.3 79.5,69.3 79.5,-2.7 95.1,-11.7\"\/><\/polygon><polygon points=\"77.9,-21.6 95.1,-11.7 79.5,-2.7 62.4,-12.6\" fill=\"#8B4A3A\"><animate attributeName=\"points\" dur=\"2.6s\" begin=\"0.8s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.45 0 0.55 1;0.45 0 0.55 1\" values=\"77.9,-21.6 95.1,-11.7 79.5,-2.7 62.4,-12.6;77.9,3.6 95.1,13.5 79.5,22.5 62.4,12.6;77.9,-21.6 95.1,-11.7 79.5,-2.7 62.4,-12.6\"\/><\/polygon><\/g><\/svg>\n        <\/div>\n        <div class=\"vcard hot\">\n          <span class=\"halo\" aria-hidden=\"true\"><\/span>\n          <div style=\"position:relative;z-index:1\">\n            <span class=\"who\">Motion design de personnage<\/span>\n            <h3>&#199;a marque.<\/h3>\n            <p>Un h&#233;ros qui agit, h&#233;site, r&#233;agit. Votre public s'y attache et se souvient de votre message.<\/p>\n          <\/div>\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-3d-assis.webp\" alt=\"\" loading=\"lazy\" width=\"640\" height=\"640\">\n        <\/div>\n      <\/div>\n      <p class=\"note\">On sait faire les deux, et on les m&#233;lange souvent. <b>Notre sp&#233;cialit&#233;, c'est le second.<\/b><\/p>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-768a8a6 e-con-full e-flex e-con e-parent\" data-id=\"768a8a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9881793 elementor-widget elementor-widget-html\" data-id=\"9881793\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 4 sur 8 : widget HTML Elementor n&#176;4 -->\n<div class=\"fom-mdn\">\n  <!-- 5. EXEMPLE : GRDF OUEST -->\n  <section class=\"alt\" id=\"fom-exemple\">\n    <div class=\"w rv\">\n      <p class=\"tag\">Exemple de r&#233;alisation<\/p>\n      <h2>Des biod&#233;chets au gaz vert,<br>en <span class=\"hl\">une minute<\/span>.<\/h2>\n      <p class=\"lead\">Pour GRDF Ouest, une boucle invisible racont&#233;e par des personnages&nbsp;: ce qu'on jette au festival repart dans le r&#233;seau.<\/p>\n      <article class=\"case\">\n        <a class=\"thumb\" href=\"https:\/\/www.youtube.com\/watch?v=u2PDpOjBGjI\" target=\"_blank\" rel=\"noopener\" data-video=\"u2PDpOjBGjI\" aria-label=\"Lire la vid&#233;o : biod&#233;chets et gaz vert dans les festivals, pour GRDF Ouest\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-grdf-ouest-biodechets-gaz-vert.webp\" alt=\"Personnages illustr&#233;s devant une sc&#232;ne de festival, extrait de la vid&#233;o motion design r&#233;alis&#233;e pour GRDF Ouest sur les biod&#233;chets transform&#233;s en gaz vert\" loading=\"lazy\" width=\"1280\" height=\"720\">\n          <span class=\"play\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 4.5v15l12.5-7.5z\" fill=\"#FFF4F2\"\/><\/svg><\/span>\n          <span class=\"dur\">0:53<\/span>\n        <\/a>\n        <div class=\"meta\">\n          <span class=\"client\">GRDF Ouest<\/span>\n          <h3>Biod&#233;chets et gaz vert dans les festivals<\/h3>\n          <p>Expliquer la boucle biod&#233;chets vers gaz renouvelable &#224; des festivaliers, sans jargon et sans caricaturer la fili&#232;re.<\/p>\n          <ul class=\"partis\">\n            <li><span>01<\/span>Commencer par le festivalier, pas par l'usine.<\/li>\n            <li><span>02<\/span>Une boucle qui se referme vraiment &#224; l'&#233;cran.<\/li>\n            <li><span>03<\/span>Compr&#233;hensible sans le son, pour Facebook et LinkedIn.<\/li>\n          <\/ul>\n          <div class=\"kpi\"><span>Format &#183; 53 s<\/span><span>Diffusion &#183; r&#233;seaux sociaux<\/span><\/div>\n          <a class=\"more\" href=\"https:\/\/motion-design-creation.com\/etudes-de-cas\/biodechets-gaz-vert\/\" target=\"_blank\" rel=\"noopener\">Lire l'&#233;tude de cas <i aria-hidden=\"true\">+<\/i><\/a>\n        <\/div>\n      <\/article>\n      <div class=\"loop\">\n        <p class=\"tag\">Le trajet de mati&#232;re, tel que la vid&#233;o le raconte<\/p>\n        <svg class=\"iso-loop\" viewBox=\"-46 -50 458 114\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-36.0,25.6 0.0,46.4 0.0,41.6 -36.0,20.8\" fill=\"#F3DCD8\"\/><polygon points=\"36.0,25.6 0.0,46.4 0.0,41.6 36.0,20.8\" fill=\"#E6C3BD\"\/><polygon points=\"0.0,0.0 36.0,20.8 0.0,41.6 -36.0,20.8\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"55.4,25.6 91.5,46.4 91.5,41.6 55.4,20.8\" fill=\"#F3DCD8\"\/><polygon points=\"127.5,25.6 91.5,46.4 91.5,41.6 127.5,20.8\" fill=\"#E6C3BD\"\/><polygon points=\"91.5,0.0 127.5,20.8 91.5,41.6 55.4,20.8\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"146.9,25.6 182.9,46.4 182.9,41.6 146.9,20.8\" fill=\"#F3DCD8\"\/><polygon points=\"218.9,25.6 182.9,46.4 182.9,41.6 218.9,20.8\" fill=\"#E6C3BD\"\/><polygon points=\"182.9,0.0 218.9,20.8 182.9,41.6 146.9,20.8\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"238.3,25.6 274.4,46.4 274.4,41.6 238.3,20.8\" fill=\"#F3DCD8\"\/><polygon points=\"310.4,25.6 274.4,46.4 274.4,41.6 310.4,20.8\" fill=\"#E6C3BD\"\/><polygon points=\"274.4,0.0 310.4,20.8 274.4,41.6 238.3,20.8\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"329.8,25.6 365.8,46.4 365.8,41.6 329.8,20.8\" fill=\"#F3DCD8\"\/><polygon points=\"401.8,25.6 365.8,46.4 365.8,41.6 401.8,20.8\" fill=\"#E6C3BD\"\/><polygon points=\"365.8,0.0 401.8,20.8 365.8,41.6 329.8,20.8\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"-19.4,20.8 0.0,32.0 0.0,22.4 -19.4,11.2\" fill=\"#F5C518\"\/><polygon points=\"19.4,20.8 0.0,32.0 0.0,22.4 19.4,11.2\" fill=\"#CFA410\"\/><polygon points=\"0.0,0.0 19.4,11.2 0.0,22.4 -19.4,11.2\" fill=\"#FFE067\"\/><\/g><g><polygon points=\"255.0,20.8 274.4,32.0 274.4,16.0 255.0,4.8\" fill=\"#b08fcc\"\/><polygon points=\"293.8,20.8 274.4,32.0 274.4,16.0 293.8,4.8\" fill=\"#8E6DAE\"\/><polygon points=\"274.4,-6.4 293.8,4.8 274.4,16.0 255.0,4.8\" fill=\"#CDB4E2\"\/><\/g><g><polygon points=\"72.1,20.8 91.5,32.0 91.5,12.8 72.1,1.6\" fill=\"#00c4b4\"\/><polygon points=\"110.9,20.8 91.5,32.0 91.5,12.8 110.9,1.6\" fill=\"#009E91\"\/><polygon points=\"91.5,-9.6 110.9,1.6 91.5,12.8 72.1,1.6\" fill=\"#5FE0D5\"\/><\/g><g><polygon points=\"346.4,20.8 365.8,32.0 365.8,9.6 346.4,-1.6\" fill=\"#FF5A3C\"\/><polygon points=\"385.2,20.8 365.8,32.0 365.8,9.6 385.2,-1.6\" fill=\"#D9432A\"\/><polygon points=\"365.8,-12.8 385.2,-1.6 365.8,9.6 346.4,-1.6\" fill=\"#FF8A70\"\/><\/g><g><polygon points=\"163.5,20.8 182.9,32.0 182.9,-3.2 163.5,-14.4\" fill=\"#582b28\"\/><polygon points=\"202.3,20.8 182.9,32.0 182.9,-3.2 202.3,-14.4\" fill=\"#3E1D1B\"\/><polygon points=\"182.9,-25.6 202.3,-14.4 182.9,-3.2 163.5,-14.4\" fill=\"#8B4A3A\"\/><\/g><path class=\"iso-flow\" d=\"M0.0,8.8 Q45.7,-52.0 91.5,-0.8\" stroke=\"#00c4b4\" stroke-width=\"2.5\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/><path class=\"iso-flow\" d=\"M91.5,-0.8 Q137.2,-71.2 182.9,-16.8\" stroke=\"#00c4b4\" stroke-width=\"2.5\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/><path class=\"iso-flow\" d=\"M182.9,-16.8 Q228.6,-72.8 274.4,2.4\" stroke=\"#00c4b4\" stroke-width=\"2.5\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/><path class=\"iso-flow\" d=\"M274.4,2.4 Q320.1,-53.6 365.8,-4.0\" stroke=\"#00c4b4\" stroke-width=\"2.5\" stroke-dasharray=\"3 6\" stroke-linecap=\"round\"\/><text x=\"0.0\" y=\"54.4\" fill=\"#8B4A3A\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"800\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"1\">ASSIETTE<\/text><text x=\"91.5\" y=\"54.4\" fill=\"#8B4A3A\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"800\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"1\">BAC DE TRI<\/text><text x=\"182.9\" y=\"54.4\" fill=\"#8B4A3A\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"800\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"1\">M&#201;THANISATION<\/text><text x=\"274.4\" y=\"54.4\" fill=\"#8B4A3A\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"800\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"1\">R&#201;SEAU<\/text><text x=\"365.8\" y=\"54.4\" fill=\"#8B4A3A\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"800\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"1\">V&#201;HICULE<\/text><\/svg>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cf0451 e-con-full e-flex e-con e-parent\" data-id=\"0cf0451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b154b8a elementor-widget elementor-widget-html\" data-id=\"b154b8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 5 sur 8 : widget HTML Elementor n&#176;5 -->\n<div class=\"fom-mdn\">\n  <!-- 6. M&#201;THODE -->\n  <section>\n    <div class=\"w rv\">\n      <p class=\"tag\">Z&#233;ro surprise<\/p>\n      <h2>4 &#233;tapes, un personnage<br>qui parle pour vous.<\/h2>\n      <div class=\"steps\">\n        <button type=\"button\" class=\"step\" aria-expanded=\"true\"><span class=\"lieu\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-cathedrale-saint-pierre-isometrique.webp\" alt=\"La cath&#233;drale Saint-Pierre-et-Saint-Paul de Nantes en illustration isom&#233;trique\" loading=\"lazy\" width=\"921\" height=\"760\"><\/span><span class=\"lieu-nom\">Cath&#233;drale Saint-Pierre &#183; les fondations<\/span><span class=\"n\">&#201;TAPE 01<\/span><h3>Le propos<\/h3><p>Un appel pour poser votre message, votre cible et l'endroit o&#249; la vid&#233;o sera vue.<\/p><\/button>\n        <button type=\"button\" class=\"step\" aria-expanded=\"false\"><span class=\"lieu\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-grand-elephant-isometrique.webp\" alt=\"Le Grand &#201;l&#233;phant des Machines de l'&#238;le en illustration isom&#233;trique\" loading=\"lazy\" width=\"921\" height=\"760\"><\/span><span class=\"lieu-nom\">Grand &#201;l&#233;phant &#183; une machine qui prend vie<\/span><span class=\"n\">&#201;TAPE 02<\/span><h3>Le personnage<\/h3><p>On anime le v&#244;tre ou on le dessine avec vous&nbsp;: silhouette, caract&#232;re, expressions.<\/p><\/button>\n        <button type=\"button\" class=\"step\" aria-expanded=\"false\"><span class=\"lieu\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-chateau-des-ducs-isometrique.webp\" alt=\"Le ch&#226;teau des ducs de Bretagne &#224; Nantes en illustration isom&#233;trique\" loading=\"lazy\" width=\"921\" height=\"760\"><\/span><span class=\"lieu-nom\">Ch&#226;teau des ducs &#183; le mus&#233;e d'histoire<\/span><span class=\"n\">&#201;TAPE 03<\/span><h3>L'histoire<\/h3><p>Script et storyboard. Vous validez chaque sc&#232;ne avant qu'elle bouge.<\/p><\/button>\n        <button type=\"button\" class=\"step\" aria-expanded=\"false\"><span class=\"lieu\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-anneaux-de-buren-isometrique.webp\" alt=\"Les Anneaux de Buren sur le quai des Antilles en illustration isom&#233;trique\" loading=\"lazy\" width=\"921\" height=\"760\"><\/span><span class=\"lieu-nom\">Anneaux de Buren &#183; ils s'allument le soir<\/span><span class=\"n\">&#201;TAPE 04<\/span><h3>L'animation<\/h3><p>Animation 2D ou 3D, voix, son, sous-titres. Livr&#233;e pr&#234;te &#224; diffuser.<\/p><\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3a8737 e-con-full e-flex e-con e-parent\" data-id=\"e3a8737\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16336bb elementor-widget elementor-widget-html\" data-id=\"16336bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 6 sur 8 : widget HTML Elementor n&#176;6 -->\n<div class=\"fom-mdn\">\n  <!-- 7. NANTES -->\n  <section class=\"local\">\n    <span class=\"halo\" aria-hidden=\"true\"><\/span>\n    <div class=\"w\">\n      <div class=\"rv\">\n        <p class=\"tag\">Nantes &#183; Vend&#233;e &#183; Pays de la Loire<\/p>\n        <h2>Votre studio d'animation<br>pour Nantes.<\/h2>\n        <p>Entreprises nantaises, agences de communication, collectivit&#233;s&nbsp;: on travaille avec vous &#224; distance, en visio, avec des validations en ligne &#224; chaque &#233;tape.<\/p>\n        <p><strong>Vous gardez la main, on s'occupe de faire vivre le personnage.<\/strong><\/p>\n        <div class=\"remote\">\n          <div><b>Visio<\/b><span>brief et points d'&#233;tape<\/span><\/div>\n          <div><b>En ligne<\/b><span>storyboard et animatique &#224; valider<\/span><\/div>\n          <div><b>Tous formats<\/b><span>16:9, carr&#233;, vertical<\/span><\/div>\n        <\/div>\n        <div class=\"pills\"><span>Nantes<\/span><span>&#206;le de Nantes<\/span><span>Saint-Nazaire<\/span><span>La Roche-sur-Yon<\/span><span>Angers<\/span><span>Vend&#233;e<\/span><\/div>\n      <\/div>\n      <div class=\"mapbox rv\">\n        <svg class=\"iso-map\" viewBox=\"-247 -18 569 362\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-228.6,149.6 76.2,325.6 76.2,308.0 -228.6,132.0\" fill=\"#1B4A4B\"\/><polygon points=\"304.8,193.6 76.2,325.6 76.2,308.0 304.8,176.0\" fill=\"#123536\"\/><polygon points=\"0.0,0.0 304.8,176.0 76.2,308.0 -228.6,132.0\" fill=\"#24605F\"\/><\/g><g stroke=\"rgba(255,244,242,.07)\"><line x1=\"19.1\" y1=\"11.0\" x2=\"-209.6\" y2=\"143.0\"\/><line x1=\"38.1\" y1=\"22.0\" x2=\"-190.5\" y2=\"154.0\"\/><line x1=\"57.2\" y1=\"33.0\" x2=\"-171.5\" y2=\"165.0\"\/><line x1=\"76.2\" y1=\"44.0\" x2=\"-152.4\" y2=\"176.0\"\/><line x1=\"95.3\" y1=\"55.0\" x2=\"-133.4\" y2=\"187.0\"\/><line x1=\"114.3\" y1=\"66.0\" x2=\"-114.3\" y2=\"198.0\"\/><line x1=\"133.4\" y1=\"77.0\" x2=\"-95.3\" y2=\"209.0\"\/><line x1=\"152.4\" y1=\"88.0\" x2=\"-76.2\" y2=\"220.0\"\/><line x1=\"171.5\" y1=\"99.0\" x2=\"-57.2\" y2=\"231.0\"\/><line x1=\"190.5\" y1=\"110.0\" x2=\"-38.1\" y2=\"242.0\"\/><line x1=\"209.6\" y1=\"121.0\" x2=\"-19.1\" y2=\"253.0\"\/><line x1=\"228.6\" y1=\"132.0\" x2=\"0.0\" y2=\"264.0\"\/><line x1=\"247.7\" y1=\"143.0\" x2=\"19.1\" y2=\"275.0\"\/><line x1=\"266.7\" y1=\"154.0\" x2=\"38.1\" y2=\"286.0\"\/><line x1=\"285.8\" y1=\"165.0\" x2=\"57.2\" y2=\"297.0\"\/><line x1=\"-19.1\" y1=\"11.0\" x2=\"285.8\" y2=\"187.0\"\/><line x1=\"-38.1\" y1=\"22.0\" x2=\"266.7\" y2=\"198.0\"\/><line x1=\"-57.2\" y1=\"33.0\" x2=\"247.7\" y2=\"209.0\"\/><line x1=\"-76.2\" y1=\"44.0\" x2=\"228.6\" y2=\"220.0\"\/><line x1=\"-95.3\" y1=\"55.0\" x2=\"209.6\" y2=\"231.0\"\/><line x1=\"-114.3\" y1=\"66.0\" x2=\"190.5\" y2=\"242.0\"\/><line x1=\"-133.4\" y1=\"77.0\" x2=\"171.5\" y2=\"253.0\"\/><line x1=\"-152.4\" y1=\"88.0\" x2=\"152.4\" y2=\"264.0\"\/><line x1=\"-171.5\" y1=\"99.0\" x2=\"133.4\" y2=\"275.0\"\/><line x1=\"-190.5\" y1=\"110.0\" x2=\"114.3\" y2=\"286.0\"\/><line x1=\"-209.6\" y1=\"121.0\" x2=\"95.3\" y2=\"297.0\"\/><\/g><path d=\"M-125.7,72.4 C-118.4,73.3 -93.7,73.7 -81.9,77.9 C-70.2,82.1 -63.2,89.8 -55.3,97.7 C-47.3,105.6 -44.1,117.7 -34.3,125.2 C-24.5,132.7 -10.8,138.7 3.8,142.8 C18.4,146.8 37.8,145.2 53.3,149.4 C68.9,153.6 81.9,162.9 97.2,168.1 C112.4,173.2 130.8,175.0 144.8,180.2 C158.8,185.3 166.1,192.8 181.0,198.9 C195.9,204.9 225.5,213.5 234.3,216.5\" stroke=\"rgba(0,196,180,.32)\" stroke-width=\"14\" stroke-linecap=\"round\"\/><path id=\"mdnLoireMap\" d=\"M-125.7,72.4 C-118.4,73.3 -93.7,73.7 -81.9,77.9 C-70.2,82.1 -63.2,89.8 -55.3,97.7 C-47.3,105.6 -44.1,117.7 -34.3,125.2 C-24.5,132.7 -10.8,138.7 3.8,142.8 C18.4,146.8 37.8,145.2 53.3,149.4 C68.9,153.6 81.9,162.9 97.2,168.1 C112.4,173.2 130.8,175.0 144.8,180.2 C158.8,185.3 166.1,192.8 181.0,198.9 C195.9,204.9 225.5,213.5 234.3,216.5\" stroke=\"#00c4b4\" stroke-width=\"3.2\" stroke-linecap=\"round\"\/><path class=\"iso-flow\" d=\"M-125.7,72.4 C-118.4,73.3 -93.7,73.7 -81.9,77.9 C-70.2,82.1 -63.2,89.8 -55.3,97.7 C-47.3,105.6 -44.1,117.7 -34.3,125.2 C-24.5,132.7 -10.8,138.7 3.8,142.8 C18.4,146.8 37.8,145.2 53.3,149.4 C68.9,153.6 81.9,162.9 97.2,168.1 C112.4,173.2 130.8,175.0 144.8,180.2 C158.8,185.3 166.1,192.8 181.0,198.9 C195.9,204.9 225.5,213.5 234.3,216.5\" stroke=\"#FFF4F2\" stroke-width=\"2\" stroke-dasharray=\"3 16\" stroke-linecap=\"round\"\/><ellipse class=\"iso-pulse\" cx=\"-108.6\" cy=\"95.3\" rx=\"21.6\" ry=\"12.4\" stroke=\"#00c4b4\" stroke-width=\"1.5\"\/><ellipse class=\"iso-pulse\" cx=\"160.0\" cy=\"208.6\" rx=\"21.6\" ry=\"12.4\" stroke=\"#00c4b4\" stroke-width=\"1.5\"\/><ellipse class=\"iso-pulse\" cx=\"-76.2\" cy=\"195.4\" rx=\"21.6\" ry=\"12.4\" stroke=\"#00c4b4\" stroke-width=\"1.5\"\/><ellipse class=\"iso-pulse big\" cx=\"-5.7\" cy=\"150.3\" rx=\"37.7\" ry=\"21.8\" stroke=\"#00c4b4\" stroke-width=\"2\"\/><g><polygon points=\"-120.0,95.7 -108.6,102.3 -108.6,75.9 -120.0,69.3\" fill=\"#FFD8DE\"\/><polygon points=\"-97.2,95.7 -108.6,102.3 -108.6,75.9 -97.2,69.3\" fill=\"#F2BCC5\"\/><polygon points=\"-108.6,62.7 -97.2,69.3 -108.6,75.9 -120.0,69.3\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"-87.6,195.8 -76.2,202.4 -76.2,178.2 -87.6,171.6\" fill=\"#FFD8DE\"\/><polygon points=\"-64.8,195.8 -76.2,202.4 -76.2,178.2 -64.8,171.6\" fill=\"#F2BCC5\"\/><polygon points=\"-76.2,165.0 -64.8,171.6 -76.2,178.2 -87.6,171.6\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"148.6,209.0 160.0,215.6 160.0,184.8 148.6,178.2\" fill=\"#FFD8DE\"\/><polygon points=\"171.5,209.0 160.0,215.6 160.0,184.8 171.5,178.2\" fill=\"#F2BCC5\"\/><polygon points=\"160.0,171.6 171.5,178.2 160.0,184.8 148.6,178.2\" fill=\"#FFFFFF\"\/><\/g><text x=\"-108.6\" y=\"49.5\" fill=\"#FFF4F2\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"700\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"0.8\">SAINT-NAZAIRE<\/text><text x=\"160.0\" y=\"158.4\" fill=\"#FFF4F2\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"700\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"0.8\">ANGERS<\/text><text x=\"-76.2\" y=\"151.8\" fill=\"#FFF4F2\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"700\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"0.8\">LA ROCHE-SUR-YON<\/text><text x=\"-91.5\" y=\"149.6\" fill=\"#00c4b4\" font-family=\"Tajawal,system-ui,sans-serif\" font-size=\"10\" font-weight=\"800\" letter-spacing=\".1em\" text-anchor=\"middle\" opacity=\"0.6\">VEND&#201;E<\/text><\/svg>\n        <img loading=\"lazy\" decoding=\"async\" class=\"tb\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-tour-bretagne-isometrique.webp\" alt=\"La tour Bretagne marque Nantes sur la carte isom&#233;trique des Pays de la Loire\" loading=\"lazy\" style=\"left:42.3%;top:46.7%\" width=\"863\" height=\"1285\">\n        <span class=\"nantes-pin\" style=\"left:51.3%;top:45.7%\">Nantes<\/span>\n        <img loading=\"lazy\" decoding=\"async\" class=\"groom\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-groom-valises.webp\" alt=\"\" loading=\"lazy\" style=\"left:40.0%;top:68.9%\" width=\"640\" height=\"640\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcfd6e3 e-con-full e-flex e-con e-parent\" data-id=\"dcfd6e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7344f5 elementor-widget elementor-widget-html\" data-id=\"f7344f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 7 sur 8 : widget HTML Elementor n&#176;7 -->\n<div class=\"fom-mdn\">\n  <!-- 8. FORMATS -->\n  <section>\n    <div class=\"w rv\">\n      <p class=\"tag\">O&#249; votre personnage prend la parole<\/p>\n      <h2>Une histoire, plusieurs &#233;crans.<\/h2>\n      <div class=\"formats\">\n        <div class=\"fmt\"><svg class=\"iso-fmt\" viewBox=\"-60 -40 121 114\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,36.8 0.0,68.8 0.0,64.0 -55.4,32.0\" fill=\"#F3DCD8\"\/><polygon points=\"55.4,36.8 0.0,68.8 0.0,64.0 55.4,32.0\" fill=\"#E6C3BD\"\/><polygon points=\"0.0,0.0 55.4,32.0 0.0,64.0 -55.4,32.0\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"-11.1,32.0 0.0,38.4 0.0,25.6 -11.1,19.2\" fill=\"#582b28\"\/><polygon points=\"11.1,32.0 0.0,38.4 0.0,25.6 11.1,19.2\" fill=\"#3E1D1B\"\/><polygon points=\"0.0,12.8 11.1,19.2 0.0,25.6 -11.1,19.2\" fill=\"#8B4A3A\"\/><\/g><g><polygon points=\"-26.3,5.6 23.6,34.4 23.6,-4.0 -26.3,-32.8\" fill=\"#b08fcc\"\/><polygon points=\"27.7,32.0 23.6,34.4 23.6,-4.0 27.7,-6.4\" fill=\"#8E6DAE\"\/><polygon points=\"-22.2,-35.2 27.7,-6.4 23.6,-4.0 -26.3,-32.8\" fill=\"#CDB4E2\"\/><\/g><polygon points=\"-8.3,6.4 -8.3,-12.8 6.9,5.6\" fill=\"#FFF4F2\"\/><\/svg><h3>Vid&#233;o explicative<\/h3><p>Votre offre comprise en moins de 90 secondes.<\/p><\/div>\n        <div class=\"fmt\"><svg class=\"iso-fmt\" viewBox=\"-60 -29 121 103\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,36.8 0.0,68.8 0.0,64.0 -55.4,32.0\" fill=\"#F3DCD8\"\/><polygon points=\"55.4,36.8 0.0,68.8 0.0,64.0 55.4,32.0\" fill=\"#E6C3BD\"\/><polygon points=\"0.0,0.0 55.4,32.0 0.0,64.0 -55.4,32.0\" fill=\"#FFFFFF\"\/><\/g><g class=\"iso-bob\"><polygon points=\"22.2,33.6 31.9,39.2 31.9,28.0 22.2,22.4\" fill=\"#FF5A3C\"\/><polygon points=\"41.6,33.6 31.9,39.2 31.9,28.0 41.6,22.4\" fill=\"#D9432A\"\/><polygon points=\"31.9,16.8 41.6,22.4 31.9,28.0 22.2,22.4\" fill=\"#FF8A70\"\/><\/g><g><polygon points=\"-12.5,26.4 9.7,39.2 9.7,-8.8 -12.5,-21.6\" fill=\"#582b28\"\/><polygon points=\"13.9,36.8 9.7,39.2 9.7,-8.8 13.9,-11.2\" fill=\"#3E1D1B\"\/><polygon points=\"-8.3,-24.0 13.9,-11.2 9.7,-8.8 -12.5,-21.6\" fill=\"#8B4A3A\"\/><\/g><g><polygon points=\"-10.5,23.7 7.5,34.1 7.5,-5.9 -10.5,-16.3\" fill=\"#00c4b4\"\/><polygon points=\"7.6,34.0 7.5,34.1 7.5,-5.9 7.6,-6.0\" fill=\"#009E91\"\/><polygon points=\"-10.4,-16.4 7.6,-6.0 7.5,-5.9 -10.5,-16.3\" fill=\"#5FE0D5\"\/><\/g><\/svg><h3>R&#233;seaux sociaux<\/h3><p>Reels, TikTok, LinkedIn&nbsp;: formats courts et verticaux.<\/p><\/div>\n        <div class=\"fmt\"><svg class=\"iso-fmt\" viewBox=\"-60 -5 121 79\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,36.8 0.0,68.8 0.0,64.0 -55.4,32.0\" fill=\"#F3DCD8\"\/><polygon points=\"55.4,36.8 0.0,68.8 0.0,64.0 55.4,32.0\" fill=\"#E6C3BD\"\/><polygon points=\"0.0,0.0 55.4,32.0 0.0,64.0 -55.4,32.0\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"-8.3,6.4 36.0,32.0 36.0,30.1 -8.3,4.5\" fill=\"#b08fcc\"\/><polygon points=\"44.3,27.2 36.0,32.0 36.0,30.1 44.3,25.3\" fill=\"#8E6DAE\"\/><polygon points=\"0.0,-0.3 44.3,25.3 36.0,30.1 -8.3,4.5\" fill=\"#CDB4E2\"\/><\/g><g><polygon points=\"-44.3,32.0 0.0,57.6 0.0,52.8 -44.3,27.2\" fill=\"#F2BCC5\"\/><polygon points=\"44.3,32.0 0.0,57.6 0.0,52.8 44.3,27.2\" fill=\"#E6A9B4\"\/><polygon points=\"0.0,1.6 44.3,27.2 0.0,52.8 -44.3,27.2\" fill=\"#FFD8DE\"\/><\/g><g><polygon points=\"-30.5,25.6 -11.1,36.8 -11.1,27.2 -30.5,16.0\" fill=\"#00c4b4\"\/><polygon points=\"11.1,24.0 -11.1,36.8 -11.1,27.2 11.1,14.4\" fill=\"#009E91\"\/><polygon points=\"-8.3,3.2 11.1,14.4 -11.1,27.2 -30.5,16.0\" fill=\"#5FE0D5\"\/><\/g><g><polygon points=\"4.2,32.8 15.2,39.2 15.2,34.4 4.2,28.0\" fill=\"#F5C518\"\/><polygon points=\"26.3,32.8 15.2,39.2 15.2,34.4 26.3,28.0\" fill=\"#CFA410\"\/><polygon points=\"15.2,21.6 26.3,28.0 15.2,34.4 4.2,28.0\" fill=\"#FFE067\"\/><\/g><g><polygon points=\"-6.9,39.2 4.2,45.6 4.2,42.4 -6.9,36.0\" fill=\"#FFD8DE\"\/><polygon points=\"12.5,40.8 4.2,45.6 4.2,42.4 12.5,37.6\" fill=\"#F2BCC5\"\/><polygon points=\"1.4,31.2 12.5,37.6 4.2,42.4 -6.9,36.0\" fill=\"#FFFFFF\"\/><\/g><\/svg><h3>Site web<\/h3><p><a href=\"https:\/\/www.freshorganicmotion.com\/mascotte-3d-interactive-site-web\/\">Mascotte anim&#233;e et interactive<\/a> sur vos pages.<\/p><\/div>\n        <div class=\"fmt\"><svg class=\"iso-fmt\" viewBox=\"-60 -31 121 104\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"-55.4,36.8 0.0,68.8 0.0,64.0 -55.4,32.0\" fill=\"#F3DCD8\"\/><polygon points=\"55.4,36.8 0.0,68.8 0.0,64.0 55.4,32.0\" fill=\"#E6C3BD\"\/><polygon points=\"0.0,0.0 55.4,32.0 0.0,64.0 -55.4,32.0\" fill=\"#FFFFFF\"\/><\/g><g><polygon points=\"-38.8,32.0 0.0,54.4 0.0,48.8 -38.8,26.4\" fill=\"#FF5A3C\"\/><polygon points=\"38.8,32.0 0.0,54.4 0.0,48.8 38.8,26.4\" fill=\"#D9432A\"\/><polygon points=\"0.0,4.0 38.8,26.4 0.0,48.8 -38.8,26.4\" fill=\"#FF8A70\"\/><\/g><polygon points=\"-27.7,26.4 0.0,42.4 0.0,-25.6\" fill=\"#FF5A3C\"\/><polygon points=\"27.7,26.4 0.0,42.4 0.0,-25.6\" fill=\"#D9432A\"\/><polygon points=\"-19.6,11.2 0.0,22.5 0.0,12.1 -15.3,3.2\" fill=\"#FFFFFF\"\/><polygon points=\"-10.2,-6.4 0.0,-0.5 0.0,-8.9 -6.8,-12.8\" fill=\"#FFFFFF\"\/><polygon points=\"19.6,11.2 0.0,22.5 0.0,12.1 15.3,3.2\" fill=\"#F2BCC5\"\/><polygon points=\"10.2,-6.4 0.0,-0.5 0.0,-8.9 6.8,-12.8\" fill=\"#F2BCC5\"\/><\/svg><h3>Formation interne<\/h3><p>Consignes et <a href=\"https:\/\/www.freshorganicmotion.com\/mascotte-securite-au-travail\/\">s&#233;curit&#233; au travail<\/a> qu'on retient.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 9. FAQ -->\n  <section style=\"padding-top:0\">\n    <div class=\"w faq rv\">\n      <p class=\"tag\">Vos questions<\/p>\n      <h2>Motion design &#224; Nantes&nbsp;:<br>ce qu'on nous demande.<\/h2>\n      <details open><summary>C'est quoi, le motion design&nbsp;?<\/summary><div class=\"a\"><p>C'est l'animation graphique au service d'un message. Chez Fresh Organic Motion, on le pratique avec un personnage&nbsp;: il porte une histoire, et l'histoire porte votre propos.<\/p><\/div><\/details>\n      <details><summary>Motion design ou motion graphics, quelle diff&#233;rence&nbsp;?<\/summary><div class=\"a\"><p>Le motion graphics anime des formes, des textes et des chiffres. Le motion design de personnage ajoute un h&#233;ros et une narration. Le premier informe, le second cr&#233;e l'attachement.<\/p><\/div><\/details>\n      <details><summary>Vous animez un personnage qui existe d&#233;j&#224;&nbsp;?<\/summary><div class=\"a\"><p>Oui. On l'anime en 2D ou en 3D en respectant son caract&#232;re. Pas encore de personnage&nbsp;? On le <a href=\"https:\/\/www.freshorganicmotion.com\/creation-mascotte\/\">cr&#233;e avec vous<\/a>, puis on l'anime.<\/p><\/div><\/details>\n      <details><summary>Combien de temps faut-il pour une vid&#233;o&nbsp;?<\/summary><div class=\"a\"><p>Comptez en g&#233;n&#233;ral 4 &#224; 6 semaines, du premier appel &#224; la livraison, selon la dur&#233;e de la vid&#233;o et le personnage.<\/p><\/div><\/details>\n      <details><summary>Le studio n'est pas &#224; Nantes, c'est un probl&#232;me&nbsp;?<\/summary><div class=\"a\"><p>Non. Briefs en visio, storyboard et animations valid&#233;s en ligne, livraison dans tous les formats. Vous suivez votre projet comme si vous &#233;tiez au studio.<\/p><\/div><\/details>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43281ee e-con-full e-flex e-con e-parent\" data-id=\"43281ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25fc9f6 elementor-widget elementor-widget-html\" data-id=\"25fc9f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FOM | \/motion-design-nantes\/ | BLOC 8 sur 8 : widget HTML Elementor n&#176;8 -->\n<div class=\"fom-mdn\">\n  <!-- 10. CTA -->\n  <section style=\"padding-top:0\">\n    <div class=\"w rv\">\n      <div class=\"cta-card\">\n        <span class=\"halo warm\" aria-hidden=\"true\"><\/span>\n        <div class=\"cta-art\">\n          <img loading=\"lazy\" decoding=\"async\" class=\"tile\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-tour-lu-isometrique.webp\" alt=\"La tour LU du Lieu Unique &#224; Nantes en illustration isom&#233;trique\" loading=\"lazy\" width=\"906\" height=\"827\">\n          <img loading=\"lazy\" decoding=\"async\" class=\"mimi\" src=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-mimi-3d-hello.webp\" alt=\"Mimi Koloa fait signe, contactez le studio Fresh Organic Motion\" loading=\"lazy\" width=\"640\" height=\"640\">\n        <\/div>\n        <div>\n          <p class=\"tag\">Votre projet<\/p>\n          <h2>Votre propos m&#233;rite <span class=\"hl\">un personnage.<\/span><\/h2>\n          <p class=\"lead\">Discutons-en aujourd'hui. R&#233;ponse sous 24 h ouvr&#233;es.<\/p>\n          <div class=\"ctas\">\n            <a class=\"btn btn-primary\" href=\"https:\/\/www.freshorganicmotion.com\/contact\/\">D&#233;marrer mon projet<\/a>\n            <a class=\"btn btn-ghost\" href=\"tel:+33353320040\">03 53 32 00 40<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n\/* Script commun \\u00e0 tous les blocs .fom-mdn (plac\\u00e9 dans le DERNIER bloc HTML).\n   \\u00c9crit sans \"&&\" ni \"<\" : WordPress ne peut pas l'ab\\u00eemer. Si le script ne tourne pas, tout reste visible. *\/\n(function(){\n  function all(q){return Array.prototype.slice.call(document.querySelectorAll('.fom-mdn '+q));}\n  function mq(q){return !!(window.matchMedia ? window.matchMedia(q).matches : false);}\n\n  \/* Hero : parallaxe douce \\u00e0 la souris, uniquement sur pointeur fin *\/\n  var hs=document.getElementById('mdnHero');\n  if(hs){ if(mq('(pointer:fine)')){ if(!mq('(prefers-reduced-motion:reduce)')){\n    var sec=hs.closest('section'), raf=0;\n    sec.addEventListener('pointermove',function(e){\n      var b=sec.getBoundingClientRect(), x=(e.clientX-b.left)\/b.width*2-1, y=(e.clientY-b.top)\/b.height*2-1;\n      if(raf) return; raf=requestAnimationFrame(function(){raf=0;hs.style.setProperty('--mx',(-x).toFixed(3));hs.style.setProperty('--my',(-y).toFixed(3));});\n    });\n    sec.addEventListener('pointerleave',function(){hs.style.setProperty('--mx',0);hs.style.setProperty('--my',0);});\n  }}}\n\n  \/* Manifeste : objectif -> propos \/ histoire \/ personnage *\/\n  var D=[\n    [\"Votre service est clair pour vous. Pas encore pour vos clients.\",\"Un client perdu, une solution simple, un sourire \\u00e0 la fin.\",\"Il guide votre client pas \\u00e0 pas. On retient le message parce qu'on l'a v\\u00e9cu avec lui.\"],\n    [\"Une consigne qu'on lit, puis qu'on oublie.\",\"Une situation du quotidien, un risque \\u00e9vit\\u00e9 de justesse, le bon r\\u00e9flexe.\",\"Il fait passer la consigne sans faire la morale. Vos \\u00e9quipes s'y reconnaissent.\"],\n    [\"Une marque s\\u00e9rieuse, mais qu'on ne remarque pas.\",\"Une rencontre, un petit rituel, un attachement qui grandit.\",\"Il devient le visage de votre marque. Reconnu en un coup d'\\u0153il, partag\\u00e9 sans effort.\"]\n  ];\n  var chips=all('.chips button'), lines=all('.beat strong');\n  chips.forEach(function(c){c.addEventListener('click',function(){\n    chips.forEach(function(x){x.setAttribute('aria-pressed','false')}); c.setAttribute('aria-pressed','true');\n    var k=+c.dataset.k; lines.forEach(function(b){b.classList.add('out')});\n    setTimeout(function(){lines.forEach(function(b,i){b.textContent=D[k][i];b.classList.remove('out')})},230);\n  })});\n\n  \/* Avant \/ apr\\u00e8s *\/\n  all('.compare').forEach(function(cmp){\n    var rg=cmp.querySelector('input');\n    if(rg) rg.addEventListener('input',function(){cmp.style.setProperty('--pos',rg.value+'%')});\n  });\n\n  \/* M\\u00e9thode : une \\u00e9tape ouverte \\u00e0 la fois *\/\n  var steps=all('.step');\n  steps.forEach(function(s){s.addEventListener('click',function(){steps.forEach(function(x){x.setAttribute('aria-expanded',x===s?'true':'false')})})});\n\n  \/* Apparition au scroll : activ\\u00e9e seulement ici, donc sans script tout reste visible *\/\n  var rv=all('.rv');\n  if('IntersectionObserver' in window){\n    document.documentElement.classList.add('fom-anim');\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}})},{threshold:.08});\n    rv.forEach(function(el){io.observe(el)});\n    setTimeout(function(){rv.forEach(function(el){el.classList.add('in')})},4000);\n  }\n})();\n<\/script>\n\n<script>\n\/* Vid\\u00e9o YouTube \\u00e0 part : l'outil de cookies peut la bloquer sans toucher au reste de la page.\n   Sans accord, le clic ouvre simplement la vid\\u00e9o sur YouTube. *\/\n(function(){\n  Array.prototype.slice.call(document.querySelectorAll('.fom-mdn .thumb[data-video]')).forEach(function(t){t.addEventListener('click',function(e){\n    e.preventDefault(); if(t.querySelector('iframe')) return;\n    var f=document.createElement('iframe');\n    f.src='https:\/\/www.youtube-nocookie.com\/embed\/'+t.dataset.video+'?autoplay=1'+String.fromCharCode(38)+'rel=0';\n    f.title=t.getAttribute('aria-label'); f.allow='autoplay; encrypted-media; picture-in-picture'; f.allowFullscreen=true;\n    t.appendChild(f); t.style.cursor='default';\n  })});\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\":\"https:\/\/schema.org\",\n  \"@graph\":[\n    {\"@type\":\"Service\",\n     \"name\":\"Motion design de personnage \\u00e0 Nantes\",\n     \"serviceType\":\"Motion design\",\n     \"description\":\"Studio d'animation de personnages : vid\\u00e9os en motion design 2D et 3D qui font vivre un personnage et une histoire au service de votre propos.\",\n     \"provider\":{\"@type\":\"Organization\",\"name\":\"Fresh Organic Motion\",\"url\":\"https:\/\/www.freshorganicmotion.com\/\",\"telephone\":\"+33353320040\"},\n     \"areaServed\":[{\"@type\":\"City\",\"name\":\"Nantes\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Vend\\u00e9e\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Pays de la Loire\"}],\n     \"url\":\"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/\"},\n    {\"@type\":\"VideoObject\",\n     \"name\":\"Biod\\u00e9chets et gaz vert dans les festivals, pour GRDF Ouest\",\n     \"description\":\"Vid\\u00e9o motion design de 53 secondes qui raconte la boucle des biod\\u00e9chets de festival transform\\u00e9s en gaz renouvelable.\",\n     \"thumbnailUrl\":\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/motion-design-nantes-grdf-ouest-biodechets-gaz-vert.webp\",\n     \"embedUrl\":\"https:\/\/www.youtube-nocookie.com\/embed\/u2PDpOjBGjI\",\n     \"contentUrl\":\"https:\/\/www.youtube.com\/watch?v=u2PDpOjBGjI\",\n     \"duration\":\"PT53S\",\n     \"uploadDate\":\"2024-06-27T05:44:35-07:00\"},\n    {\"@type\":\"FAQPage\",\"mainEntity\":[\n      {\"@type\":\"Question\",\"name\":\"C'est quoi, le motion design ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"C'est l'animation graphique au service d'un message. Chez Fresh Organic Motion, on le pratique avec un personnage : il porte une histoire, et l'histoire porte votre propos.\"}},\n      {\"@type\":\"Question\",\"name\":\"Motion design ou motion graphics, quelle diff\\u00e9rence ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le motion graphics anime des formes, des textes et des chiffres. Le motion design de personnage ajoute un h\\u00e9ros et une narration. Le premier informe, le second cr\\u00e9e l'attachement.\"}},\n      {\"@type\":\"Question\",\"name\":\"Vous animez un personnage qui existe d\\u00e9j\\u00e0 ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. On l'anime en 2D ou en 3D en respectant son caract\\u00e8re. Pas encore de personnage ? On le cr\\u00e9e avec vous, puis on l'anime.\"}},\n      {\"@type\":\"Question\",\"name\":\"Combien de temps faut-il pour une vid\\u00e9o ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Comptez en g\\u00e9n\\u00e9ral 4 \\u00e0 6 semaines, du premier appel \\u00e0 la livraison, selon la dur\\u00e9e de la vid\\u00e9o et le personnage.\"}},\n      {\"@type\":\"Question\",\"name\":\"Le studio n'est pas \\u00e0 Nantes, c'est un probl\\u00e8me ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non. Briefs en visio, storyboard et animations valid\\u00e9s en ligne, livraison dans tous les formats.\"}}\n    ]}\n  ]\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Studio motion design &#183; Nantes Motion design &#224; Nantes&nbsp;: on donne vie &#224; votre personnage Le motion design, pour nous, c&rsquo;est l&rsquo;art de faire vivre un personnage et une histoire au service de votre propos. Un sujet complexe devient une image claire, qu&rsquo;on retient. Parlons de votre vid&#233;o Voir un exemple 2D &#183; 3D &#183;&#8230;<\/p>","protected":false},"author":1,"featured_media":12959,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-12957","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Motion design \u00e0 Nantes : on donne vie \u00e0 votre personnage<\/title>\n<meta name=\"description\" content=\"Vid\u00e9os 2D et 3D qui font vivre un personnage au service de votre propos. Exemple GRDF Ouest, m\u00e9thode en 4 \u00e9tapes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.freshorganicmotion.com\/es\/motion-design-nantes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion design \u00e0 Nantes : on donne vie \u00e0 votre personnage\" \/>\n<meta property=\"og:description\" content=\"Vid\u00e9os 2D et 3D qui font vivre un personnage au service de votre propos. Exemple GRDF Ouest, m\u00e9thode en 4 \u00e9tapes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.freshorganicmotion.com\/es\/motion-design-nantes\/\" \/>\n<meta property=\"og:site_name\" content=\"Fresh Organic Motion\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freshorganicmotion.studio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-11T11:56:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/mascotte-cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"326\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/\",\"url\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/\",\"name\":\"Motion design \u00e0 Nantes : on donne vie \u00e0 votre personnage\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/wp-content\\\/uploads\\\/mascotte-cover.png\",\"datePublished\":\"2026-10-10T14:53:58+00:00\",\"dateModified\":\"2026-10-11T11:56:18+00:00\",\"description\":\"Vid\u00e9os 2D et 3D qui font vivre un personnage au service de votre propos. Exemple GRDF Ouest, m\u00e9thode en 4 \u00e9tapes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/wp-content\\\/uploads\\\/mascotte-cover.png\",\"contentUrl\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/wp-content\\\/uploads\\\/mascotte-cover.png\",\"width\":600,\"height\":326},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/motion-design-nantes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Agence motion design Nantes | Studio d&rsquo;animation 2D et 3D\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/#website\",\"url\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/\",\"name\":\"Fresh Organic Motion\",\"description\":\"Studio de mascottes de marque 2D et 3D\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/#organization\",\"name\":\"Fresh Organic Motion\",\"url\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/wp-content\\\/uploads\\\/cropped-fresh-organic-motion-logo-2.png\",\"contentUrl\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/wp-content\\\/uploads\\\/cropped-fresh-organic-motion-logo-2.png\",\"width\":512,\"height\":512,\"caption\":\"Fresh Organic Motion\"},\"image\":{\"@id\":\"https:\\\/\\\/www.freshorganicmotion.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freshorganicmotion.studio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/freshorganicmotion.studio\\\/\",\"https:\\\/\\\/www.behance.net\\\/freshorganicmotion\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion design \u00e0 Nantes : on donne vie \u00e0 votre personnage","description":"Vid\u00e9os 2D et 3D qui font vivre un personnage au service de votre propos. Exemple GRDF Ouest, m\u00e9thode en 4 \u00e9tapes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.freshorganicmotion.com\/es\/motion-design-nantes\/","og_locale":"es_ES","og_type":"article","og_title":"Motion design \u00e0 Nantes : on donne vie \u00e0 votre personnage","og_description":"Vid\u00e9os 2D et 3D qui font vivre un personnage au service de votre propos. Exemple GRDF Ouest, m\u00e9thode en 4 \u00e9tapes.","og_url":"https:\/\/www.freshorganicmotion.com\/es\/motion-design-nantes\/","og_site_name":"Fresh Organic Motion","article_publisher":"https:\/\/www.facebook.com\/freshorganicmotion.studio\/","article_modified_time":"2026-10-11T11:56:18+00:00","og_image":[{"width":600,"height":326,"url":"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/mascotte-cover.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/","url":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/","name":"Motion design \u00e0 Nantes : on donne vie \u00e0 votre personnage","isPartOf":{"@id":"https:\/\/www.freshorganicmotion.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/#primaryimage"},"image":{"@id":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/mascotte-cover.png","datePublished":"2026-10-10T14:53:58+00:00","dateModified":"2026-10-11T11:56:18+00:00","description":"Vid\u00e9os 2D et 3D qui font vivre un personnage au service de votre propos. Exemple GRDF Ouest, m\u00e9thode en 4 \u00e9tapes.","breadcrumb":{"@id":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/#primaryimage","url":"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/mascotte-cover.png","contentUrl":"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/mascotte-cover.png","width":600,"height":326},{"@type":"BreadcrumbList","@id":"https:\/\/www.freshorganicmotion.com\/motion-design-nantes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.freshorganicmotion.com\/"},{"@type":"ListItem","position":2,"name":"Agence motion design Nantes | Studio d&rsquo;animation 2D et 3D"}]},{"@type":"WebSite","@id":"https:\/\/www.freshorganicmotion.com\/#website","url":"https:\/\/www.freshorganicmotion.com\/","name":"Movimiento org\u00e1nico fresco","description":"Estudio de mascotas de marca en 2D y 3D","publisher":{"@id":"https:\/\/www.freshorganicmotion.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.freshorganicmotion.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.freshorganicmotion.com\/#organization","name":"Movimiento org\u00e1nico fresco","url":"https:\/\/www.freshorganicmotion.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.freshorganicmotion.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/cropped-fresh-organic-motion-logo-2.png","contentUrl":"https:\/\/www.freshorganicmotion.com\/wp-content\/uploads\/cropped-fresh-organic-motion-logo-2.png","width":512,"height":512,"caption":"Fresh Organic Motion"},"image":{"@id":"https:\/\/www.freshorganicmotion.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freshorganicmotion.studio\/","https:\/\/www.instagram.com\/freshorganicmotion.studio\/","https:\/\/www.behance.net\/freshorganicmotion"]}]}},"_links":{"self":[{"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/pages\/12957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/comments?post=12957"}],"version-history":[{"count":13,"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/pages\/12957\/revisions"}],"predecessor-version":[{"id":13000,"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/pages\/12957\/revisions\/13000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/media\/12959"}],"wp:attachment":[{"href":"https:\/\/www.freshorganicmotion.com\/es\/wp-json\/wp\/v2\/media?parent=12957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}