Web designers plan the layout, visual style and interface of a website, starting with a rough wireframe and ending with the files developers build from. Most role explainers shrink that to appearance, which undersells it. Developers write the code behind the finished pages.
The U.S. Bureau of Labor Statistics counted 132,700 web and digital interface designers in 2025. Its job description goes past photos, color, type and layout and adds functionality, usability and compatibility (Occupational Outlook Handbook, 2025).
What is a web designer responsible for?
Responsibility starts with deciding how a site is organized and ends with making sure visitors can use it and that it matches the brand. Developers write the code that runs it, and most of the confusion around the title sits in that overlap.
A typical project touches all of these:
- Layout planning, meaning where content, menus and calls to action sit on each page template
- Wireframing, the low-fidelity page structure drawn before any styling
- Typography, color palette, imagery and spacing, which is the part people mistake for the whole job
- Clickable prototypes for testing and client review
- Reflowing every layout from phone to widescreen
Redesigns and updates to live pages use the same jobs on a site that already exists.
After July 5, 2024, Google crawls every site with its smartphone crawler, so the phone layout is the version it indexes and ranks (Google Search Central, 2024).
That is why designers now build a responsive design phone-first and scale it up, instead of shrinking a desktop page.
Deciding which pages sit in the top bar, what collapses behind a menu icon and where the search field goes is navigation structure work, and it belongs to the designer too.
The role stops where server-side work begins. The Bureau of Labor Statistics notes that some developers and designers handle every aspect of a site’s construction while others specialize in one part (Occupational Outlook Handbook, 2025), which is why some web designer listings include coding.
How a web designer works from client brief to handoff
Projects move from brief, site structure, wireframes, visual design, prototype and testing, handoff, and revisions. Each stage leaves something behind. The designer’s main work ends at handoff, though revisions pull the designer back in.
- The client brief covers goals, audience, brand rules, content and deadlines, and the deliverable is a written scope.
- Site structure decides which pages exist and how they connect. The sitemap comes out of this.
- Wireframes are grayscale page layouts that fix placement, one per page template.
- Visual design applies type, color and imagery to those layouts, producing mockups and a style guide.
- A clickable prototype goes to real users, and the designer comes away with a list of fixes.
- At handoff, specs, spacing values and exported assets go to developers in an annotated design file or design system.
- Revisions come after the developer’s first build, and they mean updated components.
Grayscale wireframes are where most layout arguments get settled, because nobody debates a color that is not there yet.
The mockup is the first point where a client sees real type, color and imagery on the page, so expect the first round of feedback here.
On larger sites the style guide grows into a design system, a set of reusable components with written usage rules.
The usual trouble starts with a vague brief. Layouts built around placeholder text fall apart when the real copy arrives, and the rework lands at the mockup stage.
Which skills does a web designer need?
Typography, color theory, visual hierarchy and grid layout make up the design side. The technical side is a working grasp of HTML and CSS, enough to judge what a layout costs to build. Accessibility runs across both.
Design skills
Start with contrast, since the numbers are ugly. Low-contrast text appears on 83.9% of home pages, the most common failure in WebAIM’s 2026 scan of the top one million sites.
The WCAG 2.2 rule behind it sets a color contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (W3C, WCAG 2.2). Rounding does not count, so a common gray like #777777 at 4.48:1 fails (WebAIM).
Type size, weight and spacing set the visual hierarchy. Grids hold the layout together. The palette carries the brand, and contrast gets checked there, before a single page is built.
Technical skills
Job listings split on whether a designer should write code at all. Some ask for HTML and CSS, others treat code as the developer’s job. Being able to read it still helps, and that mostly means:
- Reading HTML and CSS well enough to judge what a layout costs to implement
- Knowing the breakpoints, meaning where a layout has to reflow and what moves first
- Knowing browser limits, what renders as drawn and what needs extra scripting
- Writing handoff specs (spacing values, type scales, asset exports) that developers can act on
Client communication belongs on the list too, since every stage from brief to revisions involves explaining design decisions to someone who did not make them.
Tools web designers use, and what each one is for
Most stacks start with an interface tool, Figma, and add an image editor like Photoshop. Some projects also bring in a site builder (Webflow or WordPress).
Figma keeps page layouts, components and prototypes in one file, so designing a website in Figma can run from first layout to developer handoff without leaving it.
Developer handoff in Figma runs through Dev Mode, announced at ConFig 2023 (TechRadar, 2023). Designers mark sections, frames and components as ready for dev and add annotations and measurements, and developers inspect them (Figma Help Center).
Razorpay’s Kamlesh Chandnani, a principal frontend engineer on its design systems team, describes the old routine: developers inspected each element and copied its properties by hand. A private plugin now generates the equivalent code from the design inside Dev Mode (as quoted by Figma).
Photoshop covers image editing. Icons, logos and other vector artwork go through Illustrator.
As of October 2026, Adobe’s XD support page still says the product is in maintenance mode: bug fixes and security updates, no new features. I wouldn’t start a new project in it when a tool that is still being developed exists.
Webflow builds the finished site visually and exports it as code. As of October 2026 its help documentation lists what the export leaves out: CMS content, user accounts, ecommerce data, localized content, code components, site search and form handling (Webflow Help Center).
Password-protected pages also lose their protection after export, and code export needs a paid Workspace plan.
So the hosting decision comes before the build. A CMS-driven site stays on Webflow hosting, while a mostly static brochure site survives export with little lost.
WordPress is a content management system, so the designer’s job is the theme and page layouts while the client edits content afterward.
For beginners, I’d learn Figma first and add Webflow once clients start asking for visual page editing.
How does a web designer differ from a web developer, a UX designer and a graphic designer?
The web designer owns the look and usability of the pages visitors see. Code, performance and capacity belong to the web developer. UX designers take research and user flows, and graphic designers deal in visual concepts across print and digital media.
| Role | Main focus | Main output | Overlap with a web designer |
|---|---|---|---|
| Web developer | Code, performance, capacity | Working site | Builds the handed-off layout |
| UX designer | User needs and flows | Research, skeletal layouts | Wireframes |
| UI designer | Buttons, forms, controls | Interface components | Visual styling |
| Graphic designer | Visual concepts, any medium | Logos, layouts, illustrations | Type, color, imagery |
The Bureau of Labor Statistics draws the web designer and web developer split this way: developers decide which applications and designs fit the site, and designers focus on how those elements look and work across browsers and devices (Occupational Outlook Handbook, 2025).
Sources disagree on one point. The BLS also makes functionality and compatibility part of the designer’s job, while most role explainers hand functionality to the developer.
UX designers work on user experience design, which starts from user needs and behavior and ends in skeletal page layouts. Buttons, forms and other things people click or fill in go to UI designers, and the web designer turns those layouts into finished pages (North Central College, 2022).
Who draws the wireframe depends on the team. Where a UX designer is on staff, the web designer starts from theirs.
The BLS files web and digital interface designers under computer and information technology, and graphic designers under arts and design (Occupational Outlook Handbook, 2025). The split tracks the work. Graphic designers build visual concepts for any medium, and web and digital interface designers also answer for how a page behaves on screen.
On a team, UX research and wireframes usually come first, visual design second and development third, with the graphic designer’s brand work feeding the visual stage.
Where web designers work: in-house, agency or freelance
Some designers work in-house for one employer, some at agencies across several clients, and a good number on their own. The BLS counted 13% of web and digital interface designers as self-employed in 2025 (Occupational Outlook Handbook, 2025), and most web developers and digital designers work full time.
The BLS does not separate in-house from agency work, but its employer list shows where the jobs sit, which is information, computer systems design, finance and insurance, and wholesale trade.
In-house
One brand, one set of components, the same developers every sprint.
The work leans toward upkeep: updates, campaign pages and keeping the design system consistent as the site grows. The cost is exposure. You get depth on one product and little contact with other industries.
Agency
Agency work runs on fixed project cycles, with deadlines set by the contract. A designer sees several clients and industries inside the same year, and the finished design goes to the agency’s own developers or to the client’s.
Freelance
The BLS counts 13% of web and digital interface designers as self-employed.
Freelancers do the same design work and add the business side, which means finding clients, scoping projects, writing contracts and invoicing. Income follows the pipeline, and time spent selling is time not spent designing. There’s also no team to hand a skills gap to.
How much do web designers earn, and is demand growing?
Web designers in the United States earn well above the typical worker, and the Bureau of Labor Statistics projects faster-than-average growth for the occupation.
The numbers from each source line up like this:
- Median annual wage for web and digital interface designers was $104,000 (BLS, May 2025)
- Median annual wage for web developers was $92,650 (BLS, May 2025)
- The BLS projects employment growth of 6% for web and digital interface designers from 2025 to 2035, against 3% for all occupations
- Average web designer pay came to $57,915 (Glassdoor, 2023, as reported by HubSpot)
- Average web developer pay came to $82,615 (Glassdoor, 2023, as reported by HubSpot)
The sources split on direction. The BLS puts designers ahead of developers, and the Glassdoor figures reverse the order.
The two measure different things. The BLS reports the median wage for the web and digital interface designer category from its Occupational Employment and Wage Statistics survey and leaves out self-employed workers (Occupational Outlook Handbook, 2025), while Glassdoor reports averages for the job title web designer.
Neither source explains the gap, so use the BLS median as the benchmark for salaried U.S. roles and read the Glassdoor average as a job-title estimate. Freelance income sits outside the BLS figure.
Demand has limits. The BLS expects e-commerce growth to lift hiring, and names improving web development tools and AI as a possible drag, since they raise productivity and let workers in other occupations handle basic web tasks.
When a web designer is not enough, or not needed
Hire a web designer when the problem is how pages look and work across devices. A simple template site, back-end functions, user behavior and brand identity each point somewhere else.
Simple sites a builder already covers
Template builders cover the simplest briefs.
A single landing page or a small brochure site can start from a template, and Wix’s developer documentation describes its Editor as suited to standard sites and simpler design needs (as of August 2026).
Studio is Wix’s platform for agencies, freelancers and enterprises, with more powerful design tools and team collaboration features.
Projects that need back-end functions
A designer delivers layouts and styles, not server logic.
Custom code on Wix runs in the browser only, with no backend execution, and it cannot reach Wix page elements, data collections or business solutions such as Stores and Bookings. Wix Harmony sites, as of August 2026, do not support site code, only custom code snippets.
Wix’s documentation places secure API calls, data processing and scheduled jobs in backend code, which is developer work.
Problems rooted in user behavior
A visitor who abandons a form usually isn’t reacting to the color.
When task completion is the problem, a UX designer or researcher studies behavior first, and restyling the page leaves a broken flow broken. Usability problems start with watching people use the site, which is research before it is design.
Brand identity work
A web designer applies a brand identity, but creating one is a graphic designer’s job. The BLS lists logos, original images and illustrations among graphic designers’ duties (Occupational Outlook Handbook).
How to match the problem to the role
Ask what is broken.
- Pages that look wrong or break on a phone go to a web designer
- A site that cannot do something needs a web developer
- Visitors who cannot finish a task need a UX designer or researcher
- An undefined brand is a graphic designer’s job
Web Designer FAQ
How do you become a web designer?
Start with typography, color and layout, then learn Figma. Rebuilding existing sites as exercises gives you something to show, and the finished projects go into a portfolio.
Do you need a degree to work as a web designer?
No, though the BLS lists a bachelor’s degree as the typical entry-level education.
Requirements for web developers and digital designers range from a high school diploma to a bachelor’s degree, and designers without credentials qualify by showing finished projects or prior work (Occupational Outlook Handbook, 2025).
Do web designers handle SEO and site maintenance?
Sometimes. The BLS lists monitoring website traffic among the duties of web developers and digital designers, and names webmasters as the specialists who maintain and update sites and test for errors such as broken links (Occupational Outlook Handbook, 2025).
Search optimization and ongoing upkeep are scoped per project, so check them in the contract.
Will AI replace web designers?
No federal projection shows a decline. The BLS expects web and digital interface designer jobs to rise from 132,700 in 2025 to 140,800 in 2035, though it lists AI-assisted tools among the factors that could slow the pace.
How much does a web designer cost to hire?
No fixed price exists, because quotes depend on page count, how much of the design is custom and which stages are included.
Compare quotes by deliverable (wireframes, mockups, prototype, style guide, handoff), not by total. A quote that leaves out testing or handoff pushes that work onto someone else.
How to Judge a Web Designer’s Portfolio
Fit shows up when a designer’s projects match the site type, the device mix and the stages a new project needs. Visual polish alone proves little.
Check in this order.
- Project type, whether brochure site, CMS-driven site or online store
- Phone layouts and pages with real content
- Which stage the designer owned, from wireframe to handoff
The cheapest check runs first, because project type removes most candidates in minutes, while stage ownership needs a conversation.
Team projects carry a limit. A piece built with a UX designer and a developer does not show who drew the wireframes or made the layout calls, so ask which decisions were the designer’s, then judge those pages against core web design principles.
A narrow portfolio that matches the project beats a broad, impressive one, though it shrinks the candidate pool.
Many of his resources are available on various design marketplaces. Over the years, he's worked with a range of clients and contributed to design publications like Designmodo, WebDesignerDepot, and Speckyboy, Slider Revolution among others.
- How to Insert Image in Figma With Ease - November 3, 2026
- How to Download Figma Files Fast and Free - October 30, 2026
- Figma Keyboard Shortcuts That Will 10x Your Speed - October 25, 2026
