{"id":99,"date":"2009-03-21T12:00:14","date_gmt":"2009-03-21T01:00:14","guid":{"rendered":"http:\/\/www.dislocated.org\/?p=99"},"modified":"2009-05-12T13:31:32","modified_gmt":"2009-05-12T02:31:32","slug":"shapeshifter-website","status":"publish","type":"post","link":"https:\/\/www.dislocated.org\/?p=99","title":{"rendered":"Shapeshifter website"},"content":{"rendered":"<p>Shapeshifter are one of New Zealand&#8217;s best-loved bands, with a world-wide following for their jazz-influenced live drum &amp; bass. I&#8217;ve partied to their music for years, and it was an honour to be invited to build them a website. In creating a web presence for them, I worked with the twin concepts of their organic, shifting, instrumental approach to their music, and the hard-edged, technical drum and bass aesthetic that holds it all together. To that end, the website is a kind of organic layout engine, with a library of shapes, textures and colours being recombined on the fly to create a different look each and every time you visit. Laid over the top of this shifting background is the majority of the content, its contrasting colours and hard-edged, angular feel intended to capture the digital element in their sound.<\/p>\n<p>Oh, and it&#8217;s also a great big pile of shifting shapes.<\/p>\n<p><strong>Client:<\/strong> Shapeshifter Music<\/p>\n<p><strong>Online: <\/strong>2005 &#8211; current.<\/p>\n<p><strong>Website:<a href=\"http:\/\/www.shapeshifter.co.nz\"> <\/a><\/strong><a href=\"http:\/\/www.shapeshifter.co.nz\">shapeshifter.co.nz<\/a><\/p>\n<p><a href=\"http:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-100 alignnone\" title=\"shapeshifter-screenshots\" src=\"http:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots.jpg\" alt=\"shapeshifter-screenshots\" width=\"480\" height=\"304\" srcset=\"https:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots.jpg 800w, https:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots-300x189.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshot-2.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-102 alignnone\" title=\"shapeshifter-screenshot-2\" src=\"http:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshot-2.gif\" alt=\"shapeshifter-screenshot-2\" width=\"480\" height=\"313\" srcset=\"https:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshot-2.gif 800w, https:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshot-2-300x195.gif 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots4.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-103\" title=\"shapeshifter-screenshots4\" src=\"http:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots4.gif\" alt=\"shapeshifter-screenshots4\" width=\"480\" height=\"304\" srcset=\"https:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots4.gif 800w, https:\/\/www.dislocated.org\/wordpress\/wp-content\/uploads\/2009\/03\/shapeshifter-screenshots4-300x189.gif 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shapeshifter are one of New Zealand&#8217;s best-loved bands, with a world-wide following for their jazz-influenced live drum &amp; bass. I&#8217;ve &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-99","post","type-post","status-publish","format-standard","hentry","category-web-flash-design"],"_links":{"self":[{"href":"https:\/\/www.dislocated.org\/index.php?rest_route=\/wp\/v2\/posts\/99"}],"collection":[{"href":"https:\/\/www.dislocated.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dislocated.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dislocated.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dislocated.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=99"}],"version-history":[{"count":5,"href":"https:\/\/www.dislocated.org\/index.php?rest_route=\/wp\/v2\/posts\/99\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/www.dislocated.org\/index.php?rest_route=\/wp\/v2\/posts\/99\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/www.dislocated.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=99"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dislocated.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=99"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dislocated.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}