<h3>The James Brand</h3><p>Website, eComm, DevOps</p><p>For James we created an experience that helps users better understand their products and which is right for them. The product story pages show the products through the people that use them. The shop pages allows users to quickly configure products and seamlessly step through the checkout process.</p><p>The site is a traditional responsive front-end powered by Craft CMS and Shopify. To better mange product content within Shopify we used Craft's Element API to push content capabilities. In the latest iteration we moved images to Imgix CDN using Picture element on the front-end to load the appropriate image for the device. We upgraded the sever to a custom built LAMP stack on DigitalOcean and moved from Craft 2 to Craft 3. These updates greatly decreased load times going from ~7s to a more reasonable ~750ms.</p><p><a href="https://thejamesbrand.com/">https://thejamesbrand.com</a></p><h3>Role</h3><p>Technical Director, DevOps, Front-end</p><h3>Technology</h3><p>LAMP, Craft CMS, Shopify, Imgix, Elemental API, Gulp</p><h3>Team</h3><p><a href="http://cabe.io/">Cabe Branson</a>, <a href="http://www.zacharyallott.com">Zach Allott</a>, <a href="http://www.austenezzell.com">Austen Ezzell</a>, <a href="http://thisisusefulinformation.com/">Steve Ebert</a>, <a href="http://www.pavlinasummers.com/">Pavlina Summers</a>, <a href="https://cincodesign.com/">Kirk James</a></p>

The James Brand

<h3>Cinco</h3><p>Website, DevOps</p><p>The Cinco website is a traditional responsive front-end with Craft CMS powering the content. To prevent release of embargoed content, all changes are done within our secure staging site and then deployed via SSH and Bash to our production servers. An image heavy site we used Craft's Image Transforms to optimize images and utilize Srcset on the front-end to serve the appropriate image. That with some clever caching the site has been optimized for speed regardless of your device.</p><p><a href="https://cincodesign.com/">https://cincodesign.com</a></p><h3>Role</h3><p>Technical Director, DevOps, Front-end</p><h3>Technology</h3><p>LAMP, Bash, Craft CMS, Gulp</p><h3>Team</h3><p> <a href="http://cabe.io/">Cabe Branson</a>, <a href="http://www.austenezzell.com">Austen Ezzell</a>, <a href="http://thisisusefulinformation.com/">Steve Ebert</a>, <a href="http://www.zacharyallott.com">Zach Allott</a>, <a href="http://www.pavlinasummers.com/">Pavlina Summers</a>, <a href="https://cincodesign.com/">Kirk James</a></p>

Cinco

<h3>Better Together</h3><p>Interactive experience</p><p>For Design Week Portland 2017 we wanted to throw an epic party and invite the design community to take part. We set out to bring together all disciplines at Cinco and highlight our extended capabilities. The result was an experience that blended the ambient with the interactive, massive scale with attention to the smallest details, and a dynamically personal experience with a community gathering.</p><div class="embed-container"><div class="media"><iframe src="https://player.vimeo.com/video/218874785?app_id=122963" width="640" height="360" frameborder="0" title="DWP_2017_Recap_005" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div><h3>Role</h3><p>Technical Director, Developer</p><h3>Technology</h3><p>JavaScript, Three.js, WebGL, MadMapper, IR camera by Flir, Socket.io</p><h3>Team</h3><a><a href="http://cabe.io/">Cabe Branson</a>, <a href="https://www.linkedin.com/in/adamdemorest/">Adam Demorest</a>, <a href="http://karlyhand.com/">Karly Hand</a>, <a href="https://matthewgamlen.com/">Mathew Gamlen</a>, <a href="https://www.goodmerritt.com/">Merritt Davies</a>, <a href="https://cincodesign.com/">Kirk James</a>, <a href="https://www.deceasar.com/">Nathan De Ceasar</a>, <a href="https://www.breakneckcity.com/">Carlos Maya</a>, <a href="http://www.dantheanimator.com/">Dan Ortiz</a>, <a href="http://www.mariajanoskodesign.com/">Maria Janosko</a>, <a href="http://craigwinslow.com/">Craig Winslow</a></a>

Better Together

<h3>Nike Retail Lab</h3><p>Prototyping, NFC, Streaming Video</p><p>To introduce the Nike Connected Jersey, we partnered with Nike Global Basketball to create, prototype, and prove out a complete digital and physical system in the Nike Retail Lab, then help to bring the experience to the world.</p><p>Our goal was to create a seamless user experience driven by technology. Factoring in the variables of a retail environment. The experience needed to quickly load the highest quality video to help drive consumer engagement.</p><h3>Role</h3><p>Technical Director, Front-end, Prototyping, App Development</p><h3>Technology</h3><p>NFC, Java, HLS Streaming, SVG animation</p><h3>Team</h3><p><a href="https://www.linkedin.com/in/chrisleedom">Chris Leedom</a>, <a href="https://www.linkedin.com/in/elenabutler">Elena Butler</a>, <a href="https://www.linkedin.com/in/aaron-carlsson-93b0701b">Aaron Carlsson</a>, <a href="http://www.visitbrian.com/">Brian Jones</a>, <a href="https://www.deceasar.com/">Nathan De Ceasar</a></p>

Nike Retail Lab

<h3>Nextbit</h3><p>Website, eComm, DevOps</p><p>A new player in the Android market. Nextbit had a creative solution. Simple yet beautiful hardware with new thinking added to Android that allows a users to never run out of storage with the power of the cloud. We brought together a beautiful story telling site with a easy to use eComm experience leveraging the Shopify platform.</p><h3>Role</h3><p>Technical Director, Developer</p><h3>Team</h3><p><a href=/"http://www.austenezzell.com/">Austen Ezzell</a>, <a href=/"https://www.zacharyallott.com//">Zach Allott</a>, <a href=/"http://www.aaronpoeandco.com//">Aaron Poe</a>, <a href=/"https://cincodesign.com//">Kirk James</a></p>

Nextbit

<h3>Gogoro</h3><p>Website</p><p>Over a year in the making involving all aspects of the studio Gogoro as whole was a monumental effort. I was tasked with building a feature rich site that told the story behind Gogoro and highlighted the engineering beauty that goes into a Gogoro Scooter. Not only was this site forward thinking and pushed what could be done on the web at the time it also needed to work in Internet Explorer 9. I developed thinking that helped the site run full featured on modern browsers and devices yet seamlessly degrade to not so great browsers and smaller screens. The result was a rich storytelling experience that felt great no matter the device or browser the user was experiencing it on.</p><h3>Role</h3><p>Developer</p><h3>Team</h3><p><a href="http://www.austenezzell.com">Austen Ezzell</a>, <a href="http://erichquist.com/">Erich Quist</a>, <a href="https://www.zacharyallott.com/">Zach Allott</a>, <a href="https://rwpdesign.com/">Ryan Peterson</a>, <a href="https://cincodesign.com/">Kirk James</a></p><h3>Awards</h3><p><a href="https://thefwa.com/cases/gogoro">FWA of the Day</a>, <a href="https://www.awwwards.com/sites/gogoro">Awwwards SOTD</a></p>

Gogoro

<h3>Stellar</h3><p>Website</p><p>A studio wide collaboration brought together strategy, copywriting, design, motion graphics, and development to create a highly refined story that contained substance and was artfully crafted. I lead development partnering with design and the motion teams to prototype creative approaches to telling the Stellar story. We landed on using SVG animations to show the algorithmic thinking behind Stellar's product.</p><h3>Role</h3><p>Technical Director, Developer</p><h3>Technology</h3><p>Craft CMS, Bodymovin'</p><h3>Team</h3><p><a href="https://cargocollective.com/jakepalu">Jake Palu</a>, <a href="http://www.aaronpoeandco.com/">Aaron Poe</a>, <a href="https://www.deceasar.com/">Nathan De Ceasar</a>, <a href="https://cabe.io/">Cabe Branson</a>, <a href="https://cincodesign.com/">Kirk James</a></p>