{"componentChunkName":"component---src-templates-insights-tsx","path":"/insights","result":{"data":{"contentfulContentHub":{"featuredInsight":{"type":"Article","topics":["Design Strategy","Product Design"],"title":"5 Ways to Shake Up Your Digital Product Experience With Animation","subtitle":null,"slug":"5-animation-principles-for-ux-design","metaDescription":{"metaDescription":"Animation can surprise, delight, and make an emotional connection with digital product users. Follow these 5 animation principles to improve your UX."},"featuredIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/13SFBKENP21bGSrKixnSbJ/34ca2a490b0507ffbcb50f7ccc207e6a/Featured_GIF_Grey.gif"}}},"featuredInterstitialAd":{"headline":"Achieving Designer &<br> Developer Bliss","id":"16191729-1ea5-55be-a437-8c618cd7d8a5","resourceType":"eBook","ctaText":"Get your free eBook","customCtaLink":null,"ctaLink":{"slug":"designer-developer-collaboration-guide-tools"},"backgroundColor":"lavender","image":{"fluid":{"aspectRatio":0.9768518518518519,"src":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=800&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=200&h=205&q=50 200w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=400&h=409&q=50 400w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=633&h=648&q=50 633w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=800&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=200&h=205&q=50&fm=webp 200w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=400&h=409&q=50&fm=webp 400w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=633&h=648&q=50&fm=webp 633w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"allContentfulInterstitialAds":{"nodes":[{"headline":"Your Brand's Secret Weapon","id":"07aaca97-4db1-5b8e-9a1c-697864c44147","resourceType":"eBook","ctaText":"Get the eBook","customCtaLink":null,"ctaLink":{"slug":"design-system-digital-brand-benefits"},"backgroundColor":"black","image":{"fluid":{"aspectRatio":0.9753086419753086,"src":"//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=800&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=200&h=205&q=50 200w,\n//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=400&h=410&q=50 400w,\n//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=800&h=820&q=50 800w,\n//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=948&h=972&q=50 948w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=800&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=200&h=205&q=50&fm=webp 200w,\n//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=400&h=410&q=50&fm=webp 400w,\n//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=800&h=820&q=50&fm=webp 800w,\n//images.ctfassets.net/ry6adbgbrq11/67mLPjK1uNuP8WKTv7OGb1/0bf76025483e6e1c54c068e9a75b21c0/Design_Systems_Interstitial_Mock.png?w=948&h=972&q=50&fm=webp 948w","sizes":"(max-width: 800px) 100vw, 800px"}}},{"headline":"Achieving Designer &<br> Developer Bliss","id":"16191729-1ea5-55be-a437-8c618cd7d8a5","resourceType":"eBook","ctaText":"Get your free eBook","customCtaLink":null,"ctaLink":{"slug":"designer-developer-collaboration-guide-tools"},"backgroundColor":"lavender","image":{"fluid":{"aspectRatio":0.9768518518518519,"src":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=800&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=200&h=205&q=50 200w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=400&h=409&q=50 400w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=633&h=648&q=50 633w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=800&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=200&h=205&q=50&fm=webp 200w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=400&h=409&q=50&fm=webp 400w,\n//images.ctfassets.net/ry6adbgbrq11/1uHQ9zxs1i7BE9ZAghsnRB/75015442f7dd3211e5b30bd64d6b476e/Designer_Dev_Collab_Ad_Illustration.png?w=633&h=648&q=50&fm=webp 633w","sizes":"(max-width: 800px) 100vw, 800px"}}},{"headline":"Define a North Star<br> For Your Digital Product","id":"7d0cb8b4-ec96-5956-a947-99dbb3281b63","resourceType":"eBook","ctaText":"Get the free eBook","customCtaLink":"digital-product-future-state-design-principles","ctaLink":{"slug":"digital-product-future-state-design-principles"},"backgroundColor":"peach","image":{"fluid":{"aspectRatio":0.9783950617283951,"src":"//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=800&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=200&h=204&q=50 200w,\n//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=400&h=409&q=50 400w,\n//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=634&h=648&q=50 634w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=800&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=200&h=204&q=50&fm=webp 200w,\n//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=400&h=409&q=50&fm=webp 400w,\n//images.ctfassets.net/ry6adbgbrq11/2HL040peiOY8J6LUbarJMp/cb9858945fbca44232e51ac1bb57e981/Image__1_.png?w=634&h=648&q=50&fm=webp 634w","sizes":"(max-width: 800px) 100vw, 800px"}}}]}},"pageContext":{"topics":["Product Design","Design Strategy","Tools & Trends","Process","Product Marketing","Design Systems","Performance"],"types":["Article","Resource","eBook"]}},"staticQueryHashes":["150141661","2802189038"]}