Resume template · Updated October 2026
Web designer resume template
Short answer
Olivia fits a web designer: its blue header band makes the page stand out on screen, and skills print above experience, so the platforms you build on are read first. The fictional sample runs a one-person studio building Webflow and WordPress sites for small businesses and nonprofits, with on-page SEO, accessibility checks and handover training in every project, after two and a half years at a marketing agency.
Download the web designer sample
Bianca is a fictional web designer. Replace every detail with your own before you send it.
The files are made in your browser by Resumity's own exporters, from this sample. The builder opens it as your own resume: click any line to replace it. Free plan, no watermark.
Why Olivia suits a web designer resume
A web designer's work lives on screen, and Olivia is the template that stands out most there: a full-width blue band with the name and contact line in white. Skills print above experience as labelled rows, so Webflow, WordPress, HTML and CSS are seen before the client list.
Second choice: FAANGPath. FAANGPath also puts skills first, in a plain centred black and grey layout, better for in-house roles that sit close to development.
What goes in each section, in Olivia's order
Olivia prints its sections in a fixed order, the same in the PDF and the Word file. Here is that order for this sample, and what to put in each section.
- Professional Summary. Say what you design and build, on which platforms, and for whom. "Webflow and WordPress sites for small businesses" tells a reader whether you fit an agency, an in-house marketing team or a freelance brief.
- Skills. Design and build skills under Technical, platforms and analytics tools under Tools. Write HTML and CSS out if you hand-edit them; many web design jobs ask whether you can work beyond the page builder.
- Work Experience. For freelance work, use one entry under your studio name, then bullets on the kinds of clients, what each launch included and a result or two. A launch checklist (SEO basics, redirects, accessibility, speed) shows you finish sites properly.
- Education. Degree, diploma or certificate, with school and year. Web designers come from design schools, community colleges and self-teaching alike.
The sample resume as text
The same content as the files above, so you can copy a line or compare it with your own.
Bianca Moretti
Web Designer, Webflow and WordPress
Tampa, FL | bianca.moretti@example.com | (813) 555-0133 | portfolio.example.com/bianca-moretti | linkedin.com/in/sample-bianca-moretti
Web designer who plans, designs and builds websites for small businesses and nonprofits, mostly in Webflow and WordPress. Handles the site map, design, build, on-page SEO and handover training, so clients can edit their own pages.
Experience
Web Designer (Freelance), Moretti Web Studio, Tampa, FL (01/2021 to Present)
- Designed and built 22 websites for local businesses, including a dental practice, two restaurants and a marine supply shop, each with a handover session so owners edit their own content.
- Rebuilt a nonprofit's donation site in Webflow with a simpler page structure, bringing the donation form from four clicks deep to one.
- Set up on-page SEO at every launch: page titles, meta descriptions, alt text, redirects from old URLs and a sitemap submitted in Google Search Console.
- Check color contrast and keyboard navigation on each site against WCAG 2.2 AA before launch.
Web Designer, Gulfside Marketing Group, St. Petersburg, FL (06/2018 to 12/2020)
- Designed WordPress sites and landing pages for real estate and hospitality clients, from wireframes to custom themes.
- Wrote HTML and CSS changes to client themes and kept a staging site for every client.
- Reduced page weight on client sites by compressing images and removing unused plugins.
Education
AAS, Graphic and Web Design, Gulfbreeze College of Design (05/2018)
Skills
Responsive web design, HTML and CSS, Site maps and wireframes, On-page SEO, Accessibility (WCAG 2.2), Page speed optimization, Webflow, WordPress, Figma, Google Search Console, Google Analytics 4, Client discovery calls, Handover training, Project scoping
How to make the sample yours
Link live client sites
Put a portfolio link in the header that leads to live sites, not only screenshots. Check every one still loads and still looks like your work.
Swap the platforms for yours
Replace Webflow and WordPress with Squarespace, Shopify, Framer or whatever you build in, and keep the HTML and CSS line only if it is true.
Spell out what a launch includes
The sample lists titles, redirects, alt text and a sitemap. Write your own checklist; it tells a client or employer what they get.
Use results you can defend
Page weight, load time, a shorter path to a key page, form submissions. Quote a client's numbers only with their permission.
Frame the freelance years for the job
For an in-house role, lead with collaboration (marketing team, content writers). For agency roles, lead with range and turnaround.
Keywords to keep where they are true
Terms this kind of resume is usually searched for. Use the posting's exact wording, and only for work you have done.
- web design
- responsive design
- Webflow
- WordPress
- HTML
- CSS
- Figma
- wireframes
- landing pages
- on-page SEO
- Google Search Console
- web accessibility
- WCAG 2.2
- page speed
- content management systems
Mistakes to avoid
- Portfolio links to sites someone else has since redesigned.
- Calling yourself a web developer if you build only in page builders; developer postings expect code.
- SEO listed as a skill with no sign of what you set up.
- Naming clients you served under a white-label agreement with an agency.
How the sample PDF reads in text extractors
We exported this sample with Resumity's PDF exporter in Chrome on 2026-10-29 and read the file back with three open-source text extractors. This shows whether software that turns a PDF into text can recover it; it is not a test of any commercial applicant tracking system. How we test templates.
| Extractor | Name, email, phone | Headings | Bullets intact |
|---|---|---|---|
| pdf.js 4.10.38 | All found | 4 of 4 | 7 of 7 |
| pdftotext (Xpdf) 4.00 | All found | 4 of 4 | 7 of 7 |
| pypdf 6.13.0 | All found | 4 of 4 | 7 of 7 |
Frequently asked questions
What separates a web designer resume from a web developer resume?
A web designer resume leads with layout, visual design, page builders and the client side of a project; a web developer resume leads with code, frameworks and systems. If you do both, say which you lead with.
How do I list freelance web design work?
As one entry with your studio or trading name, dates and location, then bullets grouped by the types of sites you build. A full client list is not needed.
Should a web designer know how to code?
Basic HTML and CSS help in most roles, even with Webflow or WordPress, because client requests often need small changes. List the level you really have.
Does SEO belong on a web designer resume?
If you set up the basics at launch, yes, because clients and employers ask about it. Be specific about what you do rather than writing "SEO expert".
Is accessibility worth mentioning?
Yes. Name the standard you check against (WCAG 2.2) and the checks you run, such as contrast and keyboard navigation.
Will applicant tracking systems read this Olivia PDF?
The sample PDF read back with its contact details, all 4 section headings and all 7 bullets intact in three open-source text extractors (pdf.js, pdftotext and pypdf). Commercial systems such as Workday, Greenhouse or Taleo were not tested, and each employer configures its own.
Guides and templates for this resume
Sources, checked 29 October 2026
We opened every page below on that date. Pay, rules and requirements change, so check the source before you rely on a detail.
- W3C: Web Content Accessibility Guidelines (WCAG) 2.2 (WCAG 2.2 is a W3C Recommendation with conformance levels A, AA and AAA)
More in resume templates by job title.