Супровідний лист веб-розробника
Лист від тієї самої людини, чиє резюме лежить сусідньою сторінкою: frontend-розробник із Вінниці відгукується на вакансію в продуктовій команді. Беріть за основу й переписуйте під свою вакансію.
Готовий зразок листа
Доброго дня! Мене звати Андрій Мельник, я frontend-розробник на React і TypeScript, чотири роки в e-commerce і продуктових командах. Надсилаю резюме на вакансію Frontend Developer.
Найпоказовіша моя задача — перенесення каталогу на 12 000 товарів із legacy-коду на jQuery до Next.js. LCP впав із 4,1 до 1,4 секунди, органічний трафік за чотири місяці зріс на 35%, конверсія в кошик — на 22%. Міграцію робили без зупинки магазину, сторінками.
Всередині команди зібрав бібліотеку з 40 UI-компонентів на TypeScript: складання нової сторінки скоротилося з трьох днів до одного. Разом з аналітиком запустив A/B-тест чекаута, який додав 9% до конверсії в покупку — тут моя частина була не тільки в коді, а й у тому, щоб гіпотези взагалі можна було виміряти.
До продуктової команди два роки працював на фрилансі: понад 20 сайтів для малого бізнесу, середній Lighthouse 95, інтеграції LiqPay і Stripe. Восьмеро клієнтів поверталися з повторними замовленнями — для мене це головний аргумент про якість здачі.
У вакансії згадано щоденну комунікацію із замовником із ЄС. Маю B2 і досвід прямого листування та дзвінків з клієнтами з Польщі й Німеччини, тож менеджера-перекладача між мною і замовником ставити не доведеться.
Живі проєкти й код: посилання на портфоліо та GitHub у контактах — дивіться і вкладку Network, і структуру репозиторіїв, мені є що там показати.
Готовий виконати тестове або пройти лайв-кодинг у зручний для команди час. Резюме додаю, зв'язатися зручно поштою чи в LinkedIn.
Андрій Мельник
+380 50 000 00 00 · a.melnyk.frontend@example.com
Що додати саме для посади «веб-розробника»
- Дайте посилання на GitHub і два-три живі сайти прямо в листі. Тімлід відкриє їх раніше, ніж дочитає ваш текст.
- Назвіть версії й стек конкретно: React 19, Next.js App Router, TypeScript, Tailwind. «Сучасний фронтенд» нічого не означає.
- Замість «оптимізував продуктивність» ставте числа: LCP, Lighthouse, розмір бандла до і після. Це рідкісна деталь, яка вирізняє лист.
- Опишіть свою частину в командній задачі чесно — що робили ви, а що бекенд і дизайнер. Перебільшення розкривається на першому ж технічному дзвінку.
- Напишіть, що готові до тестового, і вкажіть строк, за який його зробите. Мовчання про тестове часто читають як небажання його робити.
Якщо досвіду ще немає
Без комерційних проєктів роль портфоліо виконує код. Напишіть, що саме ви зробили самостійно: пет-проєкт із реальною логікою, а не ще один to-do, клон інтерфейсу відомого сервісу, верстка макета з Figma. Дайте посилання на репозиторій і на задеплоєну версію — без демо посилання майже не відкривають. Згадайте курс чи спеціалізацію і, головне, скільки годин на тиждень ви зараз пишете код. І запропонуйте тестове завдання: джуна беруть за ним, а не за текстом листа.
Резюме до цього листа
Лист не надсилають окремо. Ось резюме тієї самої людини на ту саму посаду - однакові контакти, однаковий досвід, однакові формулювання.
Зразок резюме: веб-розробника →