Designer vs. Developer: what do they do?
Tags: html, firstpost, javascript, css
Published: 2021-03-25 22:39:57

Most people know this already, but for most beginners, these terms are often confusing. For someone new to web development, there is a need to understand what the roles of a developer and designer are so that it will be easy to decide whether to learn how to be a developer, or how to be a designer. In this article, I'm going to explain as much as I can who a developer and a designer is, their differences and where they overlap.

<b>Who is a designer and who is a developer?</b>
A [designer](https://www.interaction-design.org/literature/topics/web-design) or <b>web designer</b>, is an IT professional that works on the appearance, layout, and in some cases content of a website. On the other hand, a [developer](https://www.computerhope.com/jargon/d/develope.htm) or <b>web developer</b>, is an individual who is responsible for bringing the designer's work to life by using various programming languages to develop the product. Let's dive a little deeper into their differences. But first, I'll explain the phases of building a project so that you can clearly see the differences between these two sets of people.
<hr>
##Planning phase
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z4p2jntg3feknvrwi46v.png)
The first phase of building any project is the planning phase. It is the first and most important. This is when you decide and map the entire project. Also, at this stage, you interact with your clients to decide what their goal is and what they want. You should also ask yourself some important questions like, how should the product look?; how should the product feel?; or what should it do?.

##Design phase
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgydrsnf2xwu9nfvm2bp.png)
From the planning phase, we go into the design phase. At this point, you've gathered information about what your client wants and the expectation of the user. You should already have a visual representation of how the product will look and what the users will see. You then take the information from the planning phase and make it a reality by creating or designing the site structure, mobile structure, appearance and layout of the product.

##Development phase
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vc6nfy8sh26kiodbrukw.png)
The development phase is where the designer's work is implemented with various programming languages. In this phase, you use all the assets and information that have been gathered from the design phase and try to implement it into a live website or mobile app.

##Launch phase
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/617hbci8hmticsxr5slf.png)
Once the product has been developed, we can now talk about launching it. That is putting it on a server or [hosting](https://www.namecheap.com/hosting/what-is-web-hosting-definition/) it. In this phase, you deliver your product to the users. After the product has been launched, there may be some design tweaks and testing of the product to make sure it works properly. Once you've launched your product, it doesn't end there, there is another phase which is the post-launch phase.

##Post-launch phase
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9rkrbd99x4htgp9w250y.png)
In this phase, you will have to monitor how the users use the product to see if there are any issues or bug fixes that need to be addressed. More testing is done based on how the users interact with the product, like, how they navigate through the site, why they are not clicking on a button, and so on.
<hr>
The phases of building a project outlined above will eventually turn into a loop because from the ideas and insights you will get after the launch, you can start improving or updating your product. Improving your product means planning again, designing again and developing again. As time goes on, you may get better ideas and improve the product over and over again. This whole process continues.

>You can never really finish developing a product because a product can always be improved.

Now, coming back to the topic of the discussion, a designer is involved in the planning phase, design phase and post-launch phase. They are heavily involved in the planning phase and design phase. They are the ones that will interact with the clients and design what their clients want. They have the responsibility of designing the product to meet the user's expectation. They are also involved in the post-launch phase because they learn from the user and improve their design.<br>
The developer is mainly concerned with the development, launch and post-launch phases. They receive the designs and use tools and technologies like HTML, CSS and JavaScript to implement the designs into an actual working website or mobile app. They are involved in the launch phase in the sense that, they put the code they have written on a server so that their clients can have access to it. While testing is going on, they may likely encounter bugs in their program or see a need to improve or add a feature.
<hr>
In conclusion, a designer is involved more at the beginning and later stages of product development. Whereas, the attention of a developer is needed at the intermediate and later stages of product development. There is no restriction on either field, a designer can also be a developer and a developer can also be a designer.
Below are some resources for further studying. Thanks for reading!. Feel free to connect with me on [Twitter](https://twitter.com/DOctDevv).

Illustrations credit - [undraw.co](https://undraw.co/)

####Resources
* [Software development life cycle](https://blog.eccouncil.org/5-phases-of-the-secure-software-development-life-cycle-sdlc/)
* [Web design](https://www.interaction-design.org/literature/topics/web-design)
* [Web development](https://careerfoundry.com/en/blog/web-development/what-does-it-take-to-become-a-web-developer-everything-you-need-to-know-before-getting-started/)