Web Developer vs Web designer comparison

What’s the Difference between web designer and web development?
Web designers and web developers work together on the web design process, which includes both visual and functional design. Web designers create the initial version of a website (visual design), then pass it along to web developers for coding in HTML, scripting languages or another language. Both designers and developers are working toward a singular goal--to create an enticing and attractive website.
Below is the comparison table.
Web Developer
Roles
- Routine daily maintenance of existing sites and applications
- Develops Laouts into user-friendly applications
- Perform routine site maintenances as needed
- often more likely to be a software developer who works
- with programming languages to create a higher level of interactions on a website such as the integration with a database system. Mostly widely used database like MySQL , Monogo DN, SQL Server.
Softwarre Commonly Used
- Divvy
- XAMPP
- Visual Studio Code
- Notepad++
Skill Needed
- Advance HTML/CSS/JavaScript
- CSS preprocessors (i.e., LESS or Sass)
- Frameworks (i.e., AngularJS, ReactJS, Ember)
- Libraries (i.e., jQuery)
- Git and GitHub
- Basic PHP script or ASP script
- Database like SQL
- UX Design UI Design Knowledge
Web Designer
Roles
- Design and creation of relational databse schemas
- Creates Web Layouts, visual design and Responsible for the prototyping design
- Placement and layout of website pages fiven client provided content
- Need to be able to visualise how a site will look
- How it will function, conversion of a design into working website
- Basic graphical design
- Providing a good impression look and feel design to customer.
Softwarre Commonly Used
- Adobe XD Basic Adobe Illustrator or Adobe Photoshop, Affinity Desiner Software or Affinity Photo Sotware
- Brackets
- Content Management System
Skill Needed
- Creative graphic skills
- Adobe Photoshop, Adobe XD or other design software
- Graphic design
- Logo design
- Layout/format
- Placing call-to-action buttons
- Branding
- Wireframes, mock-ups, and storyboards
- Color palettes
- Typography
- UX Design UI Design Knowledge
PDF Download: Web Design vs Web Development