{"componentChunkName":"component---src-templates-blog-post-js","path":"/nissan-commercial-vehicles/","result":{"data":{"site":{"siteMetadata":{"title":"Justin is a Maker","author":"Justin Smith"}},"mdx":{"id":"fcad2f16-8a04-5eab-bc2a-c0040d2da825","frontmatter":{"title":"Nissan Commercial Vehicles","date":"April 21, 2015","externalLink":"http://nissancommercialvehicles.com","teaser":"Browse through some of the projects I worked on for Nissan Commercial Vehicles with my front-end team."},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Nissan Commercial Vehicles\",\n  \"date\": \"2015-04-21T00:00:00-0500\",\n  \"teaser\": \"Browse through some of the projects I worked on for Nissan Commercial Vehicles with my front-end team.\",\n  \"featuredImage\": \"ncv-thumbnail-2.jpg\",\n  \"externalLink\": \"http://nissancommercialvehicles.com\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"Nissan Commercial Vehicles is, you guessed it, the commercial branch of Nissan. They manufacture a series of fantastic work vehicles that you\\u2019ve undoubtedly seen all over town\\u2013as soon as you know what one looks like, you can\\u2019t stop seeing it. I had the pleasure of working with a small team from Critical Mass to redesign the site and introduce a lot of new campaigns to showcase how Nissan was making an excellent work vehicle.\"), mdx(\"p\", null, \"The site was run on a Grails back-end, and we utilized a number of different technologies on the front-end. There are a few parts of the site that use Backbone to create a more robust web app experience, and the rest of it is just good old GSPs, Javascript and SASS. I came on to the account in 2013 during a period of major transition. One of the original team members built a framework that was running a lot of the front-end logic on the site. While ambitious, his framework definitely left some things to be desired that could be fixed by refactoring a good chunk of the code and utilizing modern tools. In the time that I was there we implemented a stronger SASS organizational structure, dependency management using Require.js, a component structure utilizing Flight.js, the start of a decent Gulp workflow, and the aforementioned Backbone conversion.\"), mdx(\"p\", null, \"We facilitated a pretty major overhaul of the look and feel of the site in the few years that I was on the account. The brand still retained the grittiness that\\u2019s expected of most commercially-oriented sites, but it definitely refined itself over time.\"), mdx(\"p\", null, \"For instance, during the homepage redesign we took the homepage from this:\"), mdx(\"div\", {\n    \"className\": \"image-container half-image\"\n  }, \"\\n  \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"div\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/758e8da949284ceb4ad41d33dbf6397a/4b190/ncv-home-old.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"97.00000000000001%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAATABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAQAC/9oADAMBAAIQAxAAAAGibMJusJE4NBX/xAAcEAACAgIDAAAAAAAAAAAAAAAAAwETAgQUICH/2gAIAQEAAQUCnVwghXvEUXsLmF7en//EABYRAQEBAAAAAAAAAAAAAAAAABEAEP/aAAgBAwEBPwEjf//EABYRAQEBAAAAAAAAAAAAAAAAABEAEP/aAAgBAgEBPwFnf//EAB4QAAEEAQUAAAAAAAAAAAAAAAABAjKRESAhI0Fh/9oACAEBAAY/AtsicLk9OybrJusm69H/xAAbEAABBAMAAAAAAAAAAAAAAAABABEgIVFh8P/aAAgBAQABPyEdQtMqRhguAmzBP//aAAwDAQACAAMAAAAQc988/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAQ/9oACAEDAQE/EBHf/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAQ/9oACAECAQE/EFPf/8QAHxABAAECBwEAAAAAAAAAAAAAAQAR8SAhMUFRcYHw/9oACAEBAAE/EK71pRmabEWgVQWFOxSfNzlX3L0l74P/2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Old NCV Homepage\",\n    \"title\": \"Old NCV Homepage\",\n    \"src\": \"/static/758e8da949284ceb4ad41d33dbf6397a/4b190/ncv-home-old.jpg\",\n    \"srcSet\": [\"/static/758e8da949284ceb4ad41d33dbf6397a/f93b5/ncv-home-old.jpg 300w\", \"/static/758e8da949284ceb4ad41d33dbf6397a/b4294/ncv-home-old.jpg 600w\", \"/static/758e8da949284ceb4ad41d33dbf6397a/4b190/ncv-home-old.jpg 800w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"Old NCV Homepage\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"div\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/1bf7bfa8dcc3bdfb8b7a13b2f2fe78b2/4b190/ncv-home.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"97.00000000000001%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAATABQDASIAAhEBAxEB/8QAGAABAQADAAAAAAAAAAAAAAAAAAQCBQb/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHdTMC9MOWsCYH/xAAaEAEAAwEBAQAAAAAAAAAAAAABAAIDERMx/9oACAEBAAEFArcCmo3ABvkwtjPXOHzEF3Oa/wD/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAfEAACAQIHAAAAAAAAAAAAAAAAAREzkQIQEiExUZL/2gAIAQEABj8CngjUbFVXKi9FZXyc9GJI/8QAHBAAAwABBQAAAAAAAAAAAAAAAAERIRAxUWHx/9oACAEBAAE/IXzS7MrqWyTcmkiFauLg0ZSPHaa2ShCxEj//2gAMAwEAAgADAAAAEPQIAP/EABgRAAIDAAAAAAAAAAAAAAAAAAABEBEx/9oACAEDAQE/ELNHH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8QH//EABwQAQEAAgMBAQAAAAAAAAAAAAERACExcYEQQf/aAAgBAQABPxCq7xC1griRTafjgwtFnbXD546ABiqc1IHj5ktzvBkiX25aggDwz//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"New NCV Homepage\",\n    \"title\": \"New NCV Homepage\",\n    \"src\": \"/static/1bf7bfa8dcc3bdfb8b7a13b2f2fe78b2/4b190/ncv-home.jpg\",\n    \"srcSet\": [\"/static/1bf7bfa8dcc3bdfb8b7a13b2f2fe78b2/f93b5/ncv-home.jpg 300w\", \"/static/1bf7bfa8dcc3bdfb8b7a13b2f2fe78b2/b4294/ncv-home.jpg 600w\", \"/static/1bf7bfa8dcc3bdfb8b7a13b2f2fe78b2/4b190/ncv-home.jpg 800w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"New NCV Homepage\"), \"\\n  \")), mdx(\"p\", null, \"Screenshots can only do so much\\u2013to fully experience the site, you should definitely go and check it out at \", mdx(\"a\", {\n    href: \"http://nissancommercialvehicles.com\",\n    target: \"_new\"\n  }, \"nissancommericalvehicles.com\"), \". Some of the pages that I had the most involvement with are the \", mdx(\"a\", {\n    href: \"http://nissancommercialvehicles.com\",\n    target: \"_new\"\n  }, \"home page\"), \", the vehicle landing pages for the \", mdx(\"a\", {\n    href: \"http://www.nissancommercialvehicles.com/nv-cargo\",\n    target: \"_new\"\n  }, \"NV Cargo\"), \", the \", mdx(\"a\", {\n    href: \"http://www.nissancommercialvehicles.com/nv-passenger\",\n    target: \"_new\"\n  }, \"NV Passenger\"), \", and the \", mdx(\"a\", {\n    href: \"http://www.nissancommercialvehicles.com/nv200-compact-cargo\",\n    target: \"_new\"\n  }, \"NV200 Compact Cargo\"), \", and the launch of the \", mdx(\"a\", {\n    href: \"http://www.nissancommercialvehicles.com/nv200-taxi\",\n    target: \"_new\"\n  }, \"NV200 Taxi\"), \" for its maiden voyage in NYC.\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"/nissan-commercial-vehicles/","previous":{"id":"25ecd5c2-f457-5bca-9f81-462e6c8936b8","fields":{"slug":"/joes-barbershop/"},"frontmatter":{"title":"Joe's Barbershop"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Joe's Barbershop\",\n  \"date\": \"2015-03-31T00:00:00-0500\",\n  \"teaser\": \"A built-from-scratch WordPress site to show off the best barbershop in the Midwest\",\n  \"featuredImage\": \"joes-thumbnail.jpg\",\n  \"externalLink\": \"http://joesbarbershopchicago.com\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"People come from far and wide to get their hair cut at Joe\\u2019s. The shop has been in Logan Square since 1968 when Joe Caccavella, Sr bought out the barber he was working under after he came back from the Army. Over the past 47 years, Joe Sr and his son Joe Jr have evolved the shop into an empire that completely destroys any competition stupid enough to rear its ugly head.\"), mdx(\"p\", null, \"Joe\\u2019s came into my life much, much later than 1968 through my buddy Ralph Holcomb. Ralph is a wonderful barber here in Chicago who helped me find my first apartment, which coincidentally happened to be behind Joe\\u2019s. I talked with Joe Jr, and after a quick discussion and a handshake I was moved in to the apartment on the other side of the wall.\"), mdx(\"p\", null, \"Joe Jr led the charge to really put the shop on the map with the younger generation. Joe Sr, aka \\u201CPapa Joe\\u201D, had a great roster of regulars, but Joe Jr wanted to get the younger guys in the shop. He mounted a full-fledged media campaign to get their name and their outstanding reputation out to a new audience, and boy did he do a good job. The shop has been voted the best in Chicago for five years running now, and with a new expansion into what used to be my apartment, there\\u2019s no sign of them slowing down.\"), mdx(\"p\", null, \"While Joe Jr was planning his strategy to overtake the barber world, I was rebuilding their site for them. Joe is a no-nonsense guy, and he wanted a no-nonsense website. Straightforward, clean, and easy to find the info that you need. I wanted Joe to be able to have as much control over the website as he could so that he didn\\u2019t have to wait for me when he wanted to make a change. To facilitate that, I built him a custom Wordpress theme from the ground up and rigged everything up with Advanced Custom Fields and Repeaters so that he can edit anything on the site without having to know any code at all.\"), mdx(\"div\", {\n    \"className\": \"image-container half-image\"\n  }, \"\\n  \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"div\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/3c3a8d48b0871101f2084607a8428fe1/4b190/joes-home.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"116.33333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAXABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMEAf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHHbFRIpltwIg//xAAaEAADAQADAAAAAAAAAAAAAAABAgMAERIh/9oACAEBAAEFAptMAUlqkM5ZAlFVTg/A7e7/xAAVEQEBAAAAAAAAAAAAAAAAAAARIP/aAAgBAwEBPwEj/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwEf/8QAHxAAAgECBwAAAAAAAAAAAAAAAREAAhIgISIyUXGR/9oACAEBAAY/Ahcptp8jpC6gC1cwWl5Yf//EABwQAAMBAAIDAAAAAAAAAAAAAAABESEQMUFRof/aAAgBAQABPyGBLm1Cdbc/AmgkWJBJuraJqXqMZBV+Gq7z1x//2gAMAwEAAgADAAAAEL8HPP/EABURAQEAAAAAAAAAAAAAAAAAACBR/9oACAEDAQE/EKH/xAAWEQADAAAAAAAAAAAAAAAAAAARIEH/2gAIAQIBAT8QMT//xAAdEAEBAAICAwEAAAAAAAAAAAABEQAhQWExUZFx/9oACAEBAAE/EDBQ2UV+ZvrE4E/J5w5B5gUN6xMatpIPQZIMuqTR85xCqYQsod8J0kRuOcWq+8//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Joe's Barbershop Home Page\",\n    \"title\": \"Joe's Barbershop Home Page\",\n    \"src\": \"/static/3c3a8d48b0871101f2084607a8428fe1/4b190/joes-home.jpg\",\n    \"srcSet\": [\"/static/3c3a8d48b0871101f2084607a8428fe1/f93b5/joes-home.jpg 300w\", \"/static/3c3a8d48b0871101f2084607a8428fe1/b4294/joes-home.jpg 600w\", \"/static/3c3a8d48b0871101f2084607a8428fe1/4b190/joes-home.jpg 800w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"Joe's Barbershop Home Page\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"div\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/a3358a59f15dc7b75f282cda76951574/4b190/joes-history.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"116.33333333333333%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAXABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAByVlkTqZfdgmD/8QAHRAAAwABBQEAAAAAAAAAAAAAAQIDABESExQhMf/aAAgBAQABBQKboFFp5Vt7mo6/3DmvkrGYs/LT/8QAFREBAQAAAAAAAAAAAAAAAAAAESD/2gAIAQMBAT8BI//EABURAQEAAAAAAAAAAAAAAAAAABEg/9oACAECAQE/AWP/xAAfEAACAQIHAAAAAAAAAAAAAAAAARECIRASMTJBkbH/2gAIAQEABj8CU+G1dEoVF5sWpxccmbQ//8QAHBABAAMAAgMAAAAAAAAAAAAAAQARITFBUWFx/9oACAEBAAE/IaEnECtVeoKiDAwqawhwrxC+x8Llh0r1BPDDICB0NjLyujtuf//aAAwDAQACAAMAAAAQT8c8/8QAFhEBAQEAAAAAAAAAAAAAAAAAEAEx/9oACAEDAQE/EBlP/8QAFREBAQAAAAAAAAAAAAAAAAAAASD/2gAIAQIBAT8QFH//xAAdEAEAAwEAAgMAAAAAAAAAAAABABEhMVFxYYGx/9oACAEBAAE/EOSuitrfdTfoVc1XyV2HhtwqWG4R5uyahq9+4gVadUp7yBI78iv2AQLoc7BAVQBhiclAOgJYw8z/2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Joe's Barbershop History Page\",\n    \"title\": \"Joe's Barbershop History Page\",\n    \"src\": \"/static/a3358a59f15dc7b75f282cda76951574/4b190/joes-history.jpg\",\n    \"srcSet\": [\"/static/a3358a59f15dc7b75f282cda76951574/f93b5/joes-history.jpg 300w\", \"/static/a3358a59f15dc7b75f282cda76951574/b4294/joes-history.jpg 600w\", \"/static/a3358a59f15dc7b75f282cda76951574/4b190/joes-history.jpg 800w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"Joe's Barbershop History Page\"), \"\\n  \")));\n}\n;\nMDXContent.isMDXComponent = true;"},"next":{"id":"411b981d-917b-5a48-9746-f2cfdac91091","fields":{"slug":"/sixty8-chicago/"},"frontmatter":{"title":"Sixty8 Chicago"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Sixty8 Chicago\",\n  \"date\": \"2015-04-22T00:00:00-0500\",\n  \"category\": \"core-project\",\n  \"teaser\": \"A clean website built for an even cleaner grooming product. Sixty8 Chicago makes pomades and other barber-related items for the discerning customer.\",\n  \"featuredImage\": \"sixty8-thumbnail.jpg\",\n  \"externalLink\": \"http://sixty8chicago.com\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"A clean website built for an even cleaner grooming product. Sixty8 Chicago makes pomades and other barber-related items for the discerning gentleman, and I was lucky enough to build the website for their product launch.\"), mdx(\"p\", null, \"Joe Caccavella, Jr helps run Joe\\u2019s Barbershop Chicago with his father, Joe Caccavella, Sr. The shop opened in Logan Square in 1968, and has been turning out quality barbering ever since. For those familiar with Logan Square, the fact that anything has been around that long and withstood the changes to the neighborhood is a testament to the quality that the shop provides.\"), mdx(\"p\", null, \"I actually used to live behind the barbershop before it expanded. If you visit, there\\u2019s a pretty good chance that you\\u2019ll be getting a haircut where I used to sleep or work. All this goes to say that Joe and I go back and few years, and we\\u2019ve had a great business partnership ever since we met each other. Another one of Joe\\u2019s longtime customers, Robb Jibson, is the other half of Sixty8 Provisional Co. The two set out to make a line of pomades that could keep up with the standard that the shop holds themselves to, and they\\u2019ve since expanded to include a bevy of other high quality grooming items.\"), mdx(\"p\", null, \"The site runs on a built-from-scratch fully-responsive Wordpress theme in order to make it easy for the guys to update it and keep it running. This was the first venture into e-commerce for Joe, who is in charge of keeping the wheels turning on the orders front. I was able to build a full solution for them using WooCommerce that lets Joe get in and out as quick as possible so he can spend more time barbering and less time futzing with inventory and wholesale user management.\"), mdx(\"p\", null, \"In addition to the standard e-commerce needs, the site includes a series of utilities to facilitate wholesale purchasing. Sixty8 needs to vet their wholesalers in order to maintain the reputation of the product, so I built them a system where folks could apply for wholesale priveleges. Once the application is submitted, Joe is able to vet the applicant and see if they cut the mustard. If they\\u2019re approved, wholesalers have the option to makes bulk purchases that aren\\u2019t available to regular users.\"), mdx(\"div\", {\n    \"className\": \"image-container half-image\"\n  }, \"\\n  \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"div\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/7fbae01ba9f4ffc84c7441436cfbecbd/4b190/sixty8-homepage.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"116.00000000000001%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAXABQDASIAAhEBAxEB/8QAGQABAQADAQAAAAAAAAAAAAAAAAQBAgUD/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAZabPaXnOkK8FmwP/8QAHRAAAgIBBQAAAAAAAAAAAAAAAAECEQQDEhQhQf/aAAgBAQABBQJY07eK2cWRHRhF+dlG0pH/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAcEAACAQUBAAAAAAAAAAAAAAAAAZEQESIxQTL/2gAIAQEABj8CFmoPSguk5rw4aP/EABwQAAICAwEBAAAAAAAAAAAAAAABESFBUZFhcf/aAAgBAQABPyFxE3CedFmoUUYiQR2siXRuidhrhcHxweTh/9oADAMBAAIAAwAAABDYAAD/xAAXEQADAQAAAAAAAAAAAAAAAAAAEBFR/9oACAEDAQE/EJhH/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAQ/9oACAECAQE/EGd//8QAHhABAAICAQUAAAAAAAAAAAAAAQARITFhQYHR4fH/2gAIAQEAAT8QIxQug92ZfAgGws5zuBqE5F5m3xrXL5IqMBomodcZjnCOtiU9GfPT/9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Sixty8 Home Page\",\n    \"title\": \"Sixty8 Home Page\",\n    \"src\": \"/static/7fbae01ba9f4ffc84c7441436cfbecbd/4b190/sixty8-homepage.jpg\",\n    \"srcSet\": [\"/static/7fbae01ba9f4ffc84c7441436cfbecbd/f93b5/sixty8-homepage.jpg 300w\", \"/static/7fbae01ba9f4ffc84c7441436cfbecbd/b4294/sixty8-homepage.jpg 600w\", \"/static/7fbae01ba9f4ffc84c7441436cfbecbd/4b190/sixty8-homepage.jpg 800w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"Sixty8 Home Page\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"div\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/b3c80d606290b618e5ecc8048c8904b9/4b190/sixty8-product-page.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"116.00000000000001%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAXABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQFAv/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAGanQply20sjB0D/8QAHBAAAgEFAQAAAAAAAAAAAAAAAgMAAQQSExQR/9oACAEBAAEFAiQIFS2zpxnGWomwAxGb1+7wnQuf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPwEf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwEf/8QAIBAAAgAEBwAAAAAAAAAAAAAAAAEDEjKhAhARITNykf/aAAgBAQAGPwLRxN+osSiLw5CeZpkuVdiuxVY//8QAHRABAAICAgMAAAAAAAAAAAAAAQARITFRcWGRof/aAAgBAQABPyFnjtwhwKo1hRr6YiTnEEgqHJDU2TDtPArtCnP2n//aAAwDAQACAAMAAAAQqwAA/8QAFxEBAAMAAAAAAAAAAAAAAAAAEQEgIf/aAAgBAwEBPxCQyn//xAAWEQADAAAAAAAAAAAAAAAAAAABESD/2gAIAQIBAT8QDj//xAAeEAEBAAEEAwEAAAAAAAAAAAABEQAhMUFRwdHw4f/aAAgBAQABPxDVXoASal7yIgYNQu+u+PKOd/titIEJhCdYCkYIVwwnjGwFcPpyDXifJhdy/HGf/9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Sixty8 Product Page\",\n    \"title\": \"Sixty8 Product Page\",\n    \"src\": \"/static/b3c80d606290b618e5ecc8048c8904b9/4b190/sixty8-product-page.jpg\",\n    \"srcSet\": [\"/static/b3c80d606290b618e5ecc8048c8904b9/f93b5/sixty8-product-page.jpg 300w\", \"/static/b3c80d606290b618e5ecc8048c8904b9/b4294/sixty8-product-page.jpg 600w\", \"/static/b3c80d606290b618e5ecc8048c8904b9/4b190/sixty8-product-page.jpg 800w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"Sixty8 Product Page\"), \"\\n  \")));\n}\n;\nMDXContent.isMDXComponent = true;"}}},"staticQueryHashes":["3128451518"]}