{"id":2385,"date":"2016-08-03T10:37:02","date_gmt":"2016-08-03T09:37:02","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=2385"},"modified":"2020-11-05T14:36:48","modified_gmt":"2020-11-05T14:36:48","slug":"spotlight-firebox","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/","title":{"rendered":"Firebox: Being the First UX Designer"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Remember the Shot Glass Chess Set? That was created by Tom Boardman &amp; Michael Smith, owners of <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.firebox.com\">Firebox<\/a>. Their infamous Chess Set spiraled into the idea of an online retail store with the mission of helping people find gifts, even when they\u2019re not sure what they\u2019re looking for. 17 years on and Firebox has survived all the bursts and the recessions that the economy has thrown at them, proving that the people love shopping for the unusual.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Firebox, like many other companies, has come to understand the importance of the user journey and made some big steps to improve their user experience. Their <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/z-list-tech-terms-need-know-ux-designer\/\">UX Designer<\/a>, Lewis Healey, has worked on over 20 projects since joining in August 2015 and has been helping to push Firebox further away from its previously \u2018ladd-y\u2019 culture and into more of a serious shop. In a company of 35 people, bar Christmas when it shoots up to a head count of 50, Lewis is currently the only web designer and the first UX designer they\u2019ve employed.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">From his log-cabin inspired UX room at Firebox\u2019s London HQ, equipped with it\u2019s own chalkboard wall, Lewis talks to me about his varied role and how he uses Marvel to improve Firebox\u2019s customer journey.<\/p>\n<div id='gallery-1' class='gallery galleryid-2385 gallery-columns-1 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8156.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8156-1500x1000.jpg\" class=\"attachment-large size-large\" alt=\"Lewis Healey, Firebox\" aria-describedby=\"gallery-1-2391\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8156-1500x1000.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8156-600x400.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8156-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-2391'>\n\t\t\t\tLewis Healey, Firebox\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"The Web Designer is almost dead. You need to find a specialism.\"<\/p><\/span><\/blockquote>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">So, you\u2019re Firebox\u2019s first UX Designer...<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I am! The Creative Director was a designer but he left shortly after I joined. Strangely, I\u2019m the only web designer but we are looking to grow the team slowly. I\u2019ve been pulling in some of the Graphic Designers and dedicating some time to training them up in web design and pull them in with a little UX.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">What does a regular day look like for you?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s extremely varied, I\u2019m lucky to have a lot of autonomy in my role. It does really depend on the main tasks that have been set but I have a lot of freedom to investigate and problem solve. We have an incredible reporting system where we have access to an unbelievable amount of data and insights.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For example, I ran an experience audit on our website on mobile because for the first time our mobile sales surpassed desktop sales. Christmas is crunchtime and also very much around the corner, so we need to dedicate time to preparing our mobile experience.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">What was it that drew you to UX?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">After my interest in Web Design really grew, I noticed that nobody really employs Web Designers anymore - it\u2019s mainly just Engineers and Developers. It\u2019s almost like you need to find a specialism because the Web Designer is almost dead.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Now, they\u2019re split up into UX Designers, Product Designers and Back-End or Front-End Engineers. So I thought, I can\u2019t just be a Web Designer I need to decide on one of these. After some self analysis, I realised I really like qualitative and quantitative data, data driven design and figuring out problems from these numbers. So, UX design is perfect for me because I\u2019m quite logical. So, I just went for it and applied for a couple of UX jobs!<\/p>\n<div id='gallery-2' class='gallery galleryid-2385 gallery-columns-1 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8205.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8205-1500x1000.jpg\" class=\"attachment-large size-large\" alt=\"Log Cabin Room, Firebox\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8205-1500x1000.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8205-600x400.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8205-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Lewis explains that whilst he was studying Multimedia Technology at University, he actually hated Web Design, finding it limiting and frustrating that there were changes you had to make for designs to fit into the different browsers. Fast forward a few years and he flipped a 180, falling in love with the ever evolving aspect of web design and the way that the industry has changed into a more free and creative place. Trained and experienced in a range of design software, Lewis has been using Marvel throughout his career to streamline his design process.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><span class=\"long-quote\">When presenting his ideas and designs to the Managing Director and Chief Technical Officer, Lewis uses Marvel to demonstrate the user journey. This method shares what the idea would look like without having to spend months developing it, so Lewis can get rid of any problems before they actually occur.<\/span><\/p>\n<div id='gallery-3' class='gallery galleryid-2385 gallery-columns-1 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8184.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8184-1500x1000.jpg\" class=\"attachment-large size-large\" alt=\"Marvel Stickers Mac\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8184-1500x1000.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8184-600x400.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8184-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Tell us a little bit about why and how you use Marvel?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I actually used Marvel in one of my previous companies and have used it personally for quite a while now. I really like that it\u2019s proof of concept, so you can carry out usability tests before you actually build anything, which is priceless really because you can just save so much time. It\u2019s really useful for communicating with stakeholders, getting them onboard and selling my designs and ideas. Rather than just showing them a bunch of static imagery, I can actually use Marvel to show how the flow works.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Marvel has a really clean design and I also love that you\u2019re just down the road. Not that I would just pop in or anything but I kind of feel like I\u2019m supporting London. I\u2019ve followed Murat from the beginning and really bought into Marvel\u2019s great story.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">How has it benefitted the business?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It helps me solve problems. Marvel is involved in my day to day process, where I will watch our users through various tools, then go into Marvel or Sketch to find a solution and finally I\u2019ll A\/B test that. Marvel was actually the bloodline of improving our conversion rate and making us more money.<br \/>\nIt\u2019s imperative now to use Marvel for the developers because they use it as a reference point. Rather than just having a load of images in a folder, they can actually click through and see how the idea works and that really helps our development. It makes them more efficient as it\u2019s more streamlined and more visual for them than a long brief or handover.<\/p>\n<div id='gallery-4' class='gallery galleryid-2385 gallery-columns-1 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8137.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8137-1500x1000.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8137-1500x1000.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8137-600x400.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8137-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The ever evolving industry of web design keeps Lewis inspired. With so many new technologies which have been and are being created. Like React, the new technology that Facebook have made based on Javascript. People can now get incredibly good at design at the base level, which just encourages him to step up his game. \u201cTechnology is getting so advanced these days people can solely create legitimate businesses from their bedrooms. Coding a web app in React for example, you can reformat it into other native platforms easier than it has been ever before.\u201d<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The fact you can do really well straight away is inspiring for me, you never know everything with Web Design or Coding.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"With Web Design or Coding, you never know it all and you can never be the best.\"<\/p><\/span><\/blockquote>\n<div id='gallery-5' class='gallery galleryid-2385 gallery-columns-2 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockups-product-page.png'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"868\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockups-product-page-1500x868.png\" class=\"attachment-large size-large\" alt=\"Firebox Product Page Mock Up\" aria-describedby=\"gallery-5-2388\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockups-product-page-1500x868.png 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockups-product-page-600x347.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockups-product-page-768x444.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-5-2388'>\n\t\t\t\tFirebox Product Page Mock Up\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Payment-UI.png'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"866\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Payment-UI-1500x866.png\" class=\"attachment-large size-large\" alt=\"Firebox Payment UI\" aria-describedby=\"gallery-5-2389\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Payment-UI-1500x866.png 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Payment-UI-600x346.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Payment-UI-768x443.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Payment-UI.png 1920w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-5-2389'>\n\t\t\t\tFirebox Payment UI\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">What has been one of your biggest challenges?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In this company, one of my biggest challenges has been educating people about User Experience. Testing short term UX is obviously beneficial but the heart of the challenge at the moment is getting people onboard with long term UX goals. In order to see substantial growth in conversion rates, we need to take a holistic approach. It\u2019s not about the quick wins, but more about making a long term improvement in our entire multi-channel experience.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It takes a lot of meetings, chats and presentations to get departments &amp; stakeholders onboard, but once we started seeing results month-on-month, staff were more receptive to the benefits of long term UX planning.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I mean, I\u2019m still trying to figure it out as well. I have some inklings of how to improve our overall experience and how to help people find a gift and hopefully convert better but there is no clear picture yet, it's an ever evolving idea that will be optimised over time.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">What\u2019s been your favourite project?<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The Checkout. The thing about my job that I love is that sometimes as a designer you\u2019ll design something and it\u2019s out there and you don\u2019t really have a chance to amend it. Two months down the line you\u2019re like, \u201cOh, what if!\u201d and, \u201cThat could have been better!\u201d.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"With UX design you keep going back &amp;\u00a0iterating because you constantly need to improve &amp;\u00a0test.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The checkout has been great to work on because the first version I put out there had a lot of mistakes and I\u2019ve learned from that. I\u2019m now able to see how users behave on the checkout and that\u2019s actually helping me design other parts of the website. So I know that when they\u2019re going to this checkout page, they\u2019re in this mindset, so I need to kind of adhere to the previous step. It\u2019s definitely a project I\u2019m starting to get proud of.<\/p>\n<div id='gallery-6' class='gallery galleryid-2385 gallery-columns-1 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockup-checkout-2.png'><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1314\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockup-checkout-2-1500x1314.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockup-checkout-2-1500x1314.png 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockup-checkout-2-600x525.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/Mockup-checkout-2-768x673.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As a result of driving more focus on UX, Firebox\u2019s year-on-year and month-on-month conversion rates are up, showing that the short term effects of UX are not only working but are also incredibly beneficial for the business. Lewis adds that there are usually three months set to a project in design, the acceleration that Marvel provides has allowed for him to smash through a series of 20+ projects and arrive at the bad ideas quick enough to make room for the good ones.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Remember the Shot Glass Chess Set? That was created by Tom Boardman &amp; Michael Smith, owners of Firebox. Their infamous Chess Set spiraled into the idea of an online retail store with the mission of helping people find gifts, even when they\u2019re not sure what they\u2019re looking for. 17 years on and Firebox has survived all the bursts and the&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":12,"featured_media":2386,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[29,24,31,45,50],"class_list":["post-2385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-in-the-spotlight","tag-digital-product-design","tag-marvel","tag-prototyping","tag-ux","tag-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Firebox: Being the First UX Designer | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Remember the Shot Glass Chess Set? That was created by Tom Boardman &amp; Michael Smith, owners of Firebox. Their infamous Chess Set spiraled into the idea of an online retail store with the mission of helping people find gifts, even when they\u2019re not sure what they\u2019re looking for. 17 years on and Firebox has survived all the bursts and the... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-03T09:37:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-05T14:36:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8263-1500x1000.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"6 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/08\/MG_8263.jpg\",\"width\":5184,\"height\":3456},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/\",\"name\":\"Firebox: Being the First UX Designer | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#primaryimage\"},\"datePublished\":\"2016-08-03T09:37:02+00:00\",\"dateModified\":\"2020-11-05T14:36:48+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\"},\"headline\":\"Firebox: Being the First UX Designer\",\"datePublished\":\"2016-08-03T09:37:02+00:00\",\"dateModified\":\"2020-11-05T14:36:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#primaryimage\"},\"keywords\":\"Digital Product Design,Marvel,Prototyping,UX,Web Design\",\"articleSection\":\"In the Spotlight\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/spotlight-firebox\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/758d288ebafc1477497b98b60f9e49ff\",\"name\":\"Naomi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c520343b1feb2f69cca53916bf57f5c457b3a2640d405e0f9f20a8f8e8bb7ca7?s=96&d=mm&r=g\",\"caption\":\"Naomi\"},\"description\":\"Writing for Marvel. Writing for fun. Eating everywhere, all the time.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/2385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=2385"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/2385\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/2386"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=2385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=2385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=2385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}