Auto Apply to hundreds of jobs in a few hours

Español

日本語

Web Designer skills: what to learn first, and what can wait

A web designer gets hired for what their pages do in a browser, not how they look in a mockup. Start with Figma, responsive layout and enough front-end code to be taken seriously. The skills that get you promoted are about owning a whole site: its components, its speed, and whether it converts.

87 open jobs

Step one

Gets you the interview

Figma with auto layout and componentsRecruiters search for Figma by name, and a reviewer can tell in seconds whether your frames use auto layout and variants or are just loose rectangles. Clean files signal that a developer won't dread opening them.

Responsive layout thinkingEvery portfolio piece should show the phone view next to the desktop one. Know how a column grid collapses, where breakpoints go, and why a hero that looks great wide often breaks on a small screen.

HTML and CSS you can actually writeYou don't need to be a developer, but you should know Flexbox, CSS Grid and how padding and margin behave. It stops you designing things that cost a week to build for a small visual payoff.

A portfolio site you built yourselfYour own site is the first sample they judge. If it loads slowly, jumps around while images load or has a broken menu on a phone, the review ends there.

Step two

Gets you the offer

Building in Webflow or WordPressPlenty of small teams want a designer who can ship the page, not just draw it. Setting up a Webflow CMS collection or editing a WordPress block theme without calling a developer makes you worth more on day one.

Accessibility basics from WCAGColor contrast, visible focus states, real alt text, sensible heading order and forms that work with a keyboard. Interviewers ask about this more than you'd expect, and a vague answer costs people offers.

Clean developer handoffNamed layers, documented spacing tokens, hover and error states drawn out, and exported SVG icons. Bring a file to the interview and talk through how an engineer would build from it.

Landing page and conversion basicsMarketing teams hire web designers to get sign-ups and demo requests. Knowing how headline, form length, social proof and a single clear button work together gives you a better answer than personal taste.

Step three

Gets you promoted

Running a site-wide design systemSenior web designers own the shared Figma library, the type scale and the component rules that keep every new page consistent. That's what lets a whole marketing team ship pages without you redrawing each one.

Page speed and Core Web VitalsHeavy hero videos, oversized images and layout shift hurt search rankings and sign-ups. A designer who can read a Lighthouse or PageSpeed Insights report and fix the design side of it earns a lot of trust from engineering and SEO.

A/B testing and analyticsSetting up a test in a tool like VWO or Optimizely, then reading the results in Google Analytics, turns redesign debates into evidence. It's how you move from taking requests to setting the site's direction.

Information architecture and SEO structureDeciding the sitemap, the menu labels and how pages link to each other shapes what search engines and visitors can find. Leads own this, and it's the natural bridge into UX or a design lead role.

Certificates worth your time

Certificate	Best for	Effort	Worth it?
Google UX Design Professional Certificate	Career changers who want structured practice with wireframes, usability tests and case studies	a few months of evenings	Useful for building your first case studies, but hiring managers look at the projects, not the badge. Skip it if you already have real client sites.
IAAP Certified Professional in Accessibility Core Competencies (CPACC)	Designers who want to become the accessibility go-to person on a team	several weeks of study	Respected and rarer than most design certificates. Worth it if you work on government, education or large public sites.
Adobe Certified Professional	Self-taught designers who want proof of Photoshop or Illustrator skills for image prep and icons	a few weekends per app	Harmless résumé filler. It won't carry a web design application on its own, since most of the work now lives in Figma.

Certificate names, exam content and fees change, so check the details on the provider's own site before you sign up.

Put it on your resume like this

Weak

Designed and updated pages for the company website.

Strong

Redesigned 14 product landing pages in Figma and Webflow, cutting page load time by 40% and lifting demo requests 22% over the following quarter.

Questions people ask

Do web designers need to know JavaScript?

Not to get hired. Solid HTML and CSS matter far more. A little JavaScript helps if you build interactions in Webflow or want to understand what your developer is telling you, but you can pick it up once you're in the job.

Should I learn Webflow or WordPress first?

Look at the postings near you. Startups and marketing teams lean toward Webflow, while agencies serving small businesses still build a lot in WordPress. Learn one well and you'll pick up the other in a couple of projects.

How is a web designer different from a UX or UI designer?

Web designers usually own marketing and content sites from layout through launch, often building them too. UX and UI designers tend to work on apps and product screens, with more research and less publishing.

What should be in a web design portfolio?

A few live sites or pages, each with the goal, your role, the phone and desktop views, and what changed after launch. Link to the real page when you can, since a reviewer will click it.

Got step one? Start applying. HeroApply matches you to roles that fit.

Start your trial