{"componentChunkName":"component---src-templates-blog-post-js","path":"/sixty8-chicago/","result":{"data":{"site":{"siteMetadata":{"title":"Justin is a Maker","author":"Justin Smith"}},"mdx":{"id":"411b981d-917b-5a48-9746-f2cfdac91091","frontmatter":{"title":"Sixty8 Chicago","date":"April 22, 2015","externalLink":"http://sixty8chicago.com","teaser":"A clean website built for an even cleaner grooming product. Sixty8 Chicago makes pomades and other barber-related items for the discerning customer."},"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;"}},"pageContext":{"slug":"/sixty8-chicago/","previous":{"id":"fcad2f16-8a04-5eab-bc2a-c0040d2da825","fields":{"slug":"/nissan-commercial-vehicles/"},"frontmatter":{"title":"Nissan Commercial Vehicles"},"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;"},"next":{"id":"a2782614-d42d-55e3-92e2-42e8df3c951f","fields":{"slug":"/en-las-tablas/"},"frontmatter":{"title":"En Las Tablas"},"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\": \"En Las Tablas\",\n  \"date\": \"2015-04-22T00:00:00-0500\",\n  \"teaser\": \"An easy-to-use custom WordPress site built for a community arts and outreach organization in Chicago.\",\n  \"featuredImage\": \"elt-thumbnail.jpg\",\n  \"externalLink\": \"http://enlastablas.org\"\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, \"En Las Tablas is a wonderful non-profit that operates in the Hermosa neighborhood of Chicago. The organization focuses on providing much-needed arts education to kids in the surrounding area\\u2013something that they usually aren\\u2019t getting at school due to severe underfunding.\"), mdx(\"p\", null, \"I got involved with En Las Tablas through the Nerdery\\u2019s Overnight Website Challenge. I convinced a group of 9 of my colleagues from Critical Mass to stay up for 24 hours attempting to build and launch a website for a non-profit that needed one. We were paired with ELT during the speed dating portion of the event that took place a week before the kickoff\\u2013we had an instant connection with the two ladies who run the organization, and we were thrilled to work with them.\"), mdx(\"div\", {\n    className: \"paragraph-with-picture\"\n  }, mdx(\"p\", null, \"ELT was a little unique in regards to the event's participants in that they already had a website. The website was built by a relative of one of the organizers, and had not been updated in some time. While they were grateful for the existing site, it was definitely time for a face lift.\"), mdx(\"div\", {\n    \"className\": \"image-container small-image\"\n  }, \"\\n    \", mdx(\"img\", {\n    parentName: \"div\",\n    \"src\": \"/44e276a6a284c9a9ce6ae46d28fe018d/en-las-tablas-old-site.gif\",\n    \"alt\": \"ELT's Old Website\"\n  }), \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"className\": \"image-caption\"\n  }, \"ELT's Old Website\"), \"\\n  \")), mdx(\"p\", null, \"We built the site on Wordpress in order to make it easy for them update it with the latest courses and events. The more we dug in to their business plan, the more we realized that a good website could make their lives a lot easier.\"), mdx(\"p\", null, \"Before the website, events were announced to the parents who had children enrolled. When they wanted to buy a ticket or pay for a class, they had to come in to the studio and fill out a form that had been xeroxed-to-death, and then pay in cash. This left the studio holding a good amount of cash, which is something that they were considerably stressed about. Everyone knew that they had cash on hand\\u2013if they were robbed, there was a good probability that the studio would need to shut down.\"), mdx(\"p\", null, \"We were able to move their event and class scheduling system over to Eventbrite, as well as set up an e-mail blast for them in Mailchimp. This let them easily update and spread the word about their classes, but it also took the onus of charging for the classes off their hands. They were now able to send e-mail blasts letting people know about new offerings, even if the person didn\\u2019t have kids currently enrolled in a class.\"), 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/76a5a9b78ff528ad1810a4e6aad7c52f/4b190/en-las-tablas-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\": \"195.33333333333337%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAnABQDASIAAhEBAxEB/8QAGgABAQACAwAAAAAAAAAAAAAAAAMBBAIFBv/EABcBAQEBAQAAAAAAAAAAAAAAAAACAwT/2gAMAwEAAhADEAAAAYZjyx3sic/ct5tWm3iPI1FTB//EABwQAAICAwEBAAAAAAAAAAAAAAABAgMQERMUIv/aAAgBAQABBQKT3L5E8JI0eesVEDhWaz1memwlbNv/xAAeEQACAQMFAAAAAAAAAAAAAAABAgADEBESExQxUf/aAAgBAwEBPwGqNoZM5KxiW7mlfL//xAAaEQEAAQUAAAAAAAAAAAAAAAABEAACAxEU/9oACAECAQE/ATCtct0bZ//EABwQAAICAgMAAAAAAAAAAAAAAAAyASACkSFBof/aAAgBAQAGPwKORqr6KLR8tnQ07P/EACIQAAICAQEJAAAAAAAAAAAAAAABESExEFFhcYGhscHw8f/aAAgBAQABPyFOBW4dqnyExkWMjisgjY9Y+kepssxpt6U+QKCOwliXwgf/2gAMAwEAAgADAAAAEFv6Q3AP/8QAGhEAAgMBAQAAAAAAAAAAAAAAAAERIWEQQf/aAAgBAwEBPxB3jtxRgxJDytswd//EABoRAQEAAgMAAAAAAAAAAAAAAAEAECExUWH/2gAIAQIBAT8Q1wk9hCnDeuDV/8QAIBAAAgIBBAMBAAAAAAAAAAAAAREAITFBcbHwYZHRof/aAAgBAQABPxAsM0LKHcBLpIc5Es5cUYQePyNSq9VCchjeEAQL6ZgOBQ8/s6PtCRWlpBEAVmxAKsB7TA7G8AFjQTJPmIR0AiB6c//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"En Las Tablas Home Page\",\n    \"title\": \"En Las Tablas Home Page\",\n    \"src\": \"/static/76a5a9b78ff528ad1810a4e6aad7c52f/4b190/en-las-tablas-home.jpg\",\n    \"srcSet\": [\"/static/76a5a9b78ff528ad1810a4e6aad7c52f/f93b5/en-las-tablas-home.jpg 300w\", \"/static/76a5a9b78ff528ad1810a4e6aad7c52f/b4294/en-las-tablas-home.jpg 600w\", \"/static/76a5a9b78ff528ad1810a4e6aad7c52f/4b190/en-las-tablas-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  }, \"En Las Tablas 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/f84806927c8da4e263da465041d16e7d/4b190/en-las-tablas-classes.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\": \"177%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAjABQDASIAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAAAAIFAQMEBv/EABYBAQEBAAAAAAAAAAAAAAAAAAACAf/aAAwDAQACEAMQAAABtY9Reh0mRxW7U2CrHnwAf//EAB0QAAIBBAMAAAAAAAAAAAAAAAABAwITFCAEETH/2gAIAQEAAQUCsRFiMx4tGdIXmdQZUY+bQtP/xAAYEQADAQEAAAAAAAAAAAAAAAACElEAIP/aAAgBAwEBPwFyucrz/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwFf/8QAGxAAAgIDAQAAAAAAAAAAAAAAADIBIBBBgZH/2gAIAQEABj8CQQSknMLJr0Waf//EAB8QAAICAQUBAQAAAAAAAAAAAAABETFBIVFxkfAQgf/aAAgBAQABPyF7XsWdPfpJq07Y7fBmsCpG48Gpdbig86NKZoG8S8R9uz//2gAMAwEAAgADAAAAEGAZTAAP/8QAGREAAgMBAAAAAAAAAAAAAAAAAGEBEJER/9oACAEDAQE/EGNGtOk3/8QAFhEBAQEAAAAAAAAAAAAAAAAAEAER/9oACAECAQE/ENY//8QAIBABAAICAQUBAQAAAAAAAAAAAQARITFBUXGhsdEQYf/aAAgBAQABPxAYhgzt9hno7KUhywXr9JTSxnmrnfieNKKEBzDiABFoMtSmBvG4uK5Tu9wU0+hN9prMBlo9y3XH4qrVv9n/2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"En Las Tablas Class Listings\",\n    \"title\": \"En Las Tablas Class Listings\",\n    \"src\": \"/static/f84806927c8da4e263da465041d16e7d/4b190/en-las-tablas-classes.jpg\",\n    \"srcSet\": [\"/static/f84806927c8da4e263da465041d16e7d/f93b5/en-las-tablas-classes.jpg 300w\", \"/static/f84806927c8da4e263da465041d16e7d/b4294/en-las-tablas-classes.jpg 600w\", \"/static/f84806927c8da4e263da465041d16e7d/4b190/en-las-tablas-classes.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  }, \"En Las Tablas Class Listings\"), \"\\n  \")));\n}\n;\nMDXContent.isMDXComponent = true;"}}},"staticQueryHashes":["3128451518"]}