Use this template
Add your own experience and make this layout yours.
design-ux
Web Designer
Resume Example
4.5 / 5
Why This Template Works
This resume format works well for ATS by incorporating relevant keywords and structured information that align with the job description of a Web Designer. The inclusion of specific projects, skills related to UX/UI design, and emphasis on accessible web interfaces ensures comprehensive coverage of key areas employers seek. Additionally, the format is tailored to showcase a candidate's ability to optimize user experiences, making it stand out in automated systems.
Instant Resume Score
Check Your Accessibility Focused UX/UI Web Designer Resume Score
Upload your resume for an instant ATS score and practical, role-specific improvements.
- No Signup Required
- Private by Default
- Usually under 30 sec
Your resume
One step to your resume score
Add your resume to run a free score and get prioritized fixes.
How to Write This Resume
Expert guidelines and best practices for each section of your resume.
01
Contact
Contact
First Name Last Name City, State, Zip Code Phone Number | Email Address LinkedIn Profile URL | Portfolio URL (Optional)
General Guidelines
Your contact information is the first section recruiters see. Keep it concise and professional. Ensure your email address is appropriate (e.g., [email protected]). Include your LinkedIn profile for a comprehensive view of your professional journey. A portfolio or personal website is recommended for creative, technical, or design roles.
Avoid This
Do not include your full physical address (street number/name) for privacy reasons. Avoid including personal details like marital status, age, photo, or social security number unless specifically required in your country. Do NOT use unprofessional email addresses and do NOT include GitHub links for artists - use ArtStation, Behance, or portfolio sites instead.
Real Examples
See clear examples of how to format contact details effectively.
Don't
John Doe 1234 Random St, Apt 56 New York, NY 10001 [email protected] github.com/aliciacode Single, 28 years old
Do
Ava Martinez San Francisco, CA (555) 987-6543 | [email protected] linkedin.com/in/ava-martinez | artstation.com/avamdesign
Quick Tips
- Use a professional email address (firstname.lastname format)
- Ensure your voicemail is set up and professional
- Double-check your phone number and email for typos
- Make your LinkedIn URL custom (linkedin.com/in/yourname)
- Use ArtStation or Behance for artist/designer portfolios
02
Summary
Summary
Professional Title Result-oriented [Role Name] with [Number] years of experience in [Key Skills/Industries]. Proven track record of [Major Achievement]. Skilled in [Key Technologies/Skills]. Committed to delivering [Specific Value] for [Target Industry/Company type].
General Guidelines
A professional summary is your elevator pitch. It should be 3-5 sentences long, summarizing your experience, key skills, and major achievements. Tailor it to the job description by using relevant keywords. Focus on what makes you unique and the value you bring to potential employers.
Avoid This
Avoid generic objectives like 'Looking for a challenging role to grow my skills.' Recruiters want to know what value you bring to them, not what you want from them. Don't use first-person pronouns (I, me, my). Keep it concise and impactful.
Real Examples
Compare a weak objective with a strong professional summary.
Don't
Objective: I am a hard-working individual looking for a Web Designer position where I can learn new things and advance my career.
Do
Senior Web Designer with 6+ years of experience in crafting accessible and user-centric interfaces. Led the redesign of a major e-commerce platform, improving accessibility by 30% while maintaining aesthetic appeal. Proficient in HTML5, CSS3, JavaScript frameworks (React, Vue.js), and Adobe Creative Suite.
Quick Tips
- Quantify achievements where possible (e.g., 'Increased revenue by 20%')
- Keep it under 5 lines for readability
- Use strong action verbs to start sentences
- Tailor the summary to match the job description
03
Skills
Skills
Technical Skills - Languages: [List] - Frameworks: [List] - Tools: [List] Soft Skills - [Skill 1], [Skill 2], [Skill 3]
General Guidelines
Group your skills logically (e.g., Languages, Frameworks, Tools). Focus on hard skills relevant to the job. List skills in order of proficiency or relevance. Soft skills are better demonstrated through bullet points in your experience section rather than a bare list.
Avoid This
Do not list skills you are not comfortable using in an interview. Avoid using progress bars or percentages to rate your skills (e.g., 'Java: 80%') as they are subjective and often misinterpreted. Don't include outdated technologies unless specifically required.
Real Examples
Practical example showing do's and don'ts for skills
Don't
Mentioned old PHP version (5.4) used a few years ago
Do
Focused on current frameworks like React and Vue.js
Quick Tips
- List your technical skills under categories such as Languages, Frameworks, and Tools.
- Prioritize the inclusion of relevant technologies that are currently in demand for web design roles.
- Avoid listing soft skills separately; instead, integrate them into your experience descriptions.
- Keep the list concise but comprehensive, highlighting both breadth and depth of expertise.
04
Experience
Experience
Job Title | Company Name | Location Month Year – Month Year - Action Verb + Context + Result (Quantified) - Led [Project] resulting in [Outcome]... - Collaborated with [Team] to implement [Feature]...
General Guidelines
This is the core of your resume. Use reverse-chronological order (most recent first). Start each bullet with a strong action verb. Focus on achievements and impact, not just duties. Use numbers to quantify your impact (dollars, percentages, time saved, users affected). Show progression and increasing responsibility.
Avoid This
Avoid passive language like 'Responsible for...' or 'Tasked with...'. Don't list every single daily task; focus on significant contributions and measurable outcomes. Avoid jargon that recruiters outside your field won't understand.
Real Examples
Practical example showing do's and don'ts for experiences
Don't
Created various web pages for the company website, focusing on improving the visual appeal of the design
Do
Designed and developed over 50 responsive web pages, increasing user engagement by 20% through improved visual hierarchy and interactive elements
Quick Tips
- Use strong action verbs to start each bullet point.
- Quantify your achievements with specific metrics (e.g., 'Increased website traffic by 40%', 'Reduced page load time by 35 seconds').
- Highlight significant projects and their impact, not just routine tasks.
- Showcase increasing responsibility and complexity of roles over the years.
05
Education
Education
Degree Name | University Name | Location Month Year – Month Year - Relevant Coursework: [Course 1], [Course 2] - Honors/Awards: [Award Name] - GPA: X.X (if above 3.5)
General Guidelines
List your highest degree first. If you have significant work experience, keep the education section brief. Include your GPA only if it is above 3.5 or if you are a recent graduate. Highlight relevant coursework, academic projects, honors, or leadership roles.
Avoid This
Do not include high school details if you have a college degree. Avoid listing every single course you took; select only the most relevant ones. Don't include graduation dates from decades ago if age discrimination is a concern in your field.
Real Examples
Practical example showing do's and don'ts for educations
Don't
Bachelor of Fine Arts | San Francisco State University | San Francisco, CA September 2013 – May 2017 - Courses: Introduction to Web Design, HTML Basics, CSS Basics
Do
Bachelor of Fine Arts in Web Design | San Francisco State University | San Francisco, CA September 2013 – May 2017 - Relevant Coursework: User-Centered Design Principles, Web Accessibility, Front-End Development - Honors: Dean's List (Fall 2014) - GPA: 3.8
Quick Tips
- List your degree and university name prominently at the top of each entry.
- Mention specific courses relevant to web design and user experience principles.
- Include any honors or awards that demonstrate your academic excellence.
- Only include GPA if it is above 3.5, especially for recent graduates.
06
Projects
Projects
Project Name | Tools/Software Used - Briefly describe what you created and its purpose - Highlight creative challenges you solved - Link to portfolio (ArtStation, Behance, Vimeo, YouTube) if available
General Guidelines
Projects are excellent for demonstrating practical skills, especially if you lack work experience or are changing careers. Include a link to your portfolio (ArtStation, Behance, Vimeo, or YouTube) if possible. Focus on projects that show your creative abilities and relevant tools for the target role.
Avoid This
Don't include trivial tutorials unless you significantly expanded on them. Avoid projects that are outdated, incomplete, or irrelevant to the role you're applying for. Don't just list tools—explain what you created and why it matters. Do NOT mention GitHub links for creative roles - use portfolio platforms instead.
Real Examples
Practical example showing do's and don'ts for projects
Don't
Created a basic landing page using HTML and CSS, following tutorial steps without modifications.
Do
Redesigned a local non-profit’s e-commerce website to improve accessibility and user experience, resulting in a 25% increase in donations from users with disabilities.
Don't
Developed an online portfolio for myself using Adobe XD. (This does not explain the purpose or outcome.)
Do
Created an interactive online workshop focused on teaching basic web accessibility principles and techniques to designers and developers, fostering a community of inclusive design practices.
Quick Tips
- Start with impactful projects that showcase your skills in action. Aim for ones where you faced significant challenges or achieved notable outcomes.
- Ensure each project description clearly communicates the purpose, the tools used, and how it benefited users or clients.
- Highlight unique approaches to solving problems within your projects, such as innovative use of technology or creative design solutions.
- Whenever possible, include links to live examples on portfolio platforms like ArtStation, Behance, Vimeo, or YouTube.
Frequently Asked Questions
Common questions about this role and how to best present it on your resume.
Skills like HTML, CSS, JavaScript, and proficiency with design software such as Figma or Sketch are crucial.
Highlight transferable skills from your previous industry and emphasize how they relate to web design projects.
Absolutely, including links to your portfolio is essential for showcasing your work as a Web Designer.
Mention tools like Adobe Creative Suite, Sketch, Figma, and any coding languages you use regularly.
Stop Applying. Start Getting Hired.
Transform your resume into an interview magnet with AI-powered optimization trusted by job seekers worldwide.
Double Your Interview Callbacks
Candidates who tailor their resumes to the job description get 2.5x more interviews. Use our AI to auto-tailor your CV for every single application instantly.