1:"$Sreact.fragment"
2:I[39756,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"default"]
3:I[37457,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"default"]
5:I[97367,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"OutletBoundary"]
6:"$Sreact.suspense"
9:I[97367,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"ViewportBoundary"]
b:I[97367,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"MetadataBoundary"]
d:I[68027,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"default",1]
:HL["/_next/static/chunks/0ik4ezwqyenh_.css","style"]
:HC["/",""]
0:{"P":null,"c":["","blog","when-a-website-needs-motion"],"q":"","i":false,"f":[[["",{"children":["blog",{"children":[["slug","when-a-website-needs-motion","d",null],{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ik4ezwqyenh_.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/01xlw8hd842-c.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/0d3shmwh5_nmn.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","data-scroll-behavior":"smooth","children":["$","body",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":["$L4",[["$","script","script-0",{"src":"/_next/static/chunks/14vypzx8h7vva.js","async":true,"nonce":"$undefined"}]],["$","$L5",null,{"children":["$","$6",null,{"name":"Next.MetadataOutlet","children":"$@7"}]}]]}],{},null,false,null]},null,false,"$@8"]},null,false,"$@8"]},null,false,null],["$","$1","h",{"children":[null,["$","$L9",null,{"children":"$La"}],["$","div",null,{"hidden":true,"children":["$","$Lb",null,{"children":["$","$6",null,{"name":"Next.Metadata","children":"$Lc"}]}]}],null]}],false]],"m":"$undefined","G":["$d",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0ik4ezwqyenh_.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"o_mb8u0B952Zvc0bN1YJF"}
e:[]
8:"$We"
f:I[62319,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js","/_next/static/chunks/14vypzx8h7vva.js"],"default"]
10:I[22016,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js","/_next/static/chunks/14vypzx8h7vva.js"],""]
11:I[56691,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js","/_next/static/chunks/14vypzx8h7vva.js"],"default"]
4:["$","main",null,{"className":"min-h-screen bg-black text-white","children":[["$","$Lf",null,{}],["$","article",null,{"className":"pt-40 pb-32","children":["$","div",null,{"className":"max-w-4xl mx-auto px-8","children":[["$","$L10",null,{"href":"/blog","className":"inline-flex text-sm text-white/45 hover:text-white transition-colors mb-10","children":"Back to blog"}],["$","p",null,{"className":"uppercase tracking-[0.3em] text-sm text-white/35 mb-6","children":"5 min read"}],["$","h1",null,{"className":"text-5xl md:text-7xl font-bold leading-[0.95] mb-8","children":"When a website needs motion"}],["$","p",null,{"className":"text-white/55 text-lg md:text-xl leading-relaxed mb-16","children":"A practical look at motion that clarifies the story instead of slowing it down."}],["$","div",null,{"className":"space-y-14","children":[["$","section","Motion should earn its place",{"children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold mb-5","children":"Motion should earn its place"}],["$","p",null,{"className":"text-white/60 text-lg leading-relaxed","children":"Animation is useful when it improves comprehension, guides attention or makes a transition feel less abrupt. It becomes expensive decoration when it delays the visitor from understanding the offer."}]]}],["$","section","Start with the user path",{"children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold mb-5","children":"Start with the user path"}],["$","p",null,{"className":"text-white/60 text-lg leading-relaxed","children":"Before adding motion, map the path from first impression to desired action. The right animation often appears at a handoff point: hero to proof, product claim to evidence, or decision point to call to action."}]]}],["$","section","Performance is part of the creative direction",{"children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold mb-5","children":"Performance is part of the creative direction"}],["$","p",null,{"className":"text-white/60 text-lg leading-relaxed","children":"The best motion systems are built with constraints: reduced motion support, compressed assets, sensible delays and clear fallback states. Fast and expressive should be designed together."}]]}]]}]]}]}],["$","$L11",null,{}]]}]
a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
12:I[27201,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"IconMark"]
7:null
c:[["$","title","0",{"children":"When a website needs motion | Uncanny Agency"}],["$","meta","1",{"name":"description","content":"A practical look at motion that clarifies the story instead of slowing it down."}],["$","meta","2",{"name":"keywords","content":"Creative Technology Agency,Web Development Agency,Ecommerce Development,Next.js Agency,Branding Studio,UI UX Design,Motion Design,App Development"}],["$","meta","3",{"name":"robots","content":"index, follow"}],["$","link","4",{"rel":"canonical","href":"https://uncannyagency.com/blog/when-a-website-needs-motion"}],["$","meta","5",{"property":"og:title","content":"When a website needs motion | Uncanny Agency"}],["$","meta","6",{"property":"og:description","content":"A practical look at motion that clarifies the story instead of slowing it down."}],["$","meta","7",{"property":"og:url","content":"https://uncannyagency.com/blog/when-a-website-needs-motion"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"property":"article:published_time","content":"2026-05-24"}],["$","meta","10",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","11",{"name":"twitter:title","content":"Uncanny Agency"}],["$","meta","12",{"name":"twitter:description","content":"Creative technology agency building memorable websites, brands, eCommerce, apps and AI-powered digital systems."}],["$","meta","13",{"name":"twitter:image","content":"https://uncannyagency.com/images/hero/triangle.png"}],["$","link","14",{"rel":"icon","href":"/favicon.ico?favicon.0x3dzn~oxb6tn.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L12","15",{}]]