UI/UX Designer

Below is a ready‑to‑send cover‑letter template (with placeholders you can swap in your own details) that directly addresses every point in the job description you posted.
Feel free to copy‑paste it, adjust the tone to match your personal style, and attach your résumé.

---

📧 Sample Cover Letter – UI/UX Designer / Front‑End Developer

[Your Name]
[Your Address] • [City, State ZIP] • [Phone] • [Email] • [Portfolio URL] • [LinkedIn URL]

[Date]

Hiring Manager
[Company Name]
[Company Address]

Dear Hiring Manager,

I am excited to apply for the UI/UX Designer with Front‑End Development expertise role at [Company Name]. With [X] years of experience designing and building user‑centered web applications—most recently at [Current/Previous Company], where I led the redesign of a SaaS dashboard that increased user task completion by 35 %—I have the blend of visual design sensibility and production‑grade front‑end skills you’re seeking.

Why I’m a strong fit

Requirement	My Experience
Design intuitive UI for web apps	Created wireframes, high‑fidelity mockups, and interactive prototypes for a multi‑tenant analytics platform using Figma and Adobe XD.
Collaborate cross‑functionally	Partnered daily with product managers, back‑end engineers, and QA to translate feature specs into design solutions; facilitated design‑review sessions that reduced iteration cycles by 20 %.
Prototyping & visual tools	Expert in Figma, Adobe XD, Photoshop, Illustrator; built a component library in Figma that served as the single source of truth for UI patterns.
Responsive front‑end code (HTML/CSS/SCSS/JS)	Hand‑coded responsive pages with HTML5, SCSS, and vanilla JavaScript; ensured cross‑browser compatibility (Chrome, Firefox, Safari, Edge) and performance scores > 90 Lighthouse.
Front‑end frameworks	Developed reusable UI components in React (hooks, context API) and Vue.js; integrated Material‑UI and Bootstrap themes while maintaining design‑system consistency.
Version control (Git)	Daily Git workflow (feature branches, PR reviews, rebasing) in a CI/CD pipeline using GitHub Actions.
Design systems & tokens	Built a design‑system (tokens for color, spacing, typography) using Style Dictionary; reduced UI inconsistencies by 40 % across three products.
Agile/Scrum participation	Active member of sprint planning, daily stand‑ups, and retrospectives; delivered design increments every two‑week sprint.
User research & usability testing	Conducted moderated usability tests (5‑10 participants) and synthesized findings into actionable design improvements; increased NPS by 12 pts after iteration.

A recent success story

At [Current/Previous Company], I was tasked with modernizing a legacy admin console that suffered from low adoption. I:

1. Ran discovery – stakeholder interviews + 15 user surveys.
2. Created a design system – 45 UI components, 120 design tokens.
3. Implemented the UI – built the front‑end in React + TypeScript, using SCSS modules for styling.
4. Delivered – launched in a phased rollout; post‑launch analytics showed a 28 % reduction in task time and a 22 % increase in monthly active users.

The project demonstrated my ability to bridge design and code, keep the user at the center, and ship high‑quality, production‑ready features on schedule.

What I’ll bring to [Company Name]

• A holistic design mindset – from research to pixel‑perfect mockups to production code.
• Scalable, maintainable front‑end architecture – leveraging component‑driven development and design‑token pipelines.
• Strong communication – I translate technical constraints into design decisions and vice‑versa, ensuring all stakeholders stay aligned.
• Agile fluency – comfortable working in fast‑paced, iterative environments where priorities shift quickly.

I am thrilled about the opportunity to contribute to [Company’s] mission of delivering seamless, delightful digital experiences. I would love to discuss how my background aligns with your goals.

Thank you for considering my application. I look forward to the possibility of speaking with you soon.

Sincerely,

[Your Name]

---

Quick checklist before you hit “Send”

1. Customize the placeholders ([Company Name], [X] years, [Current/Previous Company], etc.).
2. Add a link to a live portfolio that showcases at least one end‑to‑end project (research → wireframes → prototype → coded UI).
3. Attach a résumé that mirrors the table above (use bullet points, quantify impact).
4. Proofread for any stray placeholders or typos.
5. Send a test email to yourself to verify formatting.

Good luck! 🎉 If you’d like help polishing your résumé, tailoring the cover letter further, or preparing for a technical interview (e.g., a live design‑code challenge), just let me know.