[{"data":1,"prerenderedAt":273},["ShallowReactive",2],{"navigation":3,"socials":68,"post-\u002Fnathannankervis":83,"project-\u002Fnathannankervis":84},{"id":4,"extension":5,"footer":6,"header":56,"meta":65,"stem":66,"__hash__":67},"navigation\u002Fnavigation.yml","yml",[7,26,38],{"label":8,"items":9,"path":25},"Web development",[10,13,16,19,22],{"label":11,"path":12},"Vue web development","\u002Fvue-js-development-services",{"label":14,"path":15},"React development services","\u002Freact-js-development-services",{"label":17,"path":18},"Laravel development services","\u002Flaravel-development-services",{"label":20,"path":21},"Shopify developers Melbourne","\u002Fshopify",{"label":23,"path":24},"Next.js developers Melbourne","\u002Fnext-js-framework","",{"label":27,"items":28,"path":25},"Cyber security",[29,32,35],{"label":30,"path":31},"Cyber security for small business","\u002Fcyber-security\u002Fsmall-business",{"label":33,"path":34},"Lessons from famous breaches","\u002Fcyber-security\u002Fbreach-lessons",{"label":36,"path":37},"Free cyber health check","\u002Fcyber-security\u002Fsmall-business\u002Fdiy-cyber-security-health-check",{"label":39,"items":40},"Navigate",[41,44,47,50,53],{"label":42,"path":43},"Home","\u002F",{"label":45,"path":46},"Case Studies","\u002Fcase-studies",{"label":48,"path":49},"Cyber Security","\u002Fcyber-security",{"label":51,"path":52},"Contact Us","\u002Fcontact",{"label":54,"path":55},"Editorial Policy","\u002Feditorial-policy",[57,60,61,62],{"label":58,"path":59},"Web Development","\u002Fweb-development",{"label":45,"path":46},{"label":48,"path":49},{"label":63,"path":64},"About","\u002Fabout",{},"navigation","vaEm85Hrq3ctMNbTgmkywbdLEBklhE1-5zsuR9ZI5Oo",{"id":69,"extension":5,"items":70,"meta":80,"stem":81,"__hash__":82},"socials\u002Fsocials.yml",[71,74,77],{"type":72,"link":73},"facebook","https:\u002F\u002Fwww.facebook.com\u002Fitclub.com.au",{"type":75,"link":76},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fitclub\u002Fabout\u002F",{"type":78,"link":79},"behance","https:\u002F\u002Fwww.behance.net\u002Felenaitclub\u002F",{},"socials","R3zh7G2Yeky6IFraIEG2izmfHXa3EG7r0rHl4YbjpWk",null,{"id":85,"title":86,"body":87,"card":246,"description":254,"extension":255,"meta":256,"metadata":257,"navigation":260,"path":261,"platform":262,"quote":263,"quoteAuthor":264,"seo":265,"sitemap":266,"stem":267,"subtitle":268,"summary":269,"technologies":270,"__hash__":272},"projects\u002Fnathan-nankervis.md","Animated Artist Portfolio Website",{"type":88,"value":89,"toc":238},"minimark",[90,95,104,117,120,124,156,163,167,170,193,197,207,210,214,221,236],[91,92,94],"h2",{"id":93},"artist-portfolio-web-development","Artist portfolio web development",[96,97,98,99,103],"p",{},"An artist's website has one job: to make the work feel as good on screen as it does in person. For ",[100,101,102],"strong",{},"NathanNankervis.com",", our team developed an animated portfolio website for one of Australia's most versatile creatives - pairing a Nuxt.js front-end with a headless CMS, fluid animations and motion-led interactions.",[105,106,107],"blockquote",{},[96,108,109,116],{},[110,111,115],"a",{"href":112,"rel":113},"https:\u002F\u002Fnathannankervis.com\u002F",[114],"nofollow","Nathan Nankervis"," is a Melbourne-based multidisciplinary artist, illustrator and designer whose work spans fine art, sculpture, furniture, apparel and public art He has collaborated with brands including Nike, Cartier, Swatch and PlayStation. His studio website showcases his growing body of work and connects visitors with his Shopify store, where they can can buy limited pieces.",[96,118,119],{},"The portfolio is the heart of the website, so every scroll, hover and transition had to feel considered. The animation is an important part of Nathan’s distinctive creative identity.",[91,121,123],{"id":122},"tech-stack-for-an-animated-portfolio","Tech stack for an animated portfolio",[125,126,127,138,144,150],"ul",{},[128,129,130,133,134,137],"li",{},[100,131,132],{},"Framework:"," ",[110,135,136],{"href":12},"Nuxt.js"," - the Vue.js framework - for server-side rendering, fast page loads and SEO-friendly project pages.",[128,139,140,143],{},[100,141,142],{},"Headless CMS:"," Contentful allows Nathan publish new artworks, projects and case studies through a clean editorial interface.",[128,145,146,149],{},[100,147,148],{},"E-commerce:"," A direct connection to Nathan's Shopify store, keeping his portfolio and online shop separated.",[128,151,152,155],{},[100,153,154],{},"Animation:"," A custom animation layer for scroll-triggered reveals, hover interactions and smooth page transitions that make the portfolio feel alive.",[96,157,158,159,162],{},"Together, ",[100,160,161],{},"Nuxt.js and Contentful"," give Nathan a lightning-fast, editorially flexible portfolio that connects visitors directly to his Shopify store without compromising on the heavy, expressive animation the brand is known for.",[91,164,166],{"id":165},"portfolio-features","Portfolio features",[96,168,169],{},"The artist portfolio website includes:",[125,171,172,175,178,181,184,187],{},[128,173,174],{},"An animated, editorially-curated collection of artwork, furniture, apparel and public work",[128,176,177],{},"Individual projects with imagery, video and detailed captions",[128,179,180],{},"Contentful headless CMS for content publishing",[128,182,183],{},"Scroll-triggered animations, hover interactions and smooth page transitions",[128,185,186],{},"Fast image delivery for a media-heavy, visual-first site",[128,188,189,190],{},"Direct access to Nathan’s Shopify store\n",[191,192],"br",{},[91,194,196],{"id":195},"in-nathans-words","In Nathan's words",[105,198,199],{},[96,200,201,202,204,206],{},"“Elena and Ruslan were an absolute breeze to work with and I would not be able to share my creativity with the world if it wasn't for extremely talented people like them. You are a master of the interwebs and I'm looking forward to continuing working with you.”",[191,203],{},[191,205],{}," - Nathan, Artist",[208,209],"hr",{},[91,211,213],{"id":212},"build-a-portfolio-website-that-brings-your-work-to-life","Build a portfolio website that brings your work to life",[96,215,216,217,220],{},"Planning a portfolio, Shopify store, or visually rich website? Our developers have hands-on experience with ",[110,218,219],{"href":12},"Vue.js and Nuxt.js development",", headless CMS platforms like Contentful and Shopify e-commerce. We can help you build a fast, animated, easy-to-manage website that presents your work at its best.",[222,223,227],"div",{"dataCmsId":224,"className":225},"cta-button",[226],"align-center",[222,228,231],{"className":229},[230],"button",[110,232,235],{"href":52,"className":233},[234],"cta","Get in touch",[191,237],{},{"title":25,"searchDepth":239,"depth":239,"links":240},2,[241,242,243,244,245],{"id":93,"depth":239,"text":94},{"id":122,"depth":239,"text":123},{"id":165,"depth":239,"text":166},{"id":195,"depth":239,"text":196},{"id":212,"depth":239,"text":213},{"title":86,"summary":247,"image":248,"logo":249,"order":252,"background":253},"An animated portfolio for Melbourne-based multidisciplinary artist Nathan Nankervis.","portfolio\u002Fnathan-nankervis-card-image.png",{"width":250,"src":251},200,"companies\u002Fnathan-nankervis_secondary_logo_wobble_face.avif",3,"#f4f4f4","An animated portfolio website built with Nuxt.js and Contentful, linking through to a Shopify store.","md",{},{"title":258,"description":259},"Artist Portfolio Website Development with Nuxt.js","How we built nathannankervis.com, an animated artist portfolio, with Nuxt.js, a Contentful headless CMS and rich scroll animations, linked to his Shopify store.",true,"\u002Fnathannankervis","Web","Elena and Ruslan were an absolute breeze to work with and I would not be able to share my creativity with the world without them.","Nathan Nankervis, Artist",{"title":86,"description":254},{"loc":261},"nathan-nankervis","Website development","An animated portfolio for Melbourne-based multidisciplinary artist Nathan Nankervis. Built with Nuxt.js and Contentful, the site makes it easy to showcase Nathan’s work and directs visitors to his Shopify store.",[136,271],"Contentful","C_GXJWfsRFXWoY1XobXup4kOD8jYJZnLpSm5zYvhde8",1785204198476]