CINXE.COM

<!doctype html> <html lang="en" class="no-js"> <head> <base href="https://recap.barrelny.com/recap/2014" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Home | Barrel Recap 2014</title> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="shortcut icon" href="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/favicon.ico" type="image/x-icon" /> <link rel='stylesheet' id='main-css' href='https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/styles/main.css?ver=4.1.1' type='text/css' media='all' /> <script type='text/javascript' src='https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/scripts/modernizr.min.js?ver=0.1.15'></script> <link rel='canonical' href='https://recap.barrelny.com/recap/2014/' /> <link rel='shortlink' href='https://recap.barrelny.com/recap/2014/' /> <script src="//use.typekit.net/oyt2rtb.js"></script> <script>try{Typekit.load();}catch(e){}</script> <meta property="og:image" content="https://recap.barrelny.com/recap/2014/wp-content/uploads/2015/01/OpenGraph_Recap2014.jpg"/> <meta property="og:title" content="Barrel Recap 2014: A Look Back"/> <meta property="og:description" content="Highlights from 2014 at Barrel, a digital agency in New York City."/> <meta property="og:url" content="https://recap.barrelny.com/recap/2014/"/> <meta property="og:site_name" content="Barrel Recap 2014: A Look Back"/> <meta property="og:type" content="website" /> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-6825094-26', 'auto'); ga('send', 'pageview'); </script></head> <body data-title="Barrel Recap 2014"> <svg> <defs> <g id="barrel-nub"> <path d="M10.7,2.8L10.7,2.8H2.9v7.9v7.9h7.9l0,0v-7.9h7.9C18.6,6.3,15.1,2.8,10.7,2.8z"/> </g> </defs> </svg> <header id="Header"> <div class="fixed-header"> <div class="logo"> <a href="https://recap.barrelny.com/recap/2014/"> <svg version="1.1" class="fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <g> <g> <path d="M10.7,2.8L10.7,2.8H2.9v7.9v7.9h7.9l0,0v-7.9h7.9C18.6,6.3,15.1,2.8,10.7,2.8z"/> <path d="M10.7,27L10.7,27H2.9v7.9v7.9h7.9l0,0v-7.9h7.9C18.6,30.6,15.1,27,10.7,27z"/> </g> </g> </svg> </a> </div> <div class="menubtn"> <div class="cheeseburger"> <span class="a color"></span> <span class="b color"></span> <span class="c color"></span> </div> </div> </div> <nav class="main-nav"> <div class="nav-items"> <ul id="menu-section-nav" class="menu"><li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-63 current_page_item menu-item-90"><a href="https://recap.barrelny.com/recap/2014/"><h2>Home</h2></a></li> <li id="menu-item-180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-180"><a href="https://recap.barrelny.com/recap/2014/work/"><h2>The Work</h2></a></li> <li id="menu-item-217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-217"><a href="https://recap.barrelny.com/recap/2014/barrel-projects/"><h2>Barrel Projects</h2></a></li> <li id="menu-item-94" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94"><a href="https://recap.barrelny.com/recap/2014/core-values/"><h2>Core Values</h2></a></li> <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="https://recap.barrelny.com/recap/2014/team/"><h2>The Team</h2></a></li> </ul> <div class="menu-item share"><p>Share on</p> <span class="button"><i class="fa fa-facebook" data-url="https://recap.barrelny.com/recap/2014/" data-text="Barrel Recap 2014: A look back on the highlights from the year." data-title=""></i></span> <span class="button"><i class="fa fa-twitter" data-url="https://recap.barrelny.com/recap/2014/" data-text="Barrel Recap 2014: A look back on the highlights from the year." data-title=""></i></span> <a href="mailto:?subject=Barrel Recap 2014&body=https://recap.barrelny.com/recap/2014/"> <i class="fa fa-envelope"></i></a> </div> </div> </nav> </header> <main class="page-scroll"> <div class="inner"> <section class="post-63 page type-page status-publish hentry template-page-home current-page initial-page" data-id="63" data-title="Home" data-permalink="https://recap.barrelny.com/recap/2014/"> <div class="clock-wrapper"> <div class="clock load-in"> <div class="animation one"> <span class="circle"> <span class="small-circle one"></span> </span> </div> <div class="animation two"> <span class="circle"> <span class="small-circle two"></span> </span> </div> <div class="animation three"> <span class="circle"> <span class="small-circle three"></span> </span> </div> </div> </div> <div class="page-wrapper"> <div class="page-inner load-in"> <h1 class="title">Barrel Recap</h1> <div class="text-content page-content load-in"> <h1>A Look Back</h1> <p>Highlights from聽2014 at Barrel, a聽digital agency in New York City.</p> <p><a id="HomeBtn" class="btn" title="The Work" href="https://recap.barrelny.com/recap/2014/work/" target="_blank">Begin</a></p> </div> </div> </div> </section><section class="post-178 page type-page status-publish hentry template-page-title" data-id="178" data-title="The Work" data-permalink="https://recap.barrelny.com/recap/2014/work/"> <div class="bg-image" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OurClients01.jpg"></div> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content load-in"> <h1>The Work</h1> </div> </div> </div> </section><section class="post-208 page type-page status-publish hentry template-page-half" data-id="208" data-parent-id="178" data-title="Work Highlights" data-permalink="https://recap.barrelny.com/recap/2014/work/highlights/" style="background-color:#F3F3F3; "> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper" style="background: white;"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>We worked with an exciting roster of clients this聽year.</h2> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper"> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="column-wrapper load-in"> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/KindLogo1.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/AmericanExpressLogo1.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ScholasticLogo1.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/DailyBurnLogo1.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BikeNY.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/AGFullLogo_OlderVersion.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/NetGear-2.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/IAS_LogoFull-2.png"/> </span> <span class="caption "> <p></p> </span> </li> <li class="column image"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BoxedLogo1.png"/> </span> <span class="caption "> <p></p> </span> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-2 page type-page status-publish hentry template-page-gallery" data-id="2" data-parent-id="178" data-title="KIND Snacks" data-permalink="https://recap.barrelny.com/recap/2014/work/kind-snacks/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>KIND Snacks</h2> <p>We teamed up with KIND, the healthy fruit and nut bar brand, to launch several digital initiatives in 2014. These included Play KIND, a redesign of KIND Causes, and an upgrade to the KIND e-commerce experience.</p> <p><a class="btn" href="https://recap.barrelny.com/work/kind/" target="_blank">Learn More</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#F3F3F3; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 334.35714285714%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/KINDStore_1-3-1280x4280.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 221.57142857143%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/KINDStore_2-5-1280x2836.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 218.71428571429%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/KINDCauses_1-2-1280x2800.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 217.75%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/PlayKIND_1.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-369 page type-page status-publish hentry template-page-gallery" data-id="369" data-parent-id="178" data-title="DailyBurn" data-permalink="https://recap.barrelny.com/recap/2014/work/dailyburn/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>DailyBurn</h2> <p>We helped DailyBurn, a popular fitness video company, redesign their e-commerce website. The store features supplements, workout equipment, and DailyBurn gear.</p> <p><a class="btn" href="https://recap.barrelny.com/work/dailyburn-store/" target="_blank">Learn More</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#FFEDE3; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 234.64285714286%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Homepage01-1280x3003.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 606.71428571429%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Fuel6-1280x7766.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 217.85714285714%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/MenPerfPack-1280x2789.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 165.28571428571%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OurPhilosophy-1280x2116.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-70 page type-page status-publish hentry template-page-gallery" data-id="70" data-parent-id="178" data-title="Boxed" data-permalink="https://recap.barrelny.com/recap/2014/work/boxed/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>Boxed.com</h2> <p>We worked with Boxed to bring their mobile-first wholesale club app to the web.聽The newly designed site聽provides customers with a seamless shopping experience on screens of all sizes.</p> <p><a class="btn" href="https://recap.barrelny.com/work/boxed/" target="_blank">Learn More</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#E3F7F7; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 187.28571428571%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Hompeage_Boxed-1280x2397.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 103.5%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Boxed_Productpage1-1280x1325.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-391 page type-page status-publish hentry template-page-gallery" data-id="391" data-parent-id="178" data-title="Photoshelter Lattice" data-permalink="https://recap.barrelny.com/recap/2014/work/photoshelter-lattice/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>PhotoShelter Lattice</h2> <p>We worked with PhotoShelter to bring life to a new interactive community feature that centers around photo curation and collaboration. The product, Lattice, went from sketches to a public release in just a few months.</p> <p><a class="btn" href="http://www.photoshelter.com/lattice/" target="_blank">Visit Website</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#FAEBE8; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 150.07142857143%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/1-1280x1921.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 150.07142857143%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/2-1280x1921.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 97.785714285714%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/3-1280x1252.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-446 page type-page status-publish hentry template-page-gallery" data-id="446" data-parent-id="178" data-title="Bike New York" data-permalink="https://recap.barrelny.com/recap/2014/work/bike-new-york/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>Bike New York</h2> <p>Collaborating with Pentagram, we built a new website for Bike New York, the nonprofit organization best known for its Five Boro Bike Tour. We focused on content planning, UX, and development, bringing Pentagram’s designs聽to life聽to create聽a robust and rich web experience for New York’s cyclists.</p> <p><a class="btn" href="https://recap.barrelny.com/blog/building-the-new-bike-new-york/" target="_blank">Learn More</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#F3F3F3; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 196.42857142857%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BikeNYC_1-1280x2514.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 264.35714285714%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BikeNYC_2-1280x3384.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 158.78571428571%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BikeNYC_3-1280x2032.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-380 page type-page status-publish hentry template-page-gallery" data-id="380" data-parent-id="178" data-title="Resonate" data-permalink="https://recap.barrelny.com/recap/2014/work/resonate/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>Resonate</h2> <p>We helped Resonate, an ad tech company that provides audience insights to advertisers, streamline and update its visual identity system. We delivered an extensive brand book and new sales collateral.</p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#E7F4FC; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 45.796460176991%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: none" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ResonateBrandingBooklet_P1-3-1280x586.png" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 45.796460176991%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: none" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ResonateBrandingBooklet_P2-3-1280x586.png" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 45.796460176991%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: none" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ResonateBrandingBooklet_P4-3-1280x586.png" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 45.796460176991%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: none" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ResonateBrandingBooklet_P3-3-1280x586.png" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-206 page type-page status-publish hentry template-page-title" data-id="206" data-title="Barrel Projects" data-permalink="https://recap.barrelny.com/recap/2014/barrel-projects/"> <div class="bg-image" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BarrelProjects_3.jpg"></div> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content load-in"> <h1>Barrel Projects</h1> </div> </div> </div> </section><section class="post-279 page type-page status-publish hentry template-page-gallery" data-id="279" data-parent-id="206" data-title="TeamInsights" data-permalink="https://recap.barrelny.com/recap/2014/barrel-projects/teaminsights/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>TeamInsights</h2> <p>We created a tool to help our team give each other productive feedback on their project performance. TeamInsights has become an essential part of our post-project process.</p> <p><a class="btn" href="https://recap.barrelny.com/tools/teaminsights/" target="_blank">Learn more</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#E7F4FC; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 80.714285714286%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/TI-1-1280x1033.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 115%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/TI-2-1280x1472.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 115.71428571429%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/TI-3-1280x1481.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 151.14285714286%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/TI-4-1280x1935.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-287 page type-page status-publish hentry template-page-gallery" data-id="287" data-parent-id="206" data-title="Weekend" data-permalink="https://recap.barrelny.com/recap/2014/barrel-projects/weekend/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>Weekend: A Shopify Theme</h2> <p>In March, our 2nd theme debuted on Shopify’s Theme Store. Our Weekend theme is an image-rich gridded design that’s been used on over 370 Shopify e-commerce stores worldwide.</p> <p><a class="btn" href="https://themes.shopify.com/themes/weekend/styles/outdoors" target="_blank">Learn More</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#F3F3F3; background-image:url(https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ShopifyBackground01.jpg); "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 87.714285714286%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/11-1280x1123.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 87.714285714286%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/21-1280x1123.jpg" /></div></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 87.714285714286%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/31-1280x1123.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-254 page type-page status-publish hentry template-page-gallery" data-id="254" data-parent-id="206" data-title="Intersect" data-permalink="https://recap.barrelny.com/recap/2014/barrel-projects/intersect/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>Intersect</h2> <p>We launched an online gallery that showcases inspiring websites at the intersection of design, content, and technology. Intersect features five curated websites each week.</p> <p><a class="btn" href="http://www.intersect.cc" target="_blank">Visit Website</a></p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper" style="background-color:#F3F3F3; "> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="gallery-images"> <li class="scroll"><p>Scroll down to see more<i class="fa fa-angle-down"></i></p></li> <li class="imgwrapper"><div class="aspect" style="height: 0; padding-top: 241.28571428571%;"><div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> <img class="img" alt="" style="box-shadow: 0 0 8px rgba(0,0,0,.2)" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Intersect-1280x3088.jpg" /></div></li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-38 page type-page status-publish hentry template-page-title" data-id="38" data-title="Core Values" data-permalink="https://recap.barrelny.com/recap/2014/core-values/"> <div class="bg-image" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/BARREL-2014-0014-3378426097-O.jpg"></div> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content load-in"> <h1>Core Values</h1> </div> </div> </div> </section><section class="post-793 page type-page status-publish hentry template-page-centered" data-id="793" data-parent-id="38" data-title="Core Values" data-permalink="https://recap.barrelny.com/recap/2014/core-values/new-core-values/"> <div class="page-wrapper"> <div class="page-inner load-in"> <div class="text-content page-content load-in"> <h2>Codifying Our Beliefs</h2> <p>We started 2014 with the launch of our new core values, the culmination of a 6-month internal effort to define and discuss what we cared about as a team. Our core values have become an integral part of our culture and are central to our decision-making process, including the projects we take on and the new team members we invite to join us.</p> </div> </div> </div> </section><section class="post-35 page type-page status-publish hentry template-page-twoup" data-id="35" data-parent-id="38" data-title="Core Values" data-permalink="https://recap.barrelny.com/recap/2014/core-values/challenge-and-understand/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content"> <ul class="column-wrapper load-in"> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/challenge_RM2.gif"/> </span> <span class="caption"> <h3>Challenge</h3> <p>We will constantly challenge the client and ourselves on the notion of what is possible.</p> </span> </li> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/understand.gif"/> </span> <span class="caption"> <h3>Understand</h3> <p>We will continually seek to understand and diagnose our client and their problems before we offer solutions.</p> </span> </li> </ul> </div> </div> </div> </section> <section class="post-21 page type-page status-publish hentry template-page-twoup" data-id="21" data-parent-id="38" data-title="Core Values" data-permalink="https://recap.barrelny.com/recap/2014/core-values/inspire-and-trusting-partnerships/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content"> <ul class="column-wrapper load-in"> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/inspire_RM.gif"/> </span> <span class="caption"> <h3>Inspire</h3> <p>We will inspire each other and the world through active sharing.</p> </span> </li> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/trusting_RM.gif"/> </span> <span class="caption"> <h3>Trusting Partnerships</h3> <p>We will build meaningful relationships by being honest, respectful and humble with each other and our clients.</p> </span> </li> </ul> </div> </div> </div> </section> <section class="post-67 page type-page status-publish hentry template-page-title" data-id="67" data-title="The Team" data-permalink="https://recap.barrelny.com/recap/2014/team/"> <div class="bg-image" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OurTeam.jpg"></div> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content load-in"> <h1>The Team</h1> </div> </div> </div> </section><section class="post-237 page type-page status-publish hentry template-page-half" data-id="237" data-parent-id="67" data-title="One Big Skill" data-permalink="https://recap.barrelny.com/recap/2014/team/obs/" style="background-color:#F3F3F3; "> <div class="page-wrapper"> <div class="page-inner"> <div class="text-wrapper page-content-wrapper" style="background: white;"> <div class="text-inner page-content-inner"> <div class="text-content page-content"> <div class="info load-in"> <h2>One Big Skill</h2> <p>We each picked an area that we could incrementally improve upon and develop throughout the year. Some team members ventured outside of their discipline to explore the skills of other roles that might complement their core competencies while others went deeper into existing skill sets. We shared our progress with each other every month.</p> </div> </div> </div> </div> <div class="image-wrapper page-content-wrapper"> <div class="image-inner page-content-inner"> <div class="image-content page-content"> <ul class="column-wrapper load-in"> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_UX.png"/> </span> <span class="caption "> <p>UX Design</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Development.png"/> </span> <span class="caption "> <p>Development</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Animation.png"/> </span> <span class="caption "> <p>Animation</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_PublicSpeaking.png"/> </span> <span class="caption "> <p>Public Speaking</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_ProjectManagement.png"/> </span> <span class="caption "> <p>Project Management</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Leadership.png"/> </span> <span class="caption "> <p>Leadership</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Planning.png"/> </span> <span class="caption "> <p>Planning</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Networking.png"/> </span> <span class="caption "> <p>Networking</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_BizDev.png"/> </span> <span class="caption "> <p>Business Development</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Writing.png"/> </span> <span class="caption "> <p>Copywriting</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Ecommerce.png"/> </span> <span class="caption "> <p>E-Commerce</p> </span> </li> <li class="column icon"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OBS_Branding.png"/> </span> <span class="caption "> <p>Branding</p> </span> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="post-119 page type-page status-publish hentry template-page-members" data-id="119" data-parent-id="67" data-title="New Team Members" data-permalink="https://recap.barrelny.com/recap/2014/team/new-team-members/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content"> <div class="title load-in"> <h2>We welcomed new members to our team.</h2> </div> <ul class="column-wrapper load-in"> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Team_Crystal-320x320.jpg"/> </span> <span class="caption "> <p><strong>Crystal Ellis<br /> </strong>Designer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/LesliePhoto_2-320x320.jpg"/> </span> <span class="caption "> <p><strong>Leslie Ye<br /> </strong>Producer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Team_Cindy-320x320.jpg"/> </span> <span class="caption "> <p><strong>Cindy Leong<br /> </strong>Junior Designer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Team_Ray-320x320.jpg"/> </span> <span class="caption "> <p><strong>Ray Masaki<br /> </strong>Designer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/max_2-320x320.jpg"/> </span> <span class="caption "> <p><strong>Max Rolon<br /> </strong>Developer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Team_Jessica-320x320.jpg"/> </span> <span class="caption "> <p><strong>Jessica Su<br /> </strong>QA Analyst</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/steph_2-320x320.jpg"/> </span> <span class="caption "> <p><strong>Stephanie Plasencia<br /> </strong>BCS Producer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ben_2-320x320.jpg"/> </span> <span class="caption "> <p><strong>Ben Godfrey<br /> </strong>Developer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/andres_21-320x320.jpg"/> </span> <span class="caption "> <p><strong>Andres Maza<br /> </strong>Junior Designer</p> </span> </li> <li class="column"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/AlicePhoto_8-320x320.jpg"/> </span> <span class="caption "> <p><strong>Alice Tam<br /> </strong>Producer</p> </span> </li> <li class="column spacer"></li> <li class="column spacer"></li> <li class="column spacer"></li> <li class="column spacer"></li> <li class="column spacer"></li> </ul> </div> </div> </div> </section> <section class="post-133 page type-page status-publish hentry template-page-blog" data-id="133" data-parent-id="67" data-title="Our Expertise" data-permalink="https://recap.barrelny.com/recap/2014/team/our-expertise/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content load-in"> <div class="title"> <div class="click-inside"> <h2>We shared our expertise and lessons learned.</h2> </div> </div> <div class="column-wrapper load-in"> <ul class="column click-inside"> <li class="load-in"> <a href="https://recap.barrelny.com/blog/building-a-jquery-slideshow-plugin-from-scratch/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Max_JQuery.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/building-a-jquery-slideshow-plugin-from-scratch/" target="_blank">Building a Responsive jQuery Carousel Plugin from Scratch</a></p> <p>by Max Rolon</p> </span> </li> <li class="load-in"> <a href="https://recap.barrelny.com/blog/5-blind-spots-to-consider-when-designing-web-apps/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Yvonne_5BlindSpots.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/5-blind-spots-to-consider-when-designing-web-apps/" target="_blank">5 Blind Spots to Consider When Designing Web Apps</a></p> <p>by Yvonne Weng</p> </span> </li> <li class="load-in"> <a href="https://recap.barrelny.com/blog/five-content-ingredients-for-designing-successful-marketing-websites/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Peter_5Content.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/five-content-ingredients-for-designing-successful-marketing-websites/" target="_blank">Five Content Ingredients for Designing Successful Marketing Websites</a></p> <p>by Peter Kang</p> </span> </li> <li class="load-in"> <a href="https://recap.barrelny.com/blog/from-zero-to-backbone-in-48-hours/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Kevin_0toBack.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/from-zero-to-backbone-in-48-hours/" target="_blank">From Zero to Backbone in 48 Hours</a></p> <p>by Kevin Kneifel</p> </span> </li> </ul> <ul class="column click-inside"> <li class="load-in"> <a href="https://recap.barrelny.com/blog/a-better-project-on-boarding-experience-for-the-team/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Aretha_Onboarding.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/a-better-project-on-boarding-experience-for-the-team/" target="_blank">A Better Project On-Boarding Experience for the Team</a></p> <p>by Aretha Choi</p> </span> </li> <li class="load-in"> <a href="https://recap.barrelny.com/blog/building-the-new-bike-new-york/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Angel_Bike.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/building-the-new-bike-new-york/" target="_blank">Building the New Bike.NYC</a></p> <p>by Angel Ng</p> </span> </li> <li class="load-in"> <a href="https://recap.barrelny.com/blog/members-only-for-wordpress-part-1/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Wes_MembersOnlyWp.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/members-only-for-wordpress-part-1/" target="_blank">Members-Only for WordPress, Part 1: User Roles</a></p> <p>by Wes Turner</p> </span> </li> <li class="load-in"> <a href="https://recap.barrelny.com/blog/how-we-use-template-tables-to-effectively-communicate-ux-designs/" target="_blank"><img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/Yvonne_TemplateTables.jpg"/></a> <span class="blog"> <p><a href="https://recap.barrelny.com/blog/how-we-use-template-tables-to-effectively-communicate-ux-designs/" target="_blank">How We Use Template Tables to Effectively Communicate UX Designs</a></p> <p>by Yvonne Weng</p> </span> </li> </ul> </div> <div class="button"> <p><a class="btn" href="https://recap.barrelny.com/blog" target="_blank">Read Our Blog</a></p> </div> </div> </div> </div> </section> <section class="post-51 page type-page status-publish hentry template-page-grid" data-id="51" data-parent-id="67" data-title="Culture" data-permalink="https://recap.barrelny.com/recap/2014/team/culture/"> <div class="page-wrapper"> <div class="page-inner"> <div class="text-content page-content"> <ul class="column-wrapper load-in"> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/ThankYouBourbon_01.gif"/> </span> <span class="caption "> <div class="inner"> <h3>We said thanks.</h3> <p>Our weekly bourbon ritual turned 2 years old as we continued to celebrate our wins together.<br /> <a href="https://recap.barrelny.com/bourbon-fridays/" target="_blank">BourbON Fridays Collection</a></p> </div> </span> </li> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/WeHadFun_03.gif"/> </span> <span class="caption "> <div class="inner"> <h3>We played hard.</h3> <p>Happy hours, league sports, office pets, and more, all throughout the year.<br /> <a href="https://www.instagram.com/barrelny" target="_blank">Follow us on Instagram.</a></p> </div> </span> </li> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OurFood_02.gif"/> </span> <span class="caption "> <div class="inner"> <h3>We ate good food.</h3> <p>We feasted on team lunches, snacks, and the occasional bubble tea runs in Chinatown.<br /> <a href="https://barreleats.tumblr.com/" target="_blank">Barrel Eats Blog</a></p> </div> </span> </li> <li class="column click-inside"> <span class="poster"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/CreativeDays_05.gif"/> </span> <span class="caption "> <div class="inner"> <h3>We hacked away.</h3> <p>Our third annual hackathon saw six teams build fully functional concepts in just 2 days.<br /> <a href="https://recap.barrelny.com/blog/creative-days-2014-recap/" target="_blank">Creative Days Recap</a></p> </div> </span> </li> </ul> </div> </div> </div> </section> <section class="post-167 page type-page status-publish hentry template-page-centered" data-id="167" data-parent-id="67" data-title="SoDA" data-permalink="https://recap.barrelny.com/recap/2014/team/soda/"> <div class="page-wrapper"> <div class="page-inner load-in"> <div class="text-content page-content load-in"> <img class="img" alt="" src="https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/images/placeholder.png" data-src="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/SoDAlogo1.png"/> <h2>We joined SoDA.</h2> <p>In 2014, Barrel was invited to join SoDA, a selective association of the world’s top digital agencies and elite production companies. </p> <p><a class="btn" href="http://sodaspeaks.com/" target="_blank">Learn About SoDA</a></p> </div> </div> </div> </section><section class="post-104 page type-page status-publish hentry template-page-slideshow" data-id="104" data-parent-id="67" data-title="Our Team Slideshow" data-permalink="https://recap.barrelny.com/recap/2014/team/our-team-slideshow/"> <div class="page-wrapper"> <div class="page-inner"> <div class="image-content"> <ul class="slideshow"> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-8-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0015_BARREL-2014-0415-3378431851-O-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-6-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0018_IMG_6041-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0010_IMG_6492-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0021_Layer-1-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-5-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0016_BARREL-0131-X3-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-3-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-9-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0013_BARREL-2014-0008-3378425375-O-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0025_Team8-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-2-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-7-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0008_IMG_6666-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-1-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0017_2014-03-08-09.28.31-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0023_BARREL-2014-0530-3378445163-O-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0012_BARREL-2014-0012-3378425751-O-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/OTS-4-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0024_BARREL-2014-0491-3378440648-O-1280x1097.jpg"> </li> <li class="slide" data-bg="https://recap.barrelny.com/recap/2014/wp-content/uploads/2014/12/0019_IMG_6133-1280x1097.jpg"> </li> </ul> <div class="imgwrapper"> <div class="loader"> <div class="loader-inner"> <svg version="1.1" class="top fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> <svg version="1.1" class="bottom fill" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.8 0 20 45" enable-background="new 0.8 0 20 45" xml:space="preserve"> <use xlink:href="#barrel-nub" /> </svg> </div> </div> </div> </div> </div> </div> </section><section class="post-258 page type-page status-publish hentry template-page-thanks" data-id="258" data-title="Thanks" data-permalink="https://recap.barrelny.com/recap/2014/thank-you/"> <div class="page-wrapper"> <div class="page-inner load-in"> <div class="text-content page-content load-in thanks click-inside"> <h1>Thank you.</h1> <p>We’re grateful for another year of amazing experiences, lessons learned, and new relationships. Thank you to our clients, families, and friends for a memorable 2014.</p> <div class="newsletter"> <p><strong>Join our newsletter for updates & goodies</strong></p>  <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ </style> <div id="mc_embed_signup"> <form action="//barrelny.us1.list-manage.com/subscribe/post?u=b075be5b166b58f7abfca70eb&id=351bbc74be" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address" required>  <input type="submit" value="&#xf105" name="subscribe" id="mc-embedded-subscribe" class="button">  </div> </form> </div>  </div> <div class="share"><p>Share on</p> <span class="button"><i class="fa fa-facebook" data-url="https://recap.barrelny.com/recap/2014/" data-text="Barrel Recap 2014: A look back on the highlights from the year." data-title=""></i></span> <span class="button"><i class="fa fa-twitter" data-url="https://recap.barrelny.com/recap/2014/" data-text="Barrel Recap 2014: A look back on the highlights from the year." data-title=""></i></span> <a href="mailto:?subject=Barrel Recap 2014&body=https://recap.barrelny.com/recap/2014/"> <i class="fa fa-envelope"></i></a> </div> </div>  </div> </div> </section> </div> </main> <footer id="Footer"> <nav id="Controls"> <a class="prev disabled" href="#"><i class="fa fa-angle-left"></i></a><a class="next disabled" href="#"><i class="fa fa-angle-right"></i></a> </nav> <nav id="PageNav" class="pages"> <span class="progress"></span> <ul> <li class="page_item page-item-63 current_page_item"><a href="https://recap.barrelny.com/recap/2014/">Home</a></li> <li class="page_item page-item-178 page_item_has_children"><a href="https://recap.barrelny.com/recap/2014/work/">The Work</a></li> <li class="page_item page-item-208"><a href="https://recap.barrelny.com/recap/2014/work/highlights/">Work Highlights</a></li> <li class="page_item page-item-2"><a href="https://recap.barrelny.com/recap/2014/work/kind-snacks/">KIND Snacks</a></li> <li class="page_item page-item-369"><a href="https://recap.barrelny.com/recap/2014/work/dailyburn/">DailyBurn</a></li> <li class="page_item page-item-70"><a href="https://recap.barrelny.com/recap/2014/work/boxed/">Boxed</a></li> <li class="page_item page-item-391"><a href="https://recap.barrelny.com/recap/2014/work/photoshelter-lattice/">Photoshelter Lattice</a></li> <li class="page_item page-item-446"><a href="https://recap.barrelny.com/recap/2014/work/bike-new-york/">Bike New York</a></li> <li class="page_item page-item-380"><a href="https://recap.barrelny.com/recap/2014/work/resonate/">Resonate</a></li> <li class="page_item page-item-206 page_item_has_children"><a href="https://recap.barrelny.com/recap/2014/barrel-projects/">Barrel Projects</a></li> <li class="page_item page-item-279"><a href="https://recap.barrelny.com/recap/2014/barrel-projects/teaminsights/">TeamInsights</a></li> <li class="page_item page-item-287"><a href="https://recap.barrelny.com/recap/2014/barrel-projects/weekend/">Weekend</a></li> <li class="page_item page-item-254"><a href="https://recap.barrelny.com/recap/2014/barrel-projects/intersect/">Intersect</a></li> <li class="page_item page-item-38 page_item_has_children"><a href="https://recap.barrelny.com/recap/2014/core-values/">Core Values</a></li> <li class="page_item page-item-793"><a href="https://recap.barrelny.com/recap/2014/core-values/new-core-values/">Core Values</a></li> <li class="page_item page-item-35"><a href="https://recap.barrelny.com/recap/2014/core-values/challenge-and-understand/">Core Values</a></li> <li class="page_item page-item-21"><a href="https://recap.barrelny.com/recap/2014/core-values/inspire-and-trusting-partnerships/">Core Values</a></li> <li class="page_item page-item-67 page_item_has_children"><a href="https://recap.barrelny.com/recap/2014/team/">The Team</a></li> <li class="page_item page-item-237"><a href="https://recap.barrelny.com/recap/2014/team/obs/">One Big Skill</a></li> <li class="page_item page-item-119"><a href="https://recap.barrelny.com/recap/2014/team/new-team-members/">New Team Members</a></li> <li class="page_item page-item-133"><a href="https://recap.barrelny.com/recap/2014/team/our-expertise/">Our Expertise</a></li> <li class="page_item page-item-51"><a href="https://recap.barrelny.com/recap/2014/team/culture/">Culture</a></li> <li class="page_item page-item-167"><a href="https://recap.barrelny.com/recap/2014/team/soda/">SoDA</a></li> <li class="page_item page-item-104"><a href="https://recap.barrelny.com/recap/2014/team/our-team-slideshow/">Our Team Slideshow</a></li> <li class="page_item page-item-258"><a href="https://recap.barrelny.com/recap/2014/thank-you/">Thanks</a></li> </ul> </nav> </footer> <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.js?ver=4.1.1'></script> <script type='text/javascript' src='https://recap.barrelny.com/recap/2014/wp-content/themes/recap-2014/scripts/main.min.js?ver=0.1.15'></script> </body> </html>