Front end developer vs. web designer: who does what?
What’s the problem?
It’s no surprise that people not involved in web development tend to confuse these two professions. Both of them work on the same task: roughly, to establish interaction between users and websites.
An uneducated customer makes funny mistakes sometimes. They ask a web developer things like:
- Can you make my website look like X? (pointing at another site)
- Can you do something about navigation? I think it’s counter-intuitive.
- I love the website’s concept, but could you make it look more minimalistic/luxurious/trendy?
- Why didn’t you foresee the online store functionality?
After tormenting a front end developer, such a customer addresses a web designer:
- Can you make that button pop up? Like, outta the screen, you know.
- The website works slow, can you do something about that?
- Listen, can’t you just install that WordPress plugin?
- I want to have a widget that would do X when a user does Y.
There is nothing wrong about that (when it happens for the first time). After all, we all learn something new every day. Instead, let’s take a closer look at what front end developers and web designers do.
What is front end development
So, what is front end development, exactly? It is a field of web development that implies bringing the concepts developed by a web designer to life. Simply put, a front end developer reanimates the layouts and overall appearance of a website. Buttons get clickable and animated. Chat windows pop-up or fold. Sliders slide, animations launch and stop, and so on.
I.e., a front end developer enables the interaction between users and the website.
- HTML5 and CSS3. HTML stands for the hypertext markup language and is needed for structuring web pages. Using it, you can define where the elements of a web page will be located. CSS (cascade style sheets) are used to design a website’s appearance. Using these two, a web designer can create a website’s backbone.
- Being familiar with REST, knowing how to use RESTful API’s and services
- Knowing how to optimize websites for mobile platforms
- Creating and optimizing websites based on the layouts and wireframes developed by web designers
- Creating landing pages
- Convert websites to fit and work on mobile platforms
- Fixing user interface bugs
- Working on WordPress-related tasks (for more info on this one, check out our exhaustive guide on hiring WordPress developers)
- Inserting, editing, and removing the elements of user interface (buttons, menus, forms, calendars, etc.)
- Testing, troubleshooting, and maintenance of the created websites
Web designer: definition and tasks
Front end development is about how a website is ticking. Web design is about what is ticking.
Why do we use the Internet? Well, along with posting kitties on social media, we need the Internet to search for all kinds of information. And we usually do it by interacting with websites: clicking here, dragging there, inserting search requests, chatting with support services, etc.
Such interaction occurs with the help of user web interfaces. Generally speaking, these are means allowing us to navigate around a website retrieving or inputting info. And it is a web designer who prototypes user web interfaces.
Contrarily to popular opinion, web designers do not just decorate websites (although it’s a part of the job as well). A brief web designer definition sounds like this: it is a person, whose main task is to define the logic behind a website’s structure and think of the ways to present important and relevant information most efficiently.
- UI/UX prototyping. The abbreviature stands for “user interface/user experience,” and is used to describe the ways users interact with your website, and the emotions they feel in the process.
Bad UI/UX makes you struggle with a website.
– Can’t find the “Contact us” button?
– Have to wade through multiple screen-wide pop-ups?
– Keep getting the “incorrect format” message when entering your credentials?
A good web designer should not allow things like that to happen to users.
- HTML and CSS. Understanding at least the basics of these two can improve the efficiency of a web designer’s work greatly. They know whether your design can or cannot be implemented, or what technical limitations they will have to deal with.
- Sketch, Adobe Illustrator, Adobe Photoshop. Sketch and Illustrator are editors for vector graphics. With their help, a web designer can create website layouts or design elements such as logos. Photoshop is a powerful tool suitable for editing and modifying photos and other images.
- Motion design. Web design doesn’t have to be static. Dynamic elements and animations can help you guide users’ attention. So, familiarity with Adobe After Effects or Premiere Pro is an excellent asset for any web designer.
- Color, typography, composition, and other visual design skills.
- Designing website’s functionality and navigation
- Creating wireframes
- Creating icons, banners, logos, and buttons for a website
- Determining how users will interact with the website (UI/UX)
- Designing a website’s visual appearance with the help of Sketch/Illustrator and Photoshop.
- Optimizing website’s structure and navigation for mobile devices
Do web designers need coding skills?
If a web designer is unfamiliar with markup languages, it may obstruct the development process and cause a series of redesigns.
On the other hand, front end developers can make some use of knowing Photoshop or Sketch/Illustrator, but they do not need web designing skills to do their job.
Front end developer vs. web designer: whom should you choose for your project?
“Front end developer vs web designer” is a vast topic, so there could be a whole page of plain text here. But, we thought a brief table would work better, so enjoy.
We hope our article helped you figure out the difference between front end developer and web designer. If you already have a website, the chances are that you need a front end developer rather than a web designer. When an internet page is up and running, web designers have little to do with it, while a developer will most likely have a bunch of technical tasks to work on.
The complexity of these tasks varies drastically. Adding or removing buttons will obviously cost less than writing WordPress plugins and optimizing a website for mobile platforms.
So, when you come to Coding Ninjas for a front end developer, you get to hire only the best ones. Let’s do it right now!