What every Web Designer CV needs A Web Designer CV should feel visual without becoming difficult to scan. Recruiters still expect clear headings, reverse-chronological experience, concise bullets, and a portfolio link they can open quickly. The design personality belongs in your portfolio; the CV should prove that you can think, collaborate, and deliver. Include a clear role title, location, contact details, and portfolio URL. Add a short profile that connects design judgement with front-end, CMS, UX, or brand evidence. Show recent work experience with outcomes, not just responsibilities. Include portfolio projects that explain the brief, your contribution, tools, constraints, and results. List technical skills such as HTML, CSS, responsive design, Figma, Adobe Creative Cloud, CMS platforms, accessibility, analytics, and basic SEO where relevant. The role sits between creative, technical, and commercial work. Your CV should reflect that mix rather than presenting you as only a graphic designer or only a front-end coder.
Modern CV
Web Designer CV Example in 2026 [Free Checklist]
Hiring teams for web design roles usually decide quickly whether your CV belongs in the creative pile, the technical pile, or the not enough evidence pile. Your job is to make that decision easy. Show the sites you have shaped, the design problems you solved, the tools you used, and the result for users, clients, or trading teams. This Web Designer CV guide shows how to turn portfolio work, agency projects, freelance commissions, in-house website updates, and training projects into a clear UK CV. It also explains how to handle junior, senior, freelance, and hybrid design-development experience without sounding vague.
Create a focused CV with Modern CV.
What every Web Designer CV needs
A Web Designer CV should feel visual without becoming difficult to scan. Recruiters still expect clear headings, reverse-chronological experience, concise bullets, and a portfolio link they can open quickly. The design personality belongs in your portfolio; the CV should prove that you can think, collaborate, and deliver.
Include a clear role title, location, contact details, and portfolio URL. Add a short profile that connects design judgement with front-end, CMS, UX, or brand evidence. Show recent work experience with outcomes, not just responsibilities. Include portfolio projects that explain the brief, your contribution, tools, constraints, and results. List technical skills such as HTML, CSS, responsive design, Figma, Adobe Creative Cloud, CMS platforms, accessibility, analytics, and basic SEO where relevant.
The role sits between creative, technical, and commercial work. Your CV should reflect that mix rather than presenting you as only a graphic designer or only a front-end coder.
Web Designer CV preview
Use the preview as a model for structure, not wording to copy. The strongest version of your own CV will use your sites, your metrics, and your portfolio evidence.
The example CV uses a designer with agency and freelance experience, a live portfolio link, project evidence, Figma and WordPress experience, accessibility awareness, and quantified improvements from website redesign work.
Real template preview
Standard CV template
How to write a Web Designer CV that proves design and delivery
A recruiter opening your Web Designer CV is usually looking for three things at once: can you design usable pages, can you work with real constraints, and can you hand over work that a developer, marketer, founder, or client can use? Your opening profile should answer those questions before the reader reaches your employment history.
Do not open with a generic claim that you are creative, passionate, or detail-oriented. Those words are easy to write and hard to believe. Use a profile that names the work you do and the evidence behind it.
A useful profile might say that you are a web designer with three years of agency and freelance experience creating responsive WordPress and Shopify sites for hospitality, charity, and local-service clients. It might mention Figma wireframes, accessible UI patterns, HTML/CSS handover notes, CMS page builds, analytics-led improvements, and a measurable improvement such as a 22% increase in enquiry form completions after simplifying a booking journey.
That profile works because it shows scope, tools, sectors, collaboration, and a result. It gives the recruiter phrases they can match against the job advert: responsive sites, Figma, accessibility, CMS, HTML/CSS, analytics, and conversion.
If you are a junior candidate, lead with training, projects, and portfolio readiness. If you are senior, lead with scale, leadership, design systems, client strategy, discovery, and measurable outcomes. If you are freelance, lead with client types, end-to-end delivery, and repeat work.
For many web design roles, your portfolio is the evidence. Place the link near your name and contact details, using a clean URL rather than a long tracking link. Test it on mobile, private browsing, and a device you do not usually use. A broken portfolio link can damage trust quickly.
Your portfolio should support the claims in your CV. If your CV says you design accessible responsive sites, the portfolio should show mobile views, keyboard-friendly thinking, colour and contrast decisions, and clear project explanations. If your CV says you use analytics, show before-and-after improvements or explain what changed after launch.
Do not rely on screenshots alone. Recruiters need context. For each selected project, add a short case note covering the brief, users, constraints, tools, your role, and result. A small charity redesign, a landing page for a local business, or a self-directed responsive build can be strong if you explain the decision-making clearly.
Weak web design CV bullets often read like a task list: designed websites, updated pages, used Figma, worked with developers. Those tasks may be true, but they do not show judgement or impact. Use a simple structure: action, context, tool or method, and result.
Instead of writing that you designed website pages for clients, say that you designed responsive service pages in Figma for five local-business clients, translated discovery notes into wireframes, visual layouts, and developer handover files, and reduced revision rounds from three to one on repeat projects. Instead of saying that you updated WordPress content, say that you rebuilt 24 service pages with clearer headings, internal links, compressed images, and consistent CTA placement.
Web designer roles vary. One job advert may focus on brand-led landing pages, another on WordPress builds, another on UX prototypes, and another on e-commerce conversion. Your CV should adapt without pretending you are an expert in everything.
For a design-heavy role, emphasise visual hierarchy, typography, image treatment, brand consistency, campaign pages, and stakeholder presentations. For a UX-leaning role, emphasise discovery, user journeys, wireframes, prototypes, usability testing, accessibility, and iterative improvements. For a technical role, include HTML, CSS, responsive design, browser testing, CMS templates, Git basics, and collaboration with developers. For e-commerce roles, include product-page layout, navigation, filtering, checkout friction, analytics, A/B testing support, and conversion improvements.
Do not hide technical gaps. If a role asks for JavaScript and you only use basic scripts, say basic JavaScript or front-end handover with HTML/CSS awareness. Accurate wording helps you avoid interviews built on a false expectation.
Accessibility should not appear as a token phrase at the bottom of your skills section. You do not need to claim full audit expertise unless you have it, but you should show that accessibility affects your design decisions. Examples include colour contrast checks, focus states, heading order, tap-target spacing, mobile-first page templates, responsive typography, accessible form labels, alt-text guidance, CMS image rules, and keyboard navigation checks before launch.
Responsive design also needs evidence. It is not enough to write responsive design in a skills list. Mention breakpoints, mobile navigation, content prioritisation, image optimisation, grid systems, device testing, and how the design changed from desktop to mobile.
Some web design roles sit close to marketing. You do not need to present yourself as an SEO specialist unless the role requires it, but a web designer can still show search-aware decisions. Good CV evidence might include reworked service-page templates with clearer heading hierarchy, concise intro copy, and consistent internal-link modules.
Personal statement examples for a Web Designer CV
Your profile should be short enough to scan and specific enough to stop the recruiter guessing. Aim for three to five lines. Mention role scope, tools, portfolio evidence, and one or two outcomes.
A Junior Web Designer CV can lead with a portfolio of responsive Figma and Webflow projects across charity landing pages, service websites, and mobile-first redesign concepts. It can mention HTML, CSS, accessible colour and typography checks, CMS editing, user-journey mapping, and recent course projects focused on reducing form friction or improving content hierarchy.
A mid-level profile should combine design and delivery. It might describe four years of agency experience creating responsive WordPress and Shopify sites for hospitality, education, and professional-services clients. It should name Figma, Adobe Creative Cloud, CMS page builds, HTML/CSS handover notes, accessibility checks, and analytics-led improvements.
A senior web designer CV should show design direction, discovery, UI direction, design systems, responsive website redesigns, and stakeholder leadership. It should mention mentoring junior designers, improving Figma component libraries, presenting design rationale, and working with developers to launch accessible page systems that reduce production time or improve conversion paths.
A freelance profile should make the work feel credible. Mention discovery, wireframes, responsive visual design, WordPress builds, launch support, client communication, CMS training, accessible layout choices, and portfolio projects that connect brand, usability, and enquiry generation.
What to include in your work experience section
The work experience section should show how you solve design problems in real environments. Recruiters need to see the scale of projects, who you worked with, what tools you used, and what changed because of your work.
For each role, include employer name, location or remote status, dates, and a short role title. Then write four to six bullets for your strongest recent roles. Older roles can be shorter if they are less relevant.
Useful web design evidence includes website redesigns, new-build projects, landing pages, campaign pages, CMS templates, reusable modules, mobile-first redesigns, UX discovery, wireframes, user flows, prototypes, accessibility checks, handover documentation, developer collaboration, analytics, conversion, enquiry quality, engagement, usability results, client presentations, feedback management, and component-library improvements.
If your background overlaps with implementation, link naturally to front-end evidence. A candidate moving from design toward development may also find Frontend Developer CV useful. If your background is more brand and layout led, Graphic Designer CV may help you position the visual side.
Use these as patterns, not copy-paste lines:
- Created mobile-first Figma layouts for a 36-page charity website redesign, simplifying donation journeys and reducing the number of competing CTAs on high-traffic pages.
- Built reusable WordPress page templates for service, case-study, and campaign pages, giving the marketing team consistent modules and reducing ad-hoc design requests.
- Audited colour contrast, heading order, form labels, and focus states before developer handover, reducing accessibility issues found during pre-launch QA.
- Produced responsive handover notes covering breakpoints, hover states, image ratios, and CMS content rules for a front-end developer.
- Redesigned product-category pages for an e-commerce client, improving navigation clarity and supporting a 14% increase in add-to-basket rate during the next campaign period.
- Presented two design concepts to non-technical stakeholders, explaining trade-offs around brand, user goals, content maintenance, and launch timing.
Numbers help, but context matters more than decoration. If you cannot share exact client metrics, use truthful scale instead: number of pages, project duration, number of templates, team size, client sector, or reduction in revision rounds.
How to write portfolio projects on a Web Designer CV
A portfolio project section is useful when your employment history does not show enough of the work you want next. It is essential for junior candidates, career changers, freelancers, and designers whose job titles do not clearly describe their web design contribution.
A good project entry should include project name or client sector, brief or problem, your role and responsibilities, tools used, key design decisions, result, metric, learning, and portfolio URL if it is not already obvious.
For example, a local bakery website redesign could explain that you redesigned a five-page WordPress site, moved from a desktop-only layout to a responsive structure, clarified product categories, improved image compression, simplified order enquiries, created accessible form labels, built Figma wireframes, and prepared a client editing guide.
That entry works because it explains the design problem and your contribution. It does not just list a website name.
If you have several strong projects, choose three. More than that can make the CV feel crowded. Let your portfolio hold the deeper case studies.
Key skills for a Web Designer CV
Your skills section should help recruiters scan quickly, but it should not become a dumping ground. Group skills by relevance and keep the most important terms close to the job advert.
Useful role-specific skills include visual design, layout, typography, colour systems, visual hierarchy, responsive grids, icon use, imagery, and brand consistency. UX and UI skills include user journeys, wireframes, prototypes, interaction states, navigation, forms, information architecture, and usability testing support.
Design tools can include Figma, Adobe XD, Photoshop, Illustrator, InDesign, Sketch, Canva, Webflow, or other tools you genuinely use. Front-end awareness can include HTML, CSS, responsive breakpoints, browser testing, basic JavaScript, Git basics, and developer handover. CMS and platform skills can include WordPress, Shopify, Webflow, Squarespace, Drupal, Craft, Elementor, Gutenberg, or bespoke CMS editing.
Accessibility skills can include WCAG awareness, contrast checks, focus states, keyboard navigation, alt-text guidance, headings, labels, and readable content hierarchy. SEO and content skills can include page structure, internal-link modules, metadata awareness, image optimisation, Core Web Vitals awareness, and collaboration with content teams.
Soft skills matter because web design is rarely a solo task. Useful strengths include client discovery, stakeholder presentation, explaining design decisions without jargon, working with developers and marketers, taking feedback without losing the user goal, prioritising under deadline pressure, writing clear handover notes, balancing brand and usability, learning tools quickly, and spotting inconsistencies before launch.
Avoid unsupported adjectives such as creative or hard-working unless your examples prove them. A bullet about a redesigned booking journey says more than a skills line claiming creativity.
Role-specific skills
Education, courses, and certifications
There is no single required route into web design. Your CV should present education as part of your evidence, not as an apology for a non-linear route.
Relevant education can include degrees or HNDs in web design, digital design, graphic design, interactive media, multimedia, computer science, or UX/UI design. It can include T Levels, BTECs, apprenticeships, bootcamps, college courses in digital production, short courses in Figma, HTML, CSS, JavaScript basics, WordPress, Webflow, accessibility, UX research, or analytics.
If your education is not directly related, focus on transferable evidence. A marketing degree can support content and conversion thinking. A graphic design route can support brand and visual hierarchy. A computer science route can support technical collaboration. The strongest Web Designer CV connects the route to the role instead of listing qualifications without context.
Layout and formatting tips for a Web Designer CV
Your CV is not your portfolio. A visually experimental CV can be memorable, but it can also be hard to parse, difficult to print, and risky for applicant tracking systems. Use the portfolio to show visual identity and interaction work. Use the CV to make evidence easy to extract.
Keep the CV to one or two pages, depending on experience. Use clear section headings such as Profile, Portfolio, Experience, Projects, Skills, Education, and Courses. Use a readable font size and enough spacing for quick scanning. Keep dates consistent and easy to follow. Use bullet points for outcomes and responsibilities. Avoid icons that replace text labels for phone, email, or links. Save as PDF unless the employer asks for another format. Check that links remain clickable in the exported file.
For more general structure, use CV structure. For profile wording, use CV personal statement examples. For evidence-led achievements, use work experience on a CV. For search-friendly scanning and systems, use ATS-friendly CV.
Common Web Designer CV mistakes to avoid
Design polish can get attention, but it will not replace proof. If the CV looks stylish and the bullets only say designed websites, the recruiter still cannot judge your level. Put your best design energy into clarity, hierarchy, and evidence.
Do not bury your portfolio at the end of the CV or inside a paragraph. Put it with your contact details and repeat it in a project section only if useful. Check every link before applying.
A long software list can look impressive, but it does not show whether you can use those tools to solve problems. Use the skills section for quick matching, then prove key tools in experience bullets.
Accessibility is now part of competent web design. You do not need to claim to be an accessibility consultant, but you should show awareness of contrast, labels, headings, focus states, keyboard navigation, and responsive interaction.
A Junior Web Designer CV should show potential and foundations. A Senior Web Designer CV should show leadership, systems, process improvement, and judgement. Tailor the emphasis instead of using one generic version.
Many web designers use HTML and CSS. Some build production sites. Some hand designs to developers. Be clear about your level. Employers will test technical claims quickly in interviews.
Common Web Designer CV mistakes to avoid
Design polish can get attention, but it will not replace proof. If the CV looks stylish and the bullets only say designed websites, the recruiter still cannot judge your level. Put your best design energy into clarity, hierarchy, and evidence.
Do not bury your portfolio at the end of the CV or inside a paragraph. Put it with your contact details and repeat it in a project section only if useful. Check every link before applying.
A long software list can look impressive, but it does not show whether you can use those tools to solve problems. Use the skills section for quick matching, then prove key tools in experience bullets.
Accessibility is now part of competent web design. You do not need to claim to be an accessibility consultant, but you should show awareness of contrast, labels, headings, focus states, keyboard navigation, and responsive interaction.
A Junior Web Designer CV should show potential and foundations. A Senior Web Designer CV should show leadership, systems, process improvement, and judgement. Tailor the emphasis instead of using one generic version.
Many web designers use HTML and CSS. Some build production sites. Some hand designs to developers. Be clear about your level. Employers will test technical claims quickly in interviews.
Final checklist before you send your Web Designer CV
Before applying, check every part of the CV against the job advert and your portfolio:
Why this matters
Keep the evidence specific
Use the checklist as a final edit, not a last-minute box-ticking exercise. If a line does not help a recruiter understand your design level, portfolio strength, or delivery evidence, cut or rewrite it.
-
1
Does the profile name the type of web design role you want?
-
2
Is the portfolio link visible, working, and relevant?
-
3
Does the CV include responsive design evidence?
-
4
Have you shown UX, UI, CMS, accessibility, or front-end skills where the advert asks for them?
-
5
Do your experience bullets include outcomes, constraints, tools, and collaboration?
-
6
Have you included junior, senior, freelance, or in-house context where relevant?
-
7
Is your skills section grouped rather than scattered?
-
8
Are education and courses connected to web design ability?
-
9
Does the layout stay readable for recruiters and applicant tracking systems?
-
10
Are all internal project links, portfolio links, and contact details correct?
-
11
Have you removed vague phrases that could apply to any creative role?
-
12
Have you exported a clean PDF and checked it on another device?
FAQs
How long should a Web Designer CV be? Open
Most web designer CVs should be one or two pages. Use one page if you are junior and your portfolio carries most of the evidence. Use two pages if you have several relevant roles, freelance projects, senior responsibilities, or a substantial project record.
What should a junior web designer put on a CV? Open
A junior web designer should include a clear portfolio link, training or self-directed learning, personal or voluntary projects, Figma or design-tool evidence, HTML/CSS basics, CMS experience if available, and honest project notes.
What should a senior web designer CV show? Open
A senior web designer CV should show design direction, discovery, stakeholder leadership, design systems, accessibility standards, process improvement, mentoring, and measurable project results.
Do I need coding skills for a Web Designer CV? Open
Many roles ask for HTML, CSS, responsive design, and basic JavaScript awareness, but expectations vary. If you design and build sites, say so. If you mainly design and hand over to developers, explain your front-end awareness, component documentation, breakpoints, and QA process.
Should I include screenshots in my CV? Open
Usually, no. Link to your portfolio instead. Screenshots can make the CV bulky and may not show well in applicant tracking systems.
How do I write a Web Designer UK CV? Open
A Web Designer UK CV should use UK spelling, clear dates, a concise profile, role-focused experience, and a visible portfolio link. You do not usually need a photo, date of birth, marital status, or full address.
Should freelance web design work be listed as employment? Open
Yes, if it is relevant and real. Use a role title such as Freelance Web Designer, include dates, client types, and project examples, and explain the work you handled from brief to launch.
Build your Web Designer CV from this example
Open the builder, add your portfolio link first, then work through profile, projects, experience, skills, and education in that order. Keep the CV clean and let your portfolio carry the richer visuals.