{"id":13447,"date":"2022-03-31T11:00:00","date_gmt":"2022-03-31T16:00:00","guid":{"rendered":"https:\/\/getflywheel.com\/?p=13447"},"modified":"2022-03-31T11:00:00","modified_gmt":"2022-03-31T16:00:00","slug":"web-design-vs-web-development-whats-the-difference-and-why-does-it-matter","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/","title":{"rendered":"Web Design vs Web Development: What&#8217;s the Difference and Why Does it Matter?"},"content":{"rendered":"\n<p>Ever had a prospect contact you for what they thought was a new web design, when it turned out what they really needed was a developer? Maybe you\u2019ve had the awkward experience of explaining to your copywriter that you\u2019re a developer, not a designer, and that their copy needed to make that clear. Or perhaps you\u2019re on the other side, and as a hybrid designer\/developer, you\u2019ve had to educate clients and prospects about how valuable that makes you.<\/p>\n\n\n\n<p>Confusing web design with web development is an all-too-common mistake that people make, especially when they\u2019re newbies in this new-fangled thing we call the interwebs. I was a newbie once, too, and I can attest to my own ignorance (and subsequent mistakes and misconceptions) regarding the differences between design and development, so I write all of this without judgement.<\/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\/2015\/10\/design-vs-development-why.jpg\" alt=\" design-vs-development-why\" class=\"wp-image-13454\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Why the Difference Matters<\/h3>\n\n\n\n<p>That said, there\u2019s a very real difference between web development and web design, and the more we (as creatives) can clarify the difference, the better we\u2019ll serve our markets and the stronger our businesses will be.<\/p>\n\n\n\n<p>After all, when a client sees your site or looks at your portfolio and knows, with supreme confidence, that you are the professional who will best meet his or her needs\u2014or when a web development prospect comes to your site, realizes you\u2019re a designer and not a developer, and moves on without wasting either party\u2019s time\u2014everybody wins.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What Web Design Is (and Isn\u2019t)<\/h3>\n\n\n\n<p>Web design is the art of designing the \u201cpublic\u201d part of a website\u2014the page or pages that are live on the web and accessed by visitors and customers. It involves every aspect of how the site appears and functions, taking into account the principles of good visual design as well as a deep understanding of user experience and the client\u2019s needs. [twitter_link]A good web designer makes a site look great and work well for the site user.[\/twitter_link]<\/p>\n\n\n\n<p>Web design is primarily a focus on what a site should look like and how users interact with it, and less about how to make those actions happen, i.e. coding or programming. Many (perhaps even most) web designers are not programmers, nor do they need to be\u2014web design itself is primarily visual and organizational, which doesn\u2019t usually require much, if any, coding skills. That said, there are very few designers who know absolutely nothing of common programming languages like Java, HTML, or PHP.<\/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\/2015\/10\/design-vs-development-design.jpg\" alt=\"design-vs-development-design\" class=\"wp-image-13455\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What Web Development is (and Isn\u2019t)<\/h3>\n\n\n\n<p>Web development refers to writing the actual code and scripts that bring a website&#8217;s design to digital life. It\u2019s the \u201chow\u201d behind the \u201cwhat\u201d that is design. Developers focus on how a site works, how actions can be performed on the site, and how to create the invisible chain of events that allows a site to actually work.<\/p>\n\n\n\n<p>They may have an eye for design\u2014or at the very least, understand the important role design plays\u2014but generally speaking, it&#8217;s not their main focus. [twitter_link]A good web developer makes the design happen effectively and without any bugs.[\/twitter_link]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why Web Developers are an Asset to Web Designers (and Vice Versa)<\/h3>\n\n\n\n<p>Web designers and web developers perform roles that are inextricably connected. There are hybrid designer-developers, but generally speaking, the two jobs are well suited to different types of people. Web designers function in the creative aspect of websites, whereas developers function more in the analytical aspect of things.<\/p>\n\n\n\n<p>The symbiotic relationship between web design and web development makes it a great opportunity for partnerships, especially among freelancers. While it\u2019s possible to build a web design business that delivers websites without the need to learn much code or work with a developer, it&#8217;s not necessarily ideal for all projects (or for your long-term business strategy).<\/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\/2015\/10\/design-vs-development-dev.jpg\" alt=\"design-vs-development-dev\" class=\"wp-image-13456\"\/><\/figure>\n\n\n\n<p>When you\u2019re presented with a bigger or more complex project than you\u2019re used to, link up with one of your developer friends. By outsourcing complex development work that\u2019s beyond your realm, your fantastic project can still happen without making you crazy, and you&#8217;ll likely learn a thing or two in the process. Just don\u2019t forget to include those additional fees in your proposal!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Final Thoughts on Design vs\u00a0Development<\/h3>\n\n\n\n<p>Web design and web development are closely related career paths, but they aren\u2019t the same thing. Designers can benefit from knowing some very basic development techniques and developers can enhance their own performance with some basic design education. But ultimately, the roles are distinct and there aren\u2019t many who successfully offer both services in one package.<\/p>\n\n\n\n<p>By forging strong working relationships with developers, designers create the opportunity to deliver full website design and implementation services to clients, even those in need of complex websites you don\u2019t necessarily know how to build. <\/p>\n\n\n\n<p>Teaming up with a developer or two gives you the chance to refer that work to a trusted partner\u2014and have design work referred to you in return. By providing an all-in-one package, you\u2019ll be able to serve your clients better and your developer can do the same. And, as we all know, happy clients are the key to more business.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever had a prospect contact you for what they thought was a new web design, when it turned out what they really needed was a developer? Maybe you\u2019ve had the awkward experience of explaining to your copywriter that you\u2019re a developer, not a designer, and that their copy needed to make that clear. Or perhaps<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":297,"featured_media":48153,"template":"","resource-topic":[],"resource-role":[],"resource-type":[916],"class_list":["post-13447","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>Web design vs web development: What&#039;s the difference and why does it matter?<\/title>\n<meta name=\"description\" content=\"There\u2019s a very real difference between web development and web design. Learn what it is, and why it&#039;s important.\" \/>\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=\"Web design vs web development: What&#039;s the difference and why does it matter?\" \/>\n<meta property=\"og:description\" content=\"There\u2019s a very real difference between web development and web design. Learn what it is, and why it&#039;s important.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/05\/WPE-IMG-Thumbnail-1200x630-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 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\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/\",\"name\":\"Web design vs web development: What's the difference and why does it matter?\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-03-31T16:00:00+00:00\",\"dateModified\":\"2022-03-31T16:00:00+00:00\",\"description\":\"There\u2019s a very real difference between web development and web design. Learn what it is, and why it's important.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/#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\":\"Web Design vs Web Development: What&#8217;s the Difference and Why Does it Matter?\"}]},{\"@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\/3a22232b01de39dcf588fb8e421c0521\",\"name\":\"Erin Myers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"caption\":\"Erin Myers\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design vs web development: What's the difference and why does it matter?","description":"There\u2019s a very real difference between web development and web design. Learn what it is, and why it's important.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Web design vs web development: What's the difference and why does it matter?","og_description":"There\u2019s a very real difference between web development and web design. Learn what it is, and why it's important.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","og_image":[{"width":1200,"height":630,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/05\/WPE-IMG-Thumbnail-1200x630-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/","name":"Web design vs web development: What's the difference and why does it matter?","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-03-31T16:00:00+00:00","dateModified":"2022-03-31T16:00:00+00:00","description":"There\u2019s a very real difference between web development and web design. Learn what it is, and why it's important.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/web-design-vs-web-development-whats-the-difference-and-why-does-it-matter\/#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":"Web Design vs Web Development: What&#8217;s the Difference and Why Does it Matter?"}]},{"@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\/3a22232b01de39dcf588fb8e421c0521","name":"Erin Myers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","caption":"Erin Myers"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":false,"topic":false,"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/13447","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\/297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=13447"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=13447"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=13447"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=13447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}