• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Get A Quote
  • 610.743.5602
  • Schedule A Meeting
default-logo
Menu
  • About
    • Team
    • Careers
    • Work
  • HubSpot Agency
    • Marketing Hub
      • Setup & Strategy
        • Inbound Success Plan
        • Inbound Marketing Plans
      • Traffic Generation
      • Lead Conversion
      • Lead Nurturing
    • Sales Hub
      • CRM Implementation
      • Sales Enablement
      • Sales & Marketing Alignment
    • Content Hub
  • Digital Marketing
    • Inbound Marketing
      • Inbound Marketing Plans
    • Content Marketing
    • Email Marketing
    • SEO
    • Social Media Marketing
    • PPC Management
  • Digital Analytics
  • Web Design
    • Shopify Web Design
    • CMS Hub
    • Branding/Graphic Design
    • Our Work
    • Hosting & Maintenance
  • Blog
    • Small & Mid-Sized Business Resources
    • Client Referral Program
  • About
    • Team
    • Careers
    • Work
  • HubSpot Agency
    • Marketing Hub
      • Setup & Strategy
        • Inbound Success Plan
        • Inbound Marketing Plans
      • Traffic Generation
      • Lead Conversion
      • Lead Nurturing
    • Sales Hub
      • CRM Implementation
      • Sales Enablement
      • Sales & Marketing Alignment
    • Content Hub
  • Digital Marketing
    • Inbound Marketing
      • Inbound Marketing Plans
    • Content Marketing
    • Email Marketing
    • SEO
    • Social Media Marketing
    • PPC Management
  • Digital Analytics
  • Web Design
    • Shopify Web Design
    • CMS Hub
    • Branding/Graphic Design
    • Our Work
    • Hosting & Maintenance
  • Blog
    • Small & Mid-Sized Business Resources
    • Client Referral Program

Are You a Web Designer or a Web Developer?

October 2, 2014 by Mark Mapp 14 Comments

These two roles are often substituted for one another, however they both carry their own weight – and rightfully so. After all, they are the two main ingredients in any effective web design process. A web designer focuses on the aesthetics, or the “look and feel” of a website, while web developers concentrate primarily on the functionality, such as what happens when you click a button or submit a contact form. Although there are quite a few people out there who may be able to handle the tasks of both a web designer and a web developer, these two professions typically work together to bring web experiences into existence. This week, I’m going to cover some other characteristics that separate these two important professions.

Design and source code view of a webpage.
Here is an image example showcasing the design view of a website as well the source code view in Google Chrome, one of the most popular web browsers.
Web inspector view of a web page.
Web inspectors allow designers and developers to view the design and code of a website in one browser window. Typically used for troubleshooting purposes.

Let’s Start with Education

Web designers typically attain a 2-4 year degree in a visual arts or graphic design program. They often learn to use a variety of creative suites, as well as several WYSIWYG editors to help them develop the aesthetic look and feel of the websites they create. Although having HTML knowledge is also a major plus for web designers, it isn’t surprising if a majority of them do not have any knowledge of HTML outside of what Adobe Dreamweaver and some other basic web editors.

A web developer’s education, on the other hand, is mainly technical-based. They often attain some type of 2-4 year computer science or programming degree where they will learn programming languages such as HTML, HTML5, Java, JavaScript, CSS3, SQL, PHP, and C++. Having ample knowledge of these languages enables the developer to produce a properly-functioning website. Web developers or programmers may also dabble with Adobe Photoshop to help with simple tasks such as resizing images and color changes, but spend most of their time using various text editors to complete their tasks.

Web page layout in Adobe Photoshop.
Here’s a website template being visually created in Adobe Photoshop using a variety of graphics and layers. Absolutely no coding is required for these layouts.

Software, Tools, and Resources

The software and tools that designers and developers use on a daily basis also differ. A web designer’s software suite would include an image editor like Adobe Photoshop or Gimp, a vector-based program like Adobe Illustrator or Inkscape, and possibly a WYSIWYG web page editor like Adobe Dreamweaver or Kompozer. Other resources a web designer may use are color pickers, on-screen rulers, lorem ipsum text generators, and stock photography websites.

Unlike the web designer whose software collection consists mainly of creative suites, a web developer’s toolkit would most likely include a text editor such as Notepad++, an FTP client like Filezilla, as many internet browsers as possible for testing purposes, and different types of Web (Code) inspectors which are usually built into the browsers themselves. In addition, web developers also tend to use CMS (Content management Systems) platforms such as WordPress, Drupal, and Joomla to help streamline the implementation of content on a website.

Wysiwyg software view of a web page.
Adobe Dreamweaver is a very popular WYSIWYG (what you see is what you get) web design program which can also be used to edit HTML and CSS files.
Analyzing code using a text editor.
This image shows what typical HTML code would look like in a text editor; in this case, Sublime Text 2.

As part of the web design process

As mentioned above, web designers and web developers often work together on web design projects. Most initial conversations in the web design process have to do with the aesthetics, or the “look and feel” of a website. Clients will generally have an idea of what they want their website to look like and the audience they are targeting. A graphic designer would then use his creativity, the client’s design principles, and their collection of tools and resources to visually layout design concepts. Once a layout is approved, functionality becomes the focus. This is when the skill set of a web developer is required. Besides developing the website from scratch using one of several coding languages available, a web developer would also work on technical components like databases, online forms and applications (and the actions they require to be submitted), as well as client login portals. Even when the web design project is considered complete and uploaded to the Web, web developers can still spend countless hours troubleshooting issues that arise. Troubleshooting websites and web pages is a continuous process and generally web designers have little or nothing to do with this task.

In Conclusion

With the information provided, hopefully you’ve got a better understanding of what the differences between a web designer and a web developer are. The differences really are like night and day, and their definitions should not be substituted for each other. If you are an individual or a business looking to hire a web designer or a web developer you should know their strengths, but you should also know what their limitations are. This will help you to make the best decision possible in deciding the resources you need moving forward.

What do you think are the biggest differences between web designers and developers? Let us know in the comments!

Filed Under: Web Design Tagged With: web design, web development

Reader Interactions

Comments

  1. best dating sites says

    January 9, 2015 at 12:16 pm

    This paragraph provides clear idea designed for the
    new users of blogging, that genuinely how to
    do running a blog.

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:44 am

      Thanks, and glad to know you appreciated our blog structure.

      Reply
  2. best dating sites says

    January 4, 2015 at 3:30 pm

    Great post. I will be dealing with some of these issues as well..

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:47 am

      Thanks for the comment. I’m glad the information provided was helpful.

      Reply
  3. web design in Norwich says

    December 5, 2014 at 1:14 pm

    Well, Wix has many templates for photographers you could choose from when you are building your site. It’s free so you could start off without being billed, just give it a go.

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:50 am

      Correct, there are many platforms out there like Wix which are catered more towards the individuals that aren’t familiar with coding. As long as your understand the basic design principles you should be able to build an effective website using those platforms.

      Reply
  4. web design says

    November 28, 2014 at 5:18 pm

    It could be a nice useful section of information. I’m just fulfilled you contributed this beneficial info with us. You need to continue being united states up to par like this web design. Thank you spreading.

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:52 am

      Greatly appreciate the comments and I’m glad the information was helpful.

      Reply
  5. website design & development says

    November 27, 2014 at 11:30 am

    I like the valuable inf you provide in your articles. I’ll bookmark your blog
    and check aggain here frequently. I’m quite certain I’ll learn a lot of new stuff right here!
    Good luck for the next!

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:56 am

      Thank you for the comments. Glad you found the information to be valuable and I look forward to your return visit. Feel free to ask any questions going forward.

      Reply
  6. Www.Computerwealthy.Co.Uk says

    November 24, 2014 at 4:54 am

    Thank you for this solution, and for making it easy to find when I searched.

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:57 am

      You are very much welcome and your comments are greatly appreciated.

      Reply
  7. Home Improvement says

    November 19, 2014 at 3:35 am

    Its such as you learn my mind! You seem to understand a lot about this, like you wrote tthe e book in it or something.
    I believe thazt you could do with a few % to force tthe message house a lirtle
    bit, but other than that, that iss magnificent
    blog. An excellent read. I will certainly be back.

    Reply
    • Mark Mapp says

      January 23, 2015 at 9:59 am

      Your comments are greatly appreciated. Also thank you for the recommendation, I will keep that in mind going forward.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Archives

Categories

Subscribe Now


CONTACT INFORMATION

DaBrian Marketing Group
3535 N. 5th Street HWY
Suite 2, #203
Reading, PA, 19605

  • 610.743.5602
  • Mon - Fri: 9AM - 5PM
Contact Us
Web Support

RESOURCES

  • Case Studies
  • White Papers
  • eBooks
  • Small Business Resources
  • Our Blog

MARKETING

  • Financial Services
  • Health & Wellness
  • Ecommerce & Retail
  • Business 2 Business
  • Business 2 Consumer

VISIT OUR LOCATION

  • Get Map & Directions

CONNECT WITH US

Facebook Instagram Linkedin Rss Twitter Youtube

Copyright © 2025 DaBrian Marketing Group  •  All Rights Reserved  •  Privacy Policy

Scroll Up