-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpath---index-dfe0fee02bfaa9380ad3.js
More file actions
2 lines (2 loc) · 25.8 KB
/
path---index-dfe0fee02bfaa9380ad3.js
File metadata and controls
2 lines (2 loc) · 25.8 KB
1
2
webpackJsonp([0x81b8806e4260],{321:function(e,a){e.exports={data:{allMarkdownRemark:{edges:[{node:{html:"<p><a href=\"fromrachel.com\">From Rachel</a> is an e-commerce business allowing women to shop and subscribe to monthly boxes of fashionable nylon thights. With more than 60 models, each subscriber gets a personalized selection of tights in each of their boxes based on their preferences. The project aimed to encourage customers to communicate with 'Rachel' on a frequent basis, starting with their style preferences, an essential information to select the products they will receive.</p>\n<h1 class=\"w-100 text-center my-7\">Survey's might get the job done but they do very little at building brand experience, foster communication and encourage people to reengage.</h1>\n<h2>Context</h2>\n<p>Since many subscribers had developed the habit of talking to the company by writing directly to 'Rachel', I figured we had to opportunity to encourage it. A questionnaire can hardly by itself promote communication or provide enough value for customers to willingly come back and fill it over and over again.</p>\n<p>Based on earlier research by the team, a clear profile of 'Rachel' had already been developped, and we knew, subscribers loved her for her advice and personality. If we managed to create a more personal interaction with the character, would they be interested enough to seek to opportunity to interact with her on a regular basis?</p>\n<p>That's what I set out to try, and the style profile is the first experiment to figure out which kind of interaction with 'Rachel' genuinely provides value for both the customer and the company.</p>\n<h2>Design</h2>\n<p>The focus was put on 2 specific aspects:</p>\n<ul>\n<li>Implement a simple, intuitive and 'fun' input method to interact with Rachel.</li>\n<li>Balance the focus between Rachel (the conversation) and the visual content.</li>\n</ul>\n<p>That balance was especially important to strike because after all, 'Rachel' is not the value, it's the tights. Fostering a sense of excitement over their next box is the underlying objective.</p>\n<p>In contrast with other conversational UI, talking with Rachel is primarily turned into a visual experience by making use of large visuals that are used as the input method. By making of use of sidescrolling to browse the choices, the visuals can remain large, but also maintain the context of the conversation. The input section is also contained within a different background color to shift the focus away from the conversation toward the visual content.</p>\n<div class=\"d-flex justify-content-center\">\n <img src=\"/input-edc582b8006206b87f34170a84ed8cb2.gif\">\n</div>\n<h2>Results</h2>\n<p>To try the style profile, you will have to create and account at <a href=\"fromrachel.com/my-account\">fromrachel.com/my-account</a> and click on the 'style profile' button in your account or in the welcome email. Here is a gif of the interactions with Rachel's.</p>\n<div class=\"d-flex justify-content-center bg-light\">\n <img src=\"/rachel-animated-7f2d19531be03dfbeae9cd30bad3748e.gif\">\n</div>",id:"/Users/alexbouchard/dev/portfolio/src/pages/rachel-style-profile/index.md absPath of file >>> MarkdownRemark",frontmatter:{date:"2017-10-01T12:00:00Z",path:"/rachel-style-profile",title:"Rachel's style profile",timeframe:"Sept - Oct 2017",images:{first:"rachel-1",second:"rachel-2"},gradient:{left:"#f7bbb5",right:"#f9ecde"},snippet:"I've built a conversational UI web application for From Rachel to replace their 'style profile', it focused on the customer experience by bringing visuals to the conversation. Build with React & NodeJs."}}},{node:{html:'<p><a href="busbud.com">Busbud.com</a> is a intercity Bus OTA that sells bus tickets online in 63 countries on a million + routes. As part of the on-going effort of improving the website experience, I redesigned the core funel on mobile web and desktop.</p>\n<h1 class="w-100 text-center my-7">\n A design system isn\'t about looks, it about solving the problems you commonly run into in a systematic, intuitive and consistant manner.\n</h1>\n<p>In busbud case: address a couple of creeping UX & technical issues that busbud was facing.</p>\n<ol>\n<li>Improve the mobile experience, conversation rates and satisfaction.</li>\n<li>Revisit the website navigation to better align with users intention to navigate between pages of the funel.</li>\n<li>Implement a solid component based design system to increase consistancy, speed up the design process and front-end development.</li>\n<li>Create a design system that would play nice with our future development goals.</li>\n</ol>\n<h2>Design</h2>\n<p>Busbud redesign was very much data driven since the company has built solid event tracking. Most decision were drivens by explicit behavior would could withness. For instance, busbud features breadcums for the 3 steps on the funel (Search, Select, Pay). However those breadcrums were not clickable but were getting clicked on almost constantly by users trying to navigate between pages. I embraced the behavior and made the breadcrums the center piece of the navigation bar while also making them clickable. They became the #1 way to navigation the platform.</p>\n<h4>Before</h4>\n\n <a class="gatsby-resp-image-link" href="/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-ef3f1.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 788px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 10.55133079847909%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAYAAABYBvyLAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAiUlEQVQI12Pgrj3+X7t933+1niv/+RvO/mepOvWfrfo0EJ9CwlB+DZCuOfOfo/bMf976s//56s/856s7/Z+j5tR/XiAN0ssgaeHzX9/V87+hq/d/dUe//5peqUCc/F/LOxWIU8A0mO+V8l/VNf6/ikvsf1Uo1vJI/G8RlvvfJDj7v2V43n9toHoAhdBS01PGbJkAAAAASUVORK5CYII='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="old nav" title="" src="/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-e1ac5.png" srcset="/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-64618.png 197w,\n/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-9c95c.png 394w,\n/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-e1ac5.png 788w,\n/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-deccc.png 1182w,\n/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-6c75d.png 1576w,\n/static/old_nav-e5f0b874bddde1b1bc5d8721c27511dc-ef3f1.png 2104w" sizes="(max-width: 788px) 100vw, 788px">\n </span>\n </span>\n \n </a>\n \n<br>\n<h4>After</h4>\n\n <a class="gatsby-resp-image-link" href="/static/new_nav-d979df39493f2099b80b3d46dbe6b8b0-ebece.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 788px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 5.794205794205795%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAARklEQVQI12NwrVj237lux3+7uv3/Tcp3/Ter2P3fqHTnf1MgG8TXLdrxX6dwO5iGYRDfsmoPWK1F5W6wOtvavf8NSnb+BwB3US++Qc5WNQAAAABJRU5ErkJggg=='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="new nav" title="" src="/static/new_nav-d979df39493f2099b80b3d46dbe6b8b0-e1ac5.png" srcset="/static/new_nav-d979df39493f2099b80b3d46dbe6b8b0-64618.png 197w,\n/static/new_nav-d979df39493f2099b80b3d46dbe6b8b0-9c95c.png 394w,\n/static/new_nav-d979df39493f2099b80b3d46dbe6b8b0-e1ac5.png 788w,\n/static/new_nav-d979df39493f2099b80b3d46dbe6b8b0-ebece.png 1001w" sizes="(max-width: 788px) 100vw, 788px">\n </span>\n </span>\n \n </a>\n \n<br>\n<p>More over, endgame was a fully developped design system that would be both usable within Sketch and on the Front-end. The results was a set of components (symbols) that were integrated in Sketch as Symbol and in code with \'Busbud Bootstrap\' an implementation of the popular css framework specific to Busbud that supported all our components.</p>\n<h2>Results</h2>\n\n <a class="gatsby-resp-image-link" href="/static/results_desktop-35cf25f4256383ef482c353e507e2031-f5236.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 788px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 63.38615512927439%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsSAAALEgHS3X78AAACiklEQVQ4y21Sy04UURDtX3HjwggiEnRhFEM0+B9uXGgMogIqMYoouNeVSxRDeBgJ8ogmyIzMMIxsNGoI8pAZxqF7evp1+z3HqksTIFrpk6o+9/a5Vee2crx9Go03J9DaPYK2xymc7/mIxlszaOiYRnPnLBpvz8jM78duvJeoa5+SXNOdWZyi9dNU1xPHvNJ0L4Xm+2m0DSzh8kAOrX1ZXHq6iHOPMqjr/IT6rnmc6Erh5N0ULhLf1p+T6y29GZx9uIALT5bQ0pfHmQcZsJZytGMODd0pvEmvYzK/hYnlMsYXCxhOr2E8t40xwuDcKoZS6xjNbBI28DZXoLUi3uWLGHzeh+FnV3Gl5wWOdCxAGUpvYCz7G59/lPFlVcOW6uBXycRaycDmjo1SxUFRtVDUbBQoF5K6SPx2xcb6tyw28tOYzy7jVXoLCmIfQID0TxWZFQ2266NieTCcQOYoioBaTE90CDFn4jk83sJ1zYdi2g4Y9EbgTTVEYYAwCHgXojiWojLvIYpJMIbneXAcB3EUwnU9mJYNhQlXCHh+AEsKA5WKju3SH5lVVYOu61IAybF8KAfvr+iGrIMglOJSUJDg3iYO7iigDnW9KsVM09wd/UDUogC10EUtcIHQg++Kw4LcPmchXPnxwQO4jpPRLceDTdpG/jXKI9ehzfRSvobq10kIP94XDMMQYdKZcF3yxJW17/sScp3gM0fjBcKCqJZh6zvwLRWubcAhnV0PyVDLMiFoPI6qYUjvuFubfHIcgf+FZVlQNS3xMDg8shwz8Yk78agrVVWxQ2AvmTvg4D9VQHfm2Pa+oE+3zD7yqPyx/H34d0nAHjJnCV966Hyfgv6hH0bmpczmyjyEF+IvXV6iJr8HFSoAAAAASUVORK5CYII='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="results desktop" title="" src="/static/results_desktop-35cf25f4256383ef482c353e507e2031-e1ac5.png" srcset="/static/results_desktop-35cf25f4256383ef482c353e507e2031-64618.png 197w,\n/static/results_desktop-35cf25f4256383ef482c353e507e2031-9c95c.png 394w,\n/static/results_desktop-35cf25f4256383ef482c353e507e2031-e1ac5.png 788w,\n/static/results_desktop-35cf25f4256383ef482c353e507e2031-deccc.png 1182w,\n/static/results_desktop-35cf25f4256383ef482c353e507e2031-6c75d.png 1576w,\n/static/results_desktop-35cf25f4256383ef482c353e507e2031-a1df5.png 2364w,\n/static/results_desktop-35cf25f4256383ef482c353e507e2031-f5236.png 2398w" sizes="(max-width: 788px) 100vw, 788px">\n </span>\n </span>\n \n </a>\n \n<br>\n\n <a class="gatsby-resp-image-link" href="/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-f5236.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 788px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 67.05587989991659%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsSAAALEgHS3X78AAAByUlEQVQ4y32T227bMAyG+/YbdrX32QZsdwNWbOiKpQiWNG6bOD7PsSXLOvkfJVeuUwclQNA2hc/kT/GKc46u62CMgdYG1lpIKaGU8t/ectn30znHcKyrAFRK++gszwvkRYG2bfGvrsEYx2sbhgFZlqNlzL8vgK4yd8iZ1ho9VVmWpQc2TeNzPv985gzugeIcaIz1VUrZT/ClW2gLCN6g/vYR1ad3qD6/R/XlA1iVoBPyBVgVKQpqU5KOl2AYxjYtRWs0VLmDzDdQBcXiHh1rwInjgZyThl1FYAYuzZlOIc4lmZtUDMpICNGPLQcxGUHr0wmG9AuQAHAwPtM5tD9YuhVGeZ+GEh7cH9wVeC12AFi7rC6Yyy2m7Caa0nWpqhoZaSkEp2r7qZoiT5GmKV2pDGWRQYkWWnZTfgbsaDodnuJb7HYrRJs1/v7+hSS6IV9BPUuQPa6wvfuJP9ffsb3+inj7Aw/RGtqMQ1xUeKS/p4d7nLIIx8OG/A5ZEvstcM0m+wjxwxpP+wMeox328R7H5Ej6GS/OAtgwAda96DjMJu1cKFq3CzK6nNIXVo/RCjU0ZbcVDuq2ResQNVU6Rpcb88rL4b65Cx2A/wFwR/ADI2L6egAAAABJRU5ErkJggg=='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="dep card desktop" title="" src="/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-e1ac5.png" srcset="/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-64618.png 197w,\n/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-9c95c.png 394w,\n/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-e1ac5.png 788w,\n/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-deccc.png 1182w,\n/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-6c75d.png 1576w,\n/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-a1df5.png 2364w,\n/static/dep_card_desktop-1ea6a2df73c252aafdba3d906c86a229-f5236.png 2398w" sizes="(max-width: 788px) 100vw, 788px">\n </span>\n </span>\n \n </a>\n \n<br>\n\n <a class="gatsby-resp-image-link" href="/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-f5236.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 788px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 67.05587989991659%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsSAAALEgHS3X78AAACCUlEQVQ4y31S227TQBD19yAClVoQiAeKBKjfQwspooKXcvsZ3iKKo1DaqhK0iEILfABqGsU2Tuzd9W1tH2bWXRMUwNLR7szOOXtmx05n1cXiWg/L669w/dE2bj5+i5XNXdzYGODqeh8Lay4urb5p0SFw/kq3j8UHfSx1G3TubZlz52J3F5cf7uHui0Msb77HracfsPLyANee7OPC/R3w+Sw6Zt3D0sY+7jw/wO1nxCHeAmnwufP60xBbR0MMjs/gHp3C/TzEu28eBice3OMx+jNwv4ypdoTex1P0Dn8QZ4Sd7z62v3L+DKzloMzAUPEEYvoTOpX471drKpdI5ZS22e98lRsdR0gFxmjsYTKNIFWCWBAhy5HlxR/IC035rK2rSafQJVSSmph1HKUU0jSlZALP8wg+4jj+p8GiKOAHgeEYw3UNQQYS4rOWEeSACwIqDMMQUkpTWFVVi7KsoDJt3Ph+QI7YSIZIThBMvXlBFhEEremNytKsjMKu1K5KCyQkIqiDKIpMJzKRJB7PC4bhxLSr6U3YHcO2ZN2WpTYtRzFdrlJzWV01Z3OCQgjjkgn2y2kQNmbXeU6DomFFQlGriRkUn3N+TjCj6WkimT+AbmRXnOO3tbEdSpLQ+50LzIJ1WkG+pTwXtGR+dHZtBRks2AgkhjeL1iGjaadxxHsmcszgvQXH1sTfBH8B1IiyeHf2iucAAAAASUVORK5CYII='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="checkout desktop" title="" src="/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-e1ac5.png" srcset="/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-64618.png 197w,\n/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-9c95c.png 394w,\n/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-e1ac5.png 788w,\n/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-deccc.png 1182w,\n/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-6c75d.png 1576w,\n/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-a1df5.png 2364w,\n/static/checkout_desktop-72b229994a2e1927765d7a776dc63e3f-f5236.png 2398w" sizes="(max-width: 788px) 100vw, 788px">\n </span>\n </span>\n \n </a>\n \n<br>\n<div style="max-width: 400px;">\n \n <a class="gatsby-resp-image-link" href="/static/search_results-e3aa20e251b624eb3f8d664693f884de-410e4.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 752px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 177.6595744680851%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAACXBIWXMAABYlAAAWJQFJUiTwAAACYklEQVRIx+1UXW/TQBD0//8tCIlHkBAUkEBIgVfa0DRNGjv+/kpt587OsLOWU9O6LQ8VTzlpdes739zO7uw5t7e3mLLdboeqqrDf71HXtRrXmqY57o/nMIyQ5zmcKTAezrIMsx8/8fbde3w8+4yzT1/w9dt3fBA/iuMjMM2YPV69foP5/DccHubmMDOqwVIB5c1xnMDzthoBwYZLx/8O4I4xRhZqpcaNrutwOBzUHhvD/tiGdacsSyyvV3BdF7PZTKN87NB9gKmLnMOho4unxhQAmVjbom3vzFoLp9q38EuLIu/zlSQp4iTp/TRFEIYoigJBEOraduvDE5tiwkucxnRIqg6ZHPY8H1EU62EepM/DaZrJvO3BpDir9Y3m+370Srmn+zTlpwaj6sYR7poW69wiiUK92XU9LZJGKBJZy9q1fNPn/vVqrbZYXKEUUY+j1AhN26ES2qTAnFH5pJhL3gafeaXGiqJUbRaiDOa5rvs8/hXhc5p7bjwoSlFbLFODKPAxv1zgUqhcXS2xIi2ZSY8pWCyW+HV+AdfzdK/3t1M67ItCdGrJGAsr8/A96KvXnR39Z9QeRGhsh0IKY7T1+hbse7tBw5dG/KE92b/MJf2266Yp70TYbmERhYHQmCtFVpa0NxsX5xdz1SC/mY6BOsU+Brynw5cZGiFbL9hZlEWunUFji2VZrhbKN2c+Yb4fHGXEbqI2uU6fj4xGWIsG46pFLvpa32ywEWFT3Gwxgm99v29FmVltfR9FgzfyL9dYaaaJF3E4eMFxlM2/2vjxfWzdeanIRlU+AZ4AT4AnwP8A+AdEcQUNAckY4QAAAABJRU5ErkJggg=='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="search results" title="" src="/static/search_results-e3aa20e251b624eb3f8d664693f884de-410e4.png" srcset="/static/search_results-e3aa20e251b624eb3f8d664693f884de-40503.png 197w,\n/static/search_results-e3aa20e251b624eb3f8d664693f884de-7fe66.png 394w,\n/static/search_results-e3aa20e251b624eb3f8d664693f884de-410e4.png 752w" sizes="(max-width: 752px) 100vw, 752px">\n </span>\n </span>\n \n </a>\n \n \n <a class="gatsby-resp-image-link" href="/static/passenger-c22993d5811499b0dfae859122bbe4fb-92a15.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 750px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 177.86666666666667%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAACXBIWXMAAAsSAAALEgHS3X78AAADEUlEQVRIx+1UyW4TQRCdv+DGCYTEJoEEX8ABCYkP4cABEEEgrkggcULiM4ggUaRsOHZsbMeJ7RAvInHiOHbi3eNlZmzP4kdXT9qZOOMEQQ4cUtJzl6trql9VV5ekqiqc0DQNiqKg0+kMdVoJtN/tdo/5Clu5XEaz1YIknMVmv99HuVLB1PQMFhY9CIbCCAbDmJ1bgG85gLn5RW7fze1xXzrQMHRMfp3Cr80tSBSEjIKVWBuNBuoMsiyjXmd6vc5tJcaE9Ha7PWRK34hV0nUdg8EAo2JZFkzTHMKyxGrbDcMAfSsg/ku0mc/nkU6nkUgkkEqlEI/HeV3+RiRiR2kVi0VUWO2ouIVCgTMhof2zAIfOGbqJSM2ZutDpw9F9DCxmtyCRodfr8RtzOo9lw0TUjP7TStLSDGh9ExLVyuvzw7PkY6nuD9N0E2Gv1WqQm02udzoKX1e2ZWRKKiS3j8YFHD1M6E6bNJrOOIZOH1ESp69hWszOLkVjKfsDQQR+hBBZjfImdgvqDFillFlnkJTKVb6GMzK2iorNUNO6HFRPceunBRS3S/+Ff0+3OEvprDr9yd6xGtIbDIUjWIvGkEym2YmnNzRPuXqUcrlipxyilEuK3Ye02WjIaLXap7ITQr0nUtV1uw/VnomeYdk1HKXvfAVOmC52Xkf+TO0nyBnSZYjXMm76jGsjAWJNsfiAXV2LIRqLIxZfx0YiyUrQPBy6bDqzlQ6k9lIO559zEonDW2xaEyGJfnayOY7NzA5y+QJyewVktrPcls3lUdgvIl844LbtnV3ssSdqWoMT4NOG535uwgLWO31MrRUxHS2NwLbR3peVA45vq25+JczEypiMFNlwYG0T3Grg+ksfbr9a5rh1CNJvTPhw720Ajz9G8PD9Cu4z/ebEkY/Andd+XH7qwef5XRZws4Erz5Zw7YX3BK4+9/KgD96F8OhDGHff+Llt1I8IXXqyiE+zWUhNVcdSqjYWnmQVcz8rmF2v4DvTvS4+3nQNCxsV5Kqq+1v+F5HsTj8fWHbbnDPDi4AXAf+DgL8BFeW8goM7YaIAAAAASUVORK5CYII='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="passenger" title="" src="/static/passenger-c22993d5811499b0dfae859122bbe4fb-92a15.png" srcset="/static/passenger-c22993d5811499b0dfae859122bbe4fb-1456f.png 197w,\n/static/passenger-c22993d5811499b0dfae859122bbe4fb-a0a1a.png 394w,\n/static/passenger-c22993d5811499b0dfae859122bbe4fb-92a15.png 750w" sizes="(max-width: 750px) 100vw, 750px">\n </span>\n </span>\n \n </a>\n \n \n <a class="gatsby-resp-image-link" href="/static/menu-6e5c974a476edf9de2e737126d5e9527-92a15.png" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 750px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 177.86666666666667%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAACXBIWXMAAAsSAAALEgHS3X78AAACF0lEQVRIx+2Vy27bMBBF+f/f0qIBumzaAi2yKoLEqeWHnNqWEUmWrEf0pGzAuOVQoqLESSvKmy66OCZlk9d3hjMiK8sSQymKQsI5h+d5eEwSMPUl0V2kI3g4HPDh4iPm5gKs+2Oe51ri3XVqZGqy3+9xPB7lv9Fcx2X3mYVhiHfvL2AYU3y6/IKb2xGMyRRVxXs5fBkNozAdx0EQBCIHJmzbxm63085n6zBNU6zXFsgpiZKY7/snLvoiBUd3PzGdznD5+Su+fb/C9fWNLIUhpcTUgVDOqqpq0XX2LIdUkFmWybJRnCV4O7rD2rJaZ+d0j6xDElI5G+qsdZhlOcbGBLO5eRKqTmG3gvRBJ005pC4hp7phd9fLHNq2I3K4wa/lClEUaYmqdeowpaDrbmGLblmuVojjeJDgqyETLxf04aSXF4t7TESnjMeGaL9wUB5VHTP1xlWcXTbd7njWKQOoHdIJFaKoeUNZkxVlP/J6P1EUTac8hBxzJ4fp1szEfPtYCfbN+DZ+sscm4LACMsFrhyQ42ojXmJXCeMgkrhT7O54QJLGlXzaCdDkJq23IDRRKH9JOyKTDKO4o5QgFUVaPQ8lUDsnyj2WCKzMWOSzgpQc4Ihy3BxTyvVfKfU3IJQKhvo1r/ISL50oL2rNLKpkCVsqOEMUtnPK28gtNnvZIhzXdii81edrD9Df/GXbO/fHmnfJf8N8S/A06CNIthtsV8AAAAABJRU5ErkJggg=='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="menu" title="" src="/static/menu-6e5c974a476edf9de2e737126d5e9527-92a15.png" srcset="/static/menu-6e5c974a476edf9de2e737126d5e9527-1456f.png 197w,\n/static/menu-6e5c974a476edf9de2e737126d5e9527-a0a1a.png 394w,\n/static/menu-6e5c974a476edf9de2e737126d5e9527-92a15.png 750w" sizes="(max-width: 750px) 100vw, 750px">\n </span>\n </span>\n \n </a>\n \n</div>',id:"/Users/alexbouchard/dev/portfolio/src/pages/busbud-redesign/index.md absPath of file >>> MarkdownRemark",frontmatter:{date:"2017-09-01T12:00:00Z",path:"/busbud-redesign",title:"Busbud Redesign",timeframe:"March - June 2017",images:{first:"bb1",second:"bb2"},gradient:{left:"#5CAFEC",right:"#5CAFEC"},snippet:"I've lead a comprehensive redesign effort for the core funnel of busbud.com. We improved navigation, clarity and consistancy while making it faster for developpers and designers to iterate."}}},{node:{html:"<p>WIP</p>",id:"/Users/alexbouchard/dev/portfolio/src/pages/busbud-emails/index.md absPath of file >>> MarkdownRemark",frontmatter:{date:"2016-09-01T12:00:00Z",path:"/busbud-emails",title:"Busbud Emails",timeframe:"June - September 2016",images:{first:"top-destination",second:null},gradient:{left:"#ffce6f",right:"#f7e18d"},snippet:"I redesigned Busbud emails and built a microservice to generate and deliver millions of emails based on dynamic user properties. All thanks to server rendered React, NodeJS & Express."}}},{node:{html:'<p>Append which ever city you want to visit after <a href="nextbus.to/">nextbus.to/</a> (ex: nextbus.to/toronto) to get the next departing bus and price. Booking is a couple of clicks away.</p>\n<h1 class="w-100 text-center my-7">\n Sure you usually plan your trips, but spontaniaty is exciting. \n</h1>\n<h2>A hackathon project with a goal</h2>\n<p>Nextbus was a 3 days hackathon project at Busbud. We wanted simplify to the maximum the process on jumping on the next bus but intuitevely deliever the very next bus leaving your current location. A select group of Busbud user were consistantly travel on short notice, could we make that experience better for them?</p>\n<p>Nextbus was well received with 100+ upvotes on <a href="https://www.producthunt.com/posts/nextbus-to">Product Hunt</a> and thousand of visit from launch.</p>\n\n <a class="gatsby-resp-image-link" href="/static/nextbus-banner-a2ff47a5ce638a037ec1b4d9ae01a9a3-a9dd8.jpg" style="display: block" target="_blank" rel="noopener">\n \n <span class="gatsby-resp-image-wrapper" style="position: relative; display: block; ; max-width: 788px; margin-left: auto; margin-right: auto;">\n <span class="gatsby-resp-image-background-image" style="padding-bottom: 66.63366336633663%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAX/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQME/9oADAMBAAIQAxAAAAFpmvM9kgc//8QAGxABAQACAwEAAAAAAAAAAAAAAgEDEgQRFCL/2gAIAQEAAQUCyXWBbFNSzkrv2VLG/n//xAAZEQABBQAAAAAAAAAAAAAAAAAAARITMUH/2gAIAQMBAT8BjVpWH//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABoQAAMAAwEAAAAAAAAAAAAAAAABESExMoL/2gAIAQEABj8CtiKr6MKiqTOFDR//xAAbEAEAAgMBAQAAAAAAAAAAAAABACERMUFRYf/aAAgBAQABPyG1PshmNUD4uNQ8J3heTZgKLm3s23P/2gAMAwEAAgADAAAAEH8P/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERMf/aAAgBAwEBPxDDFRrEH//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/EIf/xAAeEAEAAgICAwEAAAAAAAAAAAABABExQSGBUWGx4f/aAAgBAQABPxCkKcSur4hR7KBS/bUCq5Jp8fJTDArhuW4QUDvO38lofJU2Xqf/2Q=='); background-size: cover; display: block;">\n <img class="gatsby-resp-image-image" style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;" alt="nextbus banner" title="" src="/static/nextbus-banner-a2ff47a5ce638a037ec1b4d9ae01a9a3-28af6.jpg" srcset="/static/nextbus-banner-a2ff47a5ce638a037ec1b4d9ae01a9a3-6ab74.jpg 197w,\n/static/nextbus-banner-a2ff47a5ce638a037ec1b4d9ae01a9a3-68503.jpg 394w,\n/static/nextbus-banner-a2ff47a5ce638a037ec1b4d9ae01a9a3-28af6.jpg 788w,\n/static/nextbus-banner-a2ff47a5ce638a037ec1b4d9ae01a9a3-a9dd8.jpg 1010w" sizes="(max-width: 788px) 100vw, 788px">\n </span>\n </span>\n \n </a>\n ',id:"/Users/alexbouchard/dev/portfolio/src/pages/nextbus/index.md absPath of file >>> MarkdownRemark",frontmatter:{date:"2016-05-01T00:00:00Z",path:"/nextbus",title:"Nextbus.to",timeframe:"Jun - Jun 2016",images:{first:"nextbus-1",second:"nextbus-2"},gradient:{left:"#73f2b5",right:"#73f2d5"},snippet:"A simple yet effective way to find the next intercity bus between you and your destination. Nextbus is a hackthon project built with Erlang & Vanilla Js."}}}]}},pathContext:{}}}});
//# sourceMappingURL=path---index-dfe0fee02bfaa9380ad3.js.map