![](https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=810&ixlib=php-3.3.1&q=82&usm=20&w=1440&s=d97023a7a934e100fe5c21f7e18a5756 1440w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1620&ixlib=php-3.3.1&q=61&usm=20&w=2880&s=bea8a49e08e49ed89812c430875e9c62 2880w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=620&ixlib=php-3.3.1&q=82&usm=20&w=992&s=b8eb59c282338b67caa5e6231279374c 992w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1240&ixlib=php-3.3.1&q=61&usm=20&w=1984&s=e819c1b15fb5e4870440b78831f0cff3 1984w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=680&ixlib=php-3.3.1&q=82&usm=20&w=850&s=1a5174494e203ad66e04009b739d17a2 850w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1360&ixlib=php-3.3.1&q=61&usm=20&w=1700&s=d0993f09a95899761c5eb9607304c689 1700w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1066&ixlib=php-3.3.1&q=82&usm=20&w=600&s=2a4f424921191665984d3448f3def305 600w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=2133&ixlib=php-3.3.1&q=61&usm=20&w=1200&s=f2d5e5c77356cf05b5ee9a7ab859907e 1200w, https://varyer.imgix.net/Zone6-1-Header_2020-10-06-202148.png?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=3200&ixlib=php-3.3.1&q=41&usm=20&w=1800&s=479da77549aaeb6e98292a9ccf23ae93 1800w)
Zone 6
Premise
Clean, intuitive, and straightforward were our main objectives. We created Zone 6’s music management portfolio site with enough personalized flourishes to stand out from an out-of-the-box platform.
About
Zone 6 is an independent artist management company based in Brooklyn, NY
We meet you where you are
There is no one-size-fits-all response to a project brief or to what we propose we can deliver for a client. We pride ourselves on our ability to communicate empathetically and with understanding, ascertaining specific priorities for different individuals. The launch of the Zone6 website is an example of problem solving that supported a unique, individual need.
![](https://varyer.imgix.net/Zone6-3-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1744&ixlib=php-3.3.1&q=82&usm=20&w=960&s=c86726ad1d2eaede3d286a858f991742 960w, https://varyer.imgix.net/Zone6-3-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=3489&ixlib=php-3.3.1&q=61&usm=20&w=1920&s=7cebd29e0c2d2e0f469cc448be8c94c3 1920w, https://varyer.imgix.net/Zone6-3-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1395&ixlib=php-3.3.1&q=60&usm=20&w=768&s=0d493116734661297f831fc1a0ce66d2 768w, https://varyer.imgix.net/Zone6-3-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=2791&ixlib=php-3.3.1&q=45&usm=20&w=1536&s=56f33d76c96f6812ee6eac2eb933df90 1536w, https://varyer.imgix.net/Zone6-3-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1046&ixlib=php-3.3.1&q=60&usm=20&w=576&s=599a896e01c3131b293f5d78eea0cacb 576w, https://varyer.imgix.net/Zone6-3-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=2093&ixlib=php-3.3.1&q=45&usm=20&w=1152&s=d3329a3e0656a477f7a5b31f5db49b71 1152w)
Drawing inspiration from early botanical illustrations
![](https://varyer.imgix.net/Zone6-2-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1511&ixlib=php-3.3.1&q=82&usm=20&w=960&s=94caf656abb096085f82291a84c4f6b1 960w, https://varyer.imgix.net/Zone6-2-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=3023&ixlib=php-3.3.1&q=61&usm=20&w=1920&s=1a41d38928e948030fd82b0d23d0a10e 1920w, https://varyer.imgix.net/Zone6-2-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1209&ixlib=php-3.3.1&q=60&usm=20&w=768&s=7647fd63ca51dda7b8a9c9e04cfb4a67 768w, https://varyer.imgix.net/Zone6-2-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=2418&ixlib=php-3.3.1&q=45&usm=20&w=1536&s=c1161e179cef11f931e1f688df7b730a 1536w, https://varyer.imgix.net/Zone6-2-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=907&ixlib=php-3.3.1&q=60&usm=20&w=576&s=5c9bb6aa04c148a3342955af5a8a3405 576w, https://varyer.imgix.net/Zone6-2-Diagram.jpg?auto=format&crop=focalpoint&domain=varyer.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=1814&ixlib=php-3.3.1&q=45&usm=20&w=1152&s=144ede99c983cacfca8560224239e659 1152w)
Working with constraints
Zone6 is an ongoing curatorial venture from Caleb Braaten of Sacred Bones and Brandon Stosuy of The Creative Independent. We understood their need for a website that could be created and updated without the need for development while not sacrificing on style. We settled on the Cargo Collective platform and created a sitemap and wireframes with its limitations in mind.
Auditory visions come to life
Visually, Zone6 has an aura that resonates in a similar frequency to that of its musicians; dark, evocative, and purposeful. Perfectly edited and with nothing out of place. We designed the homepage animation as an extension of the plant in their logo, hinting at growth and the future. Knowing the client's proclivity towards minimalism, we wanted to stay true to this ideal but include something unique. We opted for hover states to create unexpected moments: a blur for all images, and a photo popup on each artist in their roster. These touches are programmatic, requiring no design for future images uploaded to the website.
Above all else, be friends
For this project, being a collaborative partner in the design process was crucial. Decisions that we made would affect the functional ease of the site when completed. We provided documentation on how to make material edits and scheduled training sessions to ensure a smooth transition from our agency to the Zone6 staff.
In an industry of algorithms, we’re more interested in fostering community.