Web Designer Resume Examples & Writing Guide

This sample is for a web designer with about nine years across an agency, an e-commerce brand and freelance work. The name and employers are invented. Notice the portfolio URL in the contact line and the result attached to each launch.

Web design hiring is done by a marketing manager, an agency creative director or the business owner themselves. They open the portfolio first, then look for four answers on the page.

• Do the live sites hold up? Not just how they look, but how they load and how they behave on a phone. A manager will open your work on their own phone during the interview.
• How much can you do yourself? Design only, design plus build, or design plus build plus CMS setup and training. Full-stack-of-the-front-end designers are the ones small teams hire, because they replace two roles.
• Which platforms? WordPress, Webflow, Shopify, Squarespace, HubSpot, or a custom stack. Platform experience is not transferable enough to fake, and interviews go straight there.
• Did the site do anything? Conversion rate, form completions, organic sessions, page speed, bounce, revenue. Two numbers is enough to separate you from a portfolio of pretty screenshots.
• Can you hand it over? Whether clients or marketing staff can update the site afterwards without breaking it. This is the complaint managers raise most about previous designers.

“I open two of your live sites on my phone before I read anything. Then I look for whether you built it or just designed it, and whether the client could still use it a year later. Pretty comps that nobody can maintain are worse than nothing.”

Half the searches around this job drift into web developer, and job postings mix the titles constantly. Being clear about your line saves everyone a wasted interview.

Three lines. What you build, on what platforms, how many sites, and one result. Objective only if you are new.

Web design resumes almost all say "designed and developed responsive websites for clients." Here is the same work written so it means something.

Twelve to fifteen lines. Say what you can do inside each tool, and be honest about your code level, because it gets tested.

Design and build tools:

• Figma: components, variants, auto layout, prototyping, developer handoff
• HTML and CSS: semantic markup, Flexbox, Grid, and a framework such as Tailwind or Bootstrap if you use one
• JavaScript: state your real level, whether that is wiring embeds and simple interactions or writing components
• CMS platforms by name and depth: WordPress with Advanced Custom Fields, Webflow CMS collections, Shopify Liquid sections, Squarespace, HubSpot CMS
• Adobe Illustrator and Photoshop for assets, plus basic motion if you do it

The technical knowledge that gets web designers hired:

• Responsive layout and breakpoint strategy from phone to wide desktop
• Core Web Vitals and performance: image formats and sizing, lazy loading, script deferral, font loading
• Accessibility to WCAG 2.2 AA: contrast, focus states, keyboard order, alt text, form labeling
• On-page SEO: heading structure, metadata, internal linking, redirects and sitemaps for a migration
• Analytics and testing: GA4 events, heatmaps, A/B testing and how to read a result honestly

The working skills clients and managers ask about:

• Scoping a project and saying what will not fit in the budget
• Presenting work with rationale rather than asking whether people like it
• Content strategy and writing enough interface copy to make a page work
• Handover: documentation, client training, editable templates that survive a non-designer

"How to put website design on resume" is a real search, and the honest answer is that the resume points at the work rather than containing it.

1. 1Put your portfolio URL in the contact line as plain text. Add a GitHub link only if there is something worth seeing there.
2. 2Write each significant project as one bullet with the scope and the result: page count, platform, what you owned, and what happened after launch.
3. 3Say what was yours. "Design and front-end build; back-end integration by a developer" is precise, and precision reads as confidence.
4. 4Keep three or four case studies on the portfolio itself, each with the brief, the constraints, what you changed and the outcome. Screenshot galleries do not survive a second look.
5. 5For sites that no longer exist, keep a case study with screenshots and label it "site since redesigned by the client." Everyone in this field understands that.
6. 6If work is under NDA or the client asks you not to publish, describe it in ranges and offer a private walkthrough. Do not post what you are not allowed to post.
7. 7Include one unglamorous project: a form rebuild, a template system, a migration. Managers hire for those far more often than for a hero homepage.

This is the field where self-taught work counts most, because a launched site is verifiable in ten seconds. Nobody will ask where you studied if the sites are real.

1. 1Put "Web Designer" under your name with your portfolio URL in the contact line.
2. 2Replace the experience section with Projects, and treat each project like a job: client, scope, platform, what you built, and the result.
3. 3Get at least two real clients. A local business, a nonprofit, a friend's shop, a community group. Real content, a real deadline and a real budget change the work visibly.
4. 4Launch them properly: domain, hosting, analytics, forms that reach an inbox, and the client trained to edit their own pages. Half of a junior's value is finishing.
5. 5Report anything you can measure: page speed before and after, form completions, sessions, or the client's own feedback with a number in it.
6. 6Show one build in hand-written HTML and CSS, not just a page builder. It answers the question managers ask about every junior.
7. 7One page, plain layout, PDF with selectable text and clickable links.

• One page up to about eight years. Two pages only with a long agency or in-house record where every line carries a number.
• Order: name and contact with portfolio URL, summary, skills and platforms, experience, selected launches, education and certifications.
• Single column, real text, no photo, no skill percentage bars, no designed poster layout. Marketing teams and agencies run standard applicant tracking systems.
• Freelance work belongs in one block, "Freelance Web Designer," with a client count, an average turnaround and three named projects.
• Name platforms explicitly. Recruiters filter on WordPress, Webflow and Shopify as literal keywords, and a generic "CMS experience" line will not match.
• PDF with clickable links and a plain file name. Test the links from the exported file, not from your design tool.
• UK, Irish and Australian readers: you send a CV, and "web designer" often covers more front-end development there. Keep the US conventions on this page and drop the photo.

Posting words worth mirroring when they are true: web design, responsive design, mobile-first, UI design, wireframes, prototyping, Figma, HTML, CSS, JavaScript, WordPress, Webflow, Shopify, Liquid, CMS, landing pages, e-commerce, conversion rate optimization, A/B testing, Core Web Vitals, page speed, accessibility, WCAG, SEO, GA4, cross-browser testing, client handover.