Web Designer vs  Web Developer – How do they differ?

Web designer vs web developer - as a UX designer, I counter this match daily. But truly, the phrases don't stop here, we have visual designers, front-end developers, back-end developers, UX designers (like me), et cetera. We will shed a light on what each of these roles mean.


A developer friend of mine met with a client a couple of months ago. The client had a business website where he wanted a couple of modifications. For one, he wanted to add a login button. So he asked the developer:

– Can you do that for me?

– Sure, he replied, once a designer creates the button.

– But you work as a web designer, don’t you?

– No, I work as a web developer.

– Oh, what’s the difference?

– The designer “draws” the button, and I make it work.

– But if the designer creates the button, what do I need you for?

– The designer makes just a static photo. It guides me how an element should look and where I should place it on the site, but it can’t log in anybody.

That’s my job. It’s like the difference between a photo of a fine dish, or the dish itself. The designer gives me the recipe and the photo of the dish. I cook it.

Similar conversations happen regularly between hirer and developer or designer all around the world. As I have mentioned, I counter the web designer vs web developer conversation a lot.

But don’t blame anyone here. In this digital world, so many new professions have arisen that figuring out who to reach out to when in need of a product (web page or web application) can cause quite a headache.

So if you struggle with these two terms, you’ve come to the right place! In this article, we will clear up the questions of these roles.

Web designer vs web developer: examples of what they do

We will look at:

  • What web designers do
  • When you need to hire a designer
  • What web developers do
  • When you need to hire a developer, and most importantly
  • How in the world do they differ

What web designers do

Web designer vs web developer: web designer illustration

A broad umbrella, “web designer” covers everything related to the visuals and usability of a platform. You tell this to someone unfamiliar with the industry so they don’t get more confused with a specific job title. But when you talk to someone familiar with the industry, you need to get more specific.

Before we dive further into details, check out these five examples of what web designers deal with:

  • Look and feel of a platform
  • Color palette
  • Layouts
  • Functionality
  • User expectations

So let’s peel the onion and take a look at these roles:

Visual designer

These creative professionals focus mainly on the aesthetics of a site and its related materials. They do so by strategically implementing images, colors, fonts, and other elements.

They might create web banner ads, email templates, landing pages or infographics. Although they rarely work on print products, visual designers need a strong understanding of graphic design, identity design, and branding.

Web designer

Web designers basically form a subset for visual designers. They work primarily with web layouts and deliverables, including things like icons, infographics, logos, and presentations. Plus, they need wireframing skills like a UI designer.

These two professionals have a firm grasp of Adobe Creative Suite, including:

  • Photoshop
  • Illustrator
  • InDesign

but could also be familiar with UI creating software like:

  • Sketch
  • Adobe XD

UX/UI designer (User experience / User interface designer)

UX studio has a fun service team which consists of UX/UI designers and UX researchers. These designers concentrate more on the look and feel of the product. That builds mainly on tons of research provided usually by – you guessed it! – UX researchers.

Web designer vs web developer: picture of UX designers

We always have a thorough design process at our UX agency. We work closely with our clients and always try to make decisions together. First, we define the problem, then create a solution.

We start with a discovery phase. In it, we transform into a vacuum and suck in as much information as possible and gather insights. After that, we define the area to focus upon and decide what we can feasibly do.

Then comes the fun part! We create concepts, prototypes followed by tests and iteration. And finally, we arrive at the awaited delivery stage, where we launch the finalized project.

We aim to navigate users through a digital platform in a visually intuitive way.

In some places, even these two professions divide into two separate people. In my opinion, you can’t do UI design without UX design, so they need to have both skill sets.

Web designer vs web developer: UX design example 2Web designer vs web developer: UX design example

 

The main tasks of these individuals include:

  • Creating structural guidelines of a web page or app layout in the form of wireframes
  • Creating user-friendly and visually attractive screens or interfaces
  • Interactive elements: buttons, form input fields, animations, drop down menu and many more
  • Creating prototypes

A few types of software they use:

  • Sketch
  • Figma
  • InVision
  • Framer
  • Axure

In conclusion, we can interchange these roles because some people started as graphic designers and worked their way up to be user interface designers. In most cases, they cover the knowledge of all the titles.

Still, some professionals get sensitive about their titles. Remember when Sheldon Cooper (The Big Bang Theory) got upset his sister called him a rocket scientist when he worked as a theoretical physicist?

So, when to hire a designer?

You’ll probably need a designer if you encounter one of the following:

  • The interface of the site looks outdated
  • Small elements need changed (colors, fonts, button, menu, form)
  • You need a landing page and/or subpages
  • Poor navigation
  • Visitors leave too fast
  • You need web banner ads
  • A visually attractive tender presentation

What web developers do

Web designer vs web developer: web developer illustration

Web developers make a designers’ work come to life. But we bump into the same problem with the “web developer” label, as it has become a catch-all phrase as well.

Before we start dividing them up, let’s look at three examples of what web developers do:

  • Write code to create a site that works smoothly out of a design or prototype
  • Focus mostly on functionality
  • Problem-solving wizardry

Web designer vs web developer: web developer

Since the Web has grown more complex, many professionals focus on specific parts of development, whether a specific programming language, framework or other technical areas of expertise.

Front-end developer

Front-end developers take the visual design of a website and translate it into code.

Basically, they build the actual interface seen or interacted with by users.

They use the following markup languages to write their code:

  • HTML (Hypertext Markup Language) for the structure of the site
    This forms the foundation of any website, basically the nails and bricks holding your front end together. Back in the day, this made up the front end, but since then CSS and Javascript have joined the mix. Now you need them to make any acceptable looking site. But without HTML, you’ve got no website at all.
  • CSS (Cascading Style Sheets) for adding styles, images and layout
    When websites started to evolve, HTML’s styling options didn’t suffice to serve the need of aesthetics anymore, so CSS was born.

Front-End developers’ work includes using programming languages like:

  • JS (JavaScript) for animations and other interactive elements (not to be mixed up with Java, a totally separate programming language). When JavaScript was created, Java was the most popular programming language, so they named it after it to confuse us.

So we use the JavaScript programming language on the front end. People created most interactive events happening in your browser with JavaScript. Have a fancy slider on your site? JavaScript. A snowflake animation during Christmas time? JavaScript. Someone inputs the wrong data in your form and gets an alert? You guessed it! JavaScript.

One more thing. You might have heard the terms, AngularJS, Node.js, React (and many more). All frameworks for JavaScript. Like a big library of pre-written functions, a developer can use it to make programming more effective, therefore able to create more complex sites.

Front-end development makes up the part of a web page that a user sees and directly interacts with.

Back-end developer

Back-end developers create the backbone of the website which focuses on how web pages work by performing complex operations. They come in mostly for building interfaces with advanced functionality like user accounts.

In the case of a complex website, like a hotel reservation site or a social network application, a huge list of small functions working together diligently in the background to calculate and display the required results for you comprises what you see on the front page.

The back end basically consists of two parts:

  • The database, a huge stack of data.
  • And the scripts, basically the functions that connect the front end with the database in order to serve the user’s requirements.

Back-end programming languages include:

  • PHP
  • ASP
  • Ruby
  • Java
  • Python, and more

Full stack developer

Web designer vs web developer: full-stack developer illustration
by Masami Kubo

Nowadays, the line between front-end vs back-end solutions is blurring, so more developers are becoming Full stack developers.

These individuals know both the front end and back end. Or as we commonly call them, “client side” and “server side”. They have specialized knowledge in all stages of software development. Most full stack developers specialize in one back-end programming language, like:

  • Ruby
  • PHP
  • Python

Full stack developers have knowledge in all stages of software development.

So when to hire a developer?

You’ll probably need a developer if you encounter one of the following:

  • Bugs (the site, or some features don’t work properly)
  • Site goes offline
  • Something fails to load
  • Failed DNS lookups
  • A design needing someone to make it into a live working platform

Summary: Web designer vs web developer

So, web designer vs web developer. As the fields of design and development intersect increasingly, these individuals have a basic understanding of the others’ work. But let’s keep in mind that no one person can become an expert in all the above because they probably won’t have the capacity to master everything these roles contain in one lifetime.

Now that we have managed to untangle these two big groups, let’s do a small recap:

  • A designer focuses on the looks of a project and how users interact

with it;

  • A developer turns the designer’s plan into a functional platform.

I hope this post helps you find the proper professional who will, in turn, help you with a well-planned web project that looks great and functions properly.

Is there more?

Want to learn more about our UX design process? Download our brand new free e-book now.

For additional reading, check out our Product Design book by our CEO, David Pasztor. We ship worldwide!