What should you learn to get into web design? A practical roadmap

To get into web design, learn design fundamentals and HTML and CSS first, then one website platform, then the skills that make sites work for businesses: UX, accessibility, SEO and speed. Add basic JavaScript, Git and AI tools as you go, and build real projects for a portfolio from the start. Clients hire you for results, so communication, pricing and project management matter almost as much as design skill.

Here is the roadmap we would give anyone starting today, in the order we would learn it.

The roadmap at a glance

1. Design fundamentals

Before tools, learn how good pages are put together:

• Layout and grids: how to line things up and guide the eye down a page.
• Typography: choosing readable fonts, sizes, line lengths and spacing. Most of a website is text.
• Color: building a small palette and using contrast so text is easy to read.
• Spacing and hierarchy: making the most important thing on the page obvious.
• Visual consistency: reusing the same buttons, colors and styles everywhere, often written down as a style guide.

Study sites you admire and ask why they work. Redesigning an existing page for practice teaches more than starting from a blank canvas.

2. HTML and CSS

HTML gives a page its structure: headings, paragraphs, images, links and forms. CSS controls how it looks: colors, fonts, spacing and layout. Even if you plan to use a no-code builder, learn these well enough to:

• Write clean, semantic HTML (real headings, lists and buttons, not just boxes).
• Build layouts with Flexbox and CSS Grid.
• Make pages responsive so they work on phones, tablets and desktops.
• Read and fix someone else's code.

Free, reliable places to learn include MDN Web Docs and web.dev.

3. A design tool

Designers usually plan pages in a tool before building them. Figma is the most common choice today, and Penpot is an open-source alternative. Learn to make a wireframe (a rough layout), then a polished mockup, and how to hand a design off to a developer or to yourself.

4. One website platform, learned well

Most client sites run on a platform, so pick one and get good at it before branching out:

• WordPress if you want the largest market. It runs about four in ten websites, so there is constant demand for people who can design, build and maintain WordPress sites. See website platform popularity.
• Webflow if you are design-led and want visual control with clean code.
• Squarespace or Wix if you want to serve small businesses that need simple sites fast.
• Shopify if you want to specialize in online stores.

Our guide to how to choose a website platform explains the trade-offs from the client's side, which is useful when you recommend one.

5. UX and content

UX (user experience) is about making it easy for visitors to find what they need and take action. UI is the look and behavior of the interface itself. Learn to:

• Plan a sitemap and navigation that matches how visitors think.
• Write or edit clear headlines, page copy and calls to action.
• Design forms people actually finish.
• Test with real people and watch where they get stuck.

Good content is half of good web design. A beautiful page with vague copy will not convert. Our post on making a new brand look good on its website shows how design and messaging work together.

6. Accessibility

Accessibility means people with disabilities can use the site, including people using screen readers or keyboards. Learn the basics of the WCAG guidelines: color contrast, alt text, keyboard navigation, focus states, form labels and heading structure. The W3C's Web Accessibility Initiative is the authoritative starting point, and our guide to website accessibility, ADA and WCAG covers what it means for business sites. Clients increasingly expect it, and it is much easier to design in from the start than to fix later.

7. SEO and performance

Clients want sites that get found and load fast. Learn:

• SEO basics: page titles, meta descriptions, headings, internal links, image alt text, sitemaps and how to set up Google Search Console.
• Local SEO if you will serve local businesses, including Google Business Profiles.
• Performance: image sizes, caching and the Core Web Vitals. Start with Core Web Vitals for small businesses and our guide on checking your site's speed.

8. JavaScript, Git and hosting basics

You do not need to become a full developer, but a little goes a long way:

• JavaScript: enough to add interactions like menus, tabs and form checks, and to understand what a developer is talking about. It runs on almost every website; see web language popularity.
• Git and GitHub: version control so you never lose work and can collaborate. See GitHub for website owners.
• Domains, DNS and hosting: how a site gets online. Our hosting guide covers modern options.

9. AI tools

AI can now draft layouts, write first-draft copy, generate images and write working code. Learn to use it as an assistant: give clear instructions, review everything it produces and fix what it gets wrong. Our guide on building a website with Claude shows what that looks like in practice, including the security checks you still need to do yourself. The designers who stand out will be the ones who combine AI speed with real judgment.

10. Client and business skills

This is where many talented designers struggle. Learn to:

• Ask good discovery questions and turn them into a clear scope.
• Price projects and write simple proposals and contracts.
• Present designs and handle feedback without endless revisions.
• Manage timelines and launch checklists.
• Ask for testimonials and referrals.

If you want freelance work, our guide on finding web design work on Upwork, Fiverr and Freelancer covers getting your first clients.

Build a portfolio as you learn

A portfolio matters more than certificates. Aim for three to five real projects that show different skills:

1. A site for a local business, nonprofit or friend, even if it is free or low cost.
2. A redesign of an existing site, with a short write-up of what you changed and why.
3. A small online store on Shopify or WooCommerce.
4. A fully responsive, accessible landing page you hand-coded in HTML and CSS.

For each one, show the before and after, the goal and the result. Clients care about outcomes like more calls or sales, not just how it looks.

Is web design a good career?

It can be. The U.S. Bureau of Labor Statistics reports a 2025 median pay of $99,520 per year for web developers and digital designers, with employment projected to grow 5% from 2025 to 2035 and about 13,600 openings a year on average (BLS Occupational Outlook Handbook). That category includes developers as well as designers, and freelance income varies widely. Basic sites are getting cheaper because of builders and AI, so the best opportunities are in specialties: a platform like Shopify or Webflow, an industry, accessibility, SEO or conversion work.

For a sense of how the field got here, watch our narrated history of web design.

Where to start this week

• Pick one free course on HTML and CSS and do a lesson a day.
• Rebuild one page of a site you like, from scratch.
• Choose your first platform and build a simple site on it.
• Start a portfolio page, even if it holds one project.

Running an agency and looking for help, or need a site built while you learn? Talk to us.