{"id":21605,"date":"2017-03-06T11:00:48","date_gmt":"2017-03-06T17:00:48","guid":{"rendered":"https:\/\/getflywheel.com\/?p=21605"},"modified":"2023-10-17T20:52:33","modified_gmt":"2023-10-18T01:52:33","slug":"hybrid-web-designer-developer","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/","title":{"rendered":"The Pros and Cons of Being a Hybrid Web Designer\/Developer"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If you\u2019ve been a designer for any length of time, you\u2019ve probably had clients request things from you that go beyond design and into the realm of development.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Web design, as you know, involves the visual and structural design of a website. You\u2019re making creative decisions about things like layouts, navigation, and user experience. There\u2019s certainly a good bit of science behind the decisions you make, but it\u2019s more art than science.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s like architecture\u2014you come up with the plans for a site, but developers are the ones who actually put the ricks (aka tech) in place for the site to exist. You aren\u2019t the one out digging a foundation and hanging drywall; you\u2019re just saying where the foundation and drywall should go.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-designer-developer-hybrid-blueprints.jpg\" alt=\"Person creates blueprints on a computer\" class=\"wp-image-21827\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then there\u2019s web development. Developers are the folks who actually go and build a website. If we\u2019re talking art vs. science, development is definitely heavy on the science end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Developers take a concept and find a way to execute it, but generally speaking aren\u2019t the folks who are pouring hours of creative energy and thought into the concept. They deal in coding and tech and construction\u2014they\u2019re like the builders, not the architects.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There\u2019s a caveat and you\u2019ve probably already thought about it: designers totally build websites! But they do so using themes, plugins, and usually some CSS or HTML5. They\u2019re building the site from the design \u201cblueprints\u201d (to continue the architecture idea), but they\u2019re essentially customizing frameworks and elements that were created (coded) by developers for the specific purpose of being assembled by designers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Very few designers will actually design a site and then code it from scratch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And those designers who do aren\u2019t really designers at all. They\u2019re hybrids.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-designer-developer-hybrid-code.jpg\" alt=\"Person codes on computer \" class=\"wp-image-21828\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">So What is a Hybrid Web Designer\/Developer?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Designers design; developers build. A hybrid web designer\/developer designs and then builds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you love coding and building beautiful, effective websites from the ground up, you might be a hybrid.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you make some stuff happen in CSS and maybe you\u2019ll build a page with HTML now and then, you\u2019re probably not a hybrid. You\u2019re still awesome\u2014a designer who\u2019s able to code in CSS, HTML, and more. The more coding skills you have, the more robust you are as a designer\u2026but that doesn\u2019t necessarily mean you\u2019re also a developer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It works the other way, too. If you\u2019re a serious coder and you know how to put together some basic websites that are easy enough to use but don\u2019t really focus on user experience, conversion goals, or positioning, you might not really be a \u201cweb designer\u201d in the primary sense of web design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You, too, are still awesome! But not all developers should be designers, and there\u2019s nothing wrong with focusing just on coding and leaving the worries about multiple menu placements and calls to action to someone else.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But, of course, if that stuff fascinates you and you\u2019ve looked into it \u2013 or you\u2019ve even taken coursework to learn more about the purpose of a website and how to make designs more effective, you might be a hybrid!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-designer-developer-hybrid-website.jpg\" alt=\"Desktop computer with headphones, keyboard, and mouse \" class=\"wp-image-21832\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits of Going Hybrid<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These days, hybrid web designer\/developers get a lot of buzz, and with good reason. The more well-rounded you are, the more robust of a service provider you can be.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Designers who truly understand the development process can offer expert advice on what\u2019s doable and what\u2019s not, which can open the doors for a lot of creativity and \u2013 perhaps more importantly\u2014shut the doors on a lot of stuff that seems cool on paper (or in wireframes) but really isn\u2019t feasible from a construction standpoint.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a hybrid, you\u2019re what some people call a \u201cunicorn\u201d\u2014a magical creature we hope to find someday, but who we don\u2019t actually think will be able to.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just think\u2014a client comes to you and says &#8220;I want this! and this! and this!\u201d and you have to bring them down to Earth because, as awesome as Divi or Genesis is, there\u2019s no way to make all those ideas happen within those frameworks \u2013 and that\u2019s what you\u2019re limited to.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now imagine being able to blow the roof off the framework, giving your client anything and everything they want despite any particular theme\u2019s limitations, and then charging a premium price to do it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sounds awesome, right?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s because it really can be.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Plus, <a href=\"https:\/\/medium.com\/@katherinemartinez\/the-unicorn-hybrid-designer-developer-5e89607d5fe0#.i0fbp1ah5\" target=\"_blank\" rel=\"noopener noreferrer\">there\u2019s an employment disparity<\/a> between web designers and developers, with developers having many more available jobs and pulling in much more money for doing those jobs. Tapping into the developer market is a great way to make more money, if coding is something that interests you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drawbacks of Doing Both Design and Development<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you advertise yourself as a hybrid\u2014or you take a job as someone who can design and code \u2013 what you\u2019re doing is positioning yourself as one person, doing the work of two people.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You may be a powerhouse, but you might also be cutting yourself off at the knees.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-designer-developer-hybrid-cons.jpg\" alt=\"Person works at a computer in a cubicle \" class=\"wp-image-21835\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With two focuses, you could probably become \u201cpretty good\u201d at designing and at coding, or maybe really good at one end and decent enough at the other end. But it\u2019s pretty challenging to become super-awesome at both. You\u2019ll have a hard time really becoming a leader in either field.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In other words, you\u2019re so well-rounded that you can\u2019t really specialize in both.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s great for some folks. A lot of websites, after all, don\u2019t need a hugely complex, robust design. Plenty of designers get their bread and butter from run-of-the-mill bloggers and small businesses who just need a basic site. And if that\u2019s your sweet spot, you\u2019re in a prime position to do really well.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thoughts on Being a Hybrid Web Designer\/Developer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you really want to be the best, to be the absolute best at what you do, you might find that focusing on design and development together is too much for one brain. No shame in that \u2013 we all have our sweet spots.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But the pull of being able to execute on both design and development will give you incredible insight, and it might be worth the fight to make it happen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To overcome the challenges of being a hybrid, you must always, always, always be learning and practicing. You might not be able to lead the pack in either of your fields, but you can certainly keep up as long as you focus.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve been a designer for any length of time, you\u2019ve probably had clients request things from you that go beyond design and into the realm of development. Web design, as you know, involves the visual and structural design of a website. You\u2019re making creative decisions about things like layouts, navigation, and user experience. There\u2019s<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":147031,"template":"","resource-topic":[1396],"resource-role":[1397,896],"resource-type":[916],"class_list":["post-21605","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Pros and Cons of Being a Hybrid Web Designer\/Developer<\/title>\n<meta name=\"description\" content=\"Very few designers will actually design a site and then code it from scratch. And many developers also design. They\u2019re hybrids.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Pros and Cons of Being a Hybrid Web Designer\/Developer\" \/>\n<meta property=\"og:description\" content=\"Very few designers will actually design a site and then code it from scratch. And many developers also design. They\u2019re hybrids.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-18T01:52:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/03\/web-designer-developer_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/03\/web-designer-developer_1200x627.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/\",\"name\":\"The Pros and Cons of Being a Hybrid Web Designer\/Developer\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2017-03-06T17:00:48+00:00\",\"dateModified\":\"2023-10-18T01:52:33+00:00\",\"description\":\"Very few designers will actually design a site and then code it from scratch. And many developers also design. They\u2019re hybrids.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Pros and Cons of Being a Hybrid Web Designer\/Developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Pros and Cons of Being a Hybrid Web Designer\/Developer","description":"Very few designers will actually design a site and then code it from scratch. And many developers also design. They\u2019re hybrids.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"The Pros and Cons of Being a Hybrid Web Designer\/Developer","og_description":"Very few designers will actually design a site and then code it from scratch. And many developers also design. They\u2019re hybrids.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-10-18T01:52:33+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/03\/web-designer-developer_1200x627.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/03\/web-designer-developer_1200x627.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/","name":"The Pros and Cons of Being a Hybrid Web Designer\/Developer","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2017-03-06T17:00:48+00:00","dateModified":"2023-10-18T01:52:33+00:00","description":"Very few designers will actually design a site and then code it from scratch. And many developers also design. They\u2019re hybrids.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/hybrid-web-designer-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"The Pros and Cons of Being a Hybrid Web Designer\/Developer"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/03\/web-designer-developer_343x245.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer, Developer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/21605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/147031"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=21605"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=21605"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=21605"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=21605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}