{"id":4551,"date":"2018-09-18T14:44:29","date_gmt":"2018-09-18T21:44:29","guid":{"rendered":"https:\/\/www.springboard.com\/?p=4551"},"modified":"2023-07-07T00:53:34","modified_gmt":"2023-07-07T07:53:34","slug":"becoming-a-full-stack-designer","status":"publish","type":"post","link":"https:\/\/www.springboard.com\/blog\/design\/becoming-a-full-stack-designer\/","title":{"rendered":"Becoming a Full-Stack Designer"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Back in the \u201cold days,\u201d there was clear separation between web designers and developers. Now, however, many companies\u2014particularly startups\u2014use a leaner operating model that calls for people with more cross-disciplinary skills, or who are simply willing to wear multiple hats temporarily. (Just think about the startup CEO who answers customer support emails.) <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">In the past few years, design and development groups have begun to bleed together. So just as the number of full-stack developers has increased, there is growing demand for full-stack designers. But while the first role is familiar to many people, especially in the tech space, the second isn\u2019t as widely understood. So what, exactly, does a full-stack designer do? <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Put very simply, a full-stack designer is a designer who can code. Usually, this means the designer knows enough about coding to implement designs on their own. They might be able to carry a project from its beginning through its first major phases, and even to the very end. This work could involve:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Conceiving a project<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Wireframe and prototype design (UX)<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Visual design (UI)<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Front-end development<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Full-stack designers may also involve themselves in some of the research, marketing, copywriting, or other content work. They could take on some or all of the project management, helping with every aspect of the <\/span><a href=\"https:\/\/www.springboard.com\/blog\/design\/ux-design-process\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.springboard.com\/blog\/design\/ux-design-process\/\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">UX design process<\/span><\/a><span style=\"font-weight: 400;\">. Essentially, they can lead the whole project or play a key role in every step of it. While they might focus on the design and development, they possess cross-disciplinary skills that allow them to pitch in elsewhere.<\/span><\/p>\n\n\n\n<p class=\"has-text-align-center rm\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"437\" class=\"wp-image-4708 alignnone\" src=\"https:\/\/www.springboard.com\/blog\/wp-content\/uploads\/2018\/09\/full-stack-designer-1024x675.jpg\" alt=\"\"><br>Source: <a href=\"http:\/\/www.christopherbnelson.com\/\" target=\"_blank\" rel=\"noopener\">Christopher Nelson<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits of a Full-Stack Designer<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Obviously, the idea of one employee taking on the jobs of more than one person can be very attractive to a company, as it might present an opportunity to save on costs and resources. From a company\u2019s perspective, having a full-stack designer onboard can greatly benefit a project in other ways, though: If the designer is leading the project, or is just involved with it from start to finish, that can add a great deal of consistency to all the work processes. A full-stack designer can get to know the rest of the team better by working with them on different aspects of the project, compared with the work they might do as a more straightforward designer or developer. This could lead to better communication (a bridge between design and development), stronger collaboration, and deeper trust. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">What\u2019s in it for the individual? Because of the benefits listed above, becoming a full-stack designer could make you rather enticing to employers. While the role is new and specialized enough that there isn\u2019t a lot of salary research available, anyone with an advanced and varied set of skills will draw attention and could end up with a more attractive compensation package, depending on specific skills and the location of the company (that certainly is the case with <\/span><a href=\"https:\/\/www.springboard.com\/blog\/software-engineering\/how-to-become-full-stack-developer\/\" target=\"_blank\" data-type=\"post\" data-id=\"1405\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">full-stack developers<\/span><\/a><span style=\"font-weight: 400;\">, whose job description has been around longer). Beyond financial rewards, you could wind up with more varied and interesting work. And you could make much more of an impact, given that you are involved in so many aspects of the work. <\/span><\/p>\n\n\n<div class=\"bg-leaf-50 p-4 my-3\"><h4 class=\"fw-bold text-center\">Get To Know Other\tDesign Students<\/h4><div class=\"row row-cols-1 row-cols-lg-3\"><div class=\"col\"><div class=\"card success-story-card h-100 d-flex justify-content-between mb-0\"><div class=\"flex-grow-1 text-center\"><a class=\"d-inline-block rounded-circle\" href=\"\/success\/bre-walker\" style=\"width:125px;height:125px;overflow:hidden\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/res.cloudinary.com\/springboard-images\/image\/upload\/v1629203192\/Student%20Success\/Bre_Walker_125x125.png\" alt=\"Bre Walker\" style=\"object-fit:contain;max-width:170px;height:125px\" \/><\/a><p class=\"fw-bold mb-0\">Bre Walker<\/p><p class=\"text-muted lh-1\">UX Designer at KeyBank<\/p><\/div><div class=\"w-100 d-block d-md-none mt-3\"><\/div><p class=\"mb-0 mx-auto text-center\"><a class=\"btn btn-primary mx-auto\" href=\"\/success\/bre-walker\">Read Story<\/a><\/p><\/div><\/div><div class=\"col d-none d-md-block\"><div class=\"card success-story-card h-100 d-flex justify-content-between mb-0\"><div class=\"flex-grow-1 text-center\"><a class=\"d-inline-block rounded-circle\" href=\"\/success\/amber-hicks\" style=\"width:125px;height:125px;overflow:hidden\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/res.cloudinary.com\/springboard-images\/image\/upload\/v1629203193\/Student%20Success\/Amber_Hicks_125x125.png\" alt=\"Amber Hicks\" style=\"object-fit:contain;max-width:170px;height:125px\" \/><\/a><p class=\"fw-bold mb-0\">Amber Hicks<\/p><p class=\"text-muted lh-1\">UX Designer at Norfolk Southern<\/p><\/div><p class=\"mb-0 mx-auto text-center\"><a class=\"btn btn-primary mx-auto\" href=\"\/success\/amber-hicks\">Read Story<\/a><\/p><\/div><\/div><div class=\"col d-none d-md-block\"><div class=\"card success-story-card h-100 d-flex justify-content-between mb-0\"><div class=\"flex-grow-1 text-center\"><a class=\"d-inline-block rounded-circle\" href=\"\/success\/kelly-hart\" style=\"width:125px;height:125px;overflow:hidden\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/res.cloudinary.com\/springboard-images\/image\/upload\/v1629203193\/Student%20Success\/Kelly_Hart_125x125.png\" alt=\"Kelly Hart\" style=\"object-fit:contain;max-width:170px;height:125px\" \/><\/a><p class=\"fw-bold mb-0\">Kelly Hart<\/p><p class=\"text-muted lh-1\">UX\/UI Designer at Perficient<\/p><\/div><p class=\"mb-0 mx-auto text-center\"><a class=\"btn btn-primary mx-auto\" href=\"\/success\/kelly-hart\">Read Story<\/a><\/p><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Drawbacks of a Full-Stack Designer<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Of course, <\/span><a href=\"https:\/\/uxdesign.cc\/why-i-believe-in-full-stack-designers-a4a154f6bac2\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">there are trade-offs<\/span><\/a><span style=\"font-weight: 400;\">. Remember that a full-stack designer is <\/span><a href=\"https:\/\/www.webdesignerdepot.com\/2015\/06\/what-is-a-full-stack-designer-and-should-you-be-one\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">more of a generalist<\/span><\/a><span style=\"font-weight: 400;\">. While they can handle both design and development work, a company might prefer someone who is solely a web designer or a web developer, since they could have more developed skills. A project might be better suited to involving a large team full of specialists, each with their own roles, rather than a few generalists who span multiple roles. It might aid in concentration, collaboration, and efficiency. Companies may even have it embedded in their work processes that they need a separate designer and developer. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Becoming a full-stack designer entails a great deal of work and study. You would have to put years into working with both UX and UI design and development, as well as copywriting, marketing, research, or any other skills that you wish to bring to the table. That takes persistence and determination. Some people might find such an undertaking overwhelming or even intimidating. Of course, if you become skilled in multiple disciplines, you have done something that not everyone can. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Also note that once you have acquired knowledge and experience in a field, you have to keep up with it. Advances happen all the time in tech, especially in areas like web design, UX, and coding. Programming languages change and new ones emerge. It can be difficult to keep up, especially if your current job only calls on you to utilize some of your skills. In fact, sometimes, keeping up with your field can be as hard as learning all those skills in the first place. <\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Become a Full-Stack Designer<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Typically, you\u2019ll start as either a designer or developer and from there pick up new skills and experience in the other field. If you begin in <\/span><a href=\"https:\/\/www.springboard.com\/blog\/design\/what-is-ux-design\/\" target=\"_blank\" data-type=\"post\" data-id=\"4917\" rel=\"noreferrer noopener\"><span style=\"font-weight: 400;\">UX design<\/span><\/a><span style=\"font-weight: 400;\"> with a focus on users and what you need to craft a satisfactory experience for them, you would work on developing a strong grasp of HTML\/CSS, JS\/jQuery, PHP, and Apache. It would help tremendously as well if you had an understanding of front-end development, back-end development, and back-end server management.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">What about the other new skills you would need? Where can you pick up them up? You have multiple options, some of which you might pursue on your own and others that your company might provide:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Taking classes at traditional schools<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Enrolling in online or offline bootcamps <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Trying out free online courses<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Learning on the job from teammates<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">You might start out with the intent of becoming a full-stack designer and actively plan your education and career path with that goal in mind. You may also simply end up as one, given that your accumulated experience in both design and coding gave you the skills to work in both fields. If you also want to further expand your skill set, you can tackle new software or programming via online courses. For even more cross-disciplinary learning, you can take classes in copywriting, marketing, and project management.<\/span><\/p>\n\n\n\n<p><em><strong>Related:<\/strong> <a href=\"https:\/\/www.springboard.com\/blog\/design\/what-does-a-ux-designer-do\/\" target=\"_blank\" data-type=\"post\" data-id=\"5182\" rel=\"noreferrer noopener\">What Does a UX Designer Do?<\/a><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Far Do You Want to Go?<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Being a full-stack designer means having skills in design and development, but it doesn\u2019t have to stop there. You can add content creation, program management, metrics reporting, and more to your repertoire. You can stop where you want to (or where time constraints force you to) or keep going, learning new skills and refining the ones you already possess. It makes you a more well-rounded individual and employee and can eventually pay off with better money and more interesting work. Let your interests guide you.<\/span><\/p>\n\n\n\n<p><em>This post was written by Michael McNichols. Michael has been a professional writer for more than eight years. A good bulk of his output has involved IT and SaaS concepts. He resides in Chicago, trains in karate, and enjoys chai lattes with soy milk.<\/em><\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#efeff6\"><strong>Since you&#8217;re here&#8230;<br><\/strong>Interested in a career in UX design? Rise to the top of the CV pile when you enroll in our <a href=\"https:\/\/www.springboard.com\/courses\/ux-career-track\/\" target=\"_blank\" rel=\"noreferrer noopener\">UX Bootcamp<\/a>. Or, take a look at our <a href=\"https:\/\/www.springboard.com\/reviews\/\" target=\"_blank\" rel=\"noreferrer noopener\">student reviews<\/a> and test out our <a href=\"https:\/\/www.springboard.com\/resources\/learning-paths\/user-experience-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">free UX course<\/a> to get a feel for our style and results. TL;DR: average starting salaries for our students = $85,440. Let\u2019s do this.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Back in the \u201cold days,\u201d there was clear separation between web designers and developers. Now, however, many companies\u2014particularly startups\u2014use a leaner operating model that calls for people with more cross-disciplinary skills, or who are simply willing to wear multiple hats temporarily. (Just think about the startup CEO who answers customer support emails.) In the past [&hellip;]<\/p>\n","protected":false},"author":40,"featured_media":4668,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_eb_data_table":"","footnotes":""},"categories":[123],"tags":[],"marketing_tags":[],"class_list":{"0":"post-4551","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts\/4551"}],"collection":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/comments?post=4551"}],"version-history":[{"count":3,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts\/4551\/revisions"}],"predecessor-version":[{"id":47480,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/posts\/4551\/revisions\/47480"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/media\/4668"}],"wp:attachment":[{"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/media?parent=4551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/categories?post=4551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/tags?post=4551"},{"taxonomy":"marketing_tags","embeddable":true,"href":"https:\/\/www.springboard.com\/blog\/wp-json\/wp\/v2\/marketing_tags?post=4551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}