Контактна інформація

Шукач вказав телефон , ел. пошту та LinkedIn.

Отримати контакти цього кандидата можна на сторінці https://www.work.ua/resumes/17957457/

Досвід роботи

HTML-верстальник

з 06.2025 по 03.2026 (10 місяців)
Online Sales TEAM, Дистанційно (Маркетинг, реклама, PR)

На позиції Junior Frontend Developer займався створенням, копіюванням та адаптацією landing page відповідно до технічних завдань та референсів.

Виконував верстку сторінок з використанням HTML5, CSS3 та базового JavaScript. Реалізовував адаптивний дизайн під різні пристрої (mobile, tablet, desktop) з використанням Flexbox, Grid та Bootstrap.

Працював з готовими сторінками: редагував, оптимізував та адаптував їх під нові задачі. Створював та підключав повторно використовувані компоненти (форми, кнопки, блоки), налаштовував форми для збору даних.

Використовував FTP/SSH для завантаження та оновлення проєктів на сервері. Працював з графікою: оптимізація, редагування зображень (Photoshop).

Активно застосовував AI-інструменти (ChatGPT та ін.) для прискорення розробки, пошуку рішень та автоматизації рутинних задач. Працював з документацією та швидко впроваджував нові рішення в процес розробки.

Дотримувався дедлайнів, уважно працював з деталями та швидко адаптувався до нових задач.

Освіта

Міжнародний науково-технічний університет ім. академіка Ю. Бугая (МНТУ)

(121) «Інженерія програмного забезпечення», Київ
Незакінчена вища, з 2023 по 2027 (4 роки)

Додаткова освіта та сертифікати

Немає додаткової освіти та сертифікатів.

Знання і навички

• Adobe Illustrator
• Adobe Photoshop
• Adobe After Effects
• AI-інструменти
• Figma
• Web development
• Web design
• HTML
• SASS
• SCSS
• CSS
• Знання CSS-препроцесорів
• Gulp
• CSS Grid Layout
• Responsive design
• Адаптивний дизайн
• Адаптивна верстка
• JavaScript
• Верстка
• Розробка сайтів

Знання мов

• Українська — вільно
• Англійська — середній
• Німецька — початковий

Додаткова інформація

Вітаю Вас на моєму профілі!

Я веб-розробник з ⭐ 5-річним досвідом ⭐, який спеціалізується на створенні якісних вебсайтів під ключ — від вашої ідеї до повністю готового продукту, який працює стабільно, виглядає сучасно та зручно використовується на будь-якому пристрої.

Нижче я коротко описав основні принципи та підходи, яких дотримуюся під час створення сайтів, щоб ви одразу бачили, який фінальний результат отримаєте

-- Інтерфейс та користувацький досвід --

🔹 Адаптивний дизайн

Під час розробки дизайну я одразу враховую адаптивність сайту під різні пристрої: desktop, tablet, mobile, щоб забезпечити коректне та зручне відображення сайту на кожному з них. Використовую підхід Mobile first або desktop first залежно від трафіку та поставлених завдань.

Окрему увагу приділяю клікабельній зоні інтерактивних елементів. Усі інтерактивні елементи інтерфейсу (кнопки, посилання, форми) мають мінімальний розмір 44×44 px, що забезпечує комфортну взаємодію і зменшує кількість помилкових кліків.

🔹 Style guide

У кожному проєкті я реалізовую важливу частину процесу — style guide. Він дозволяє коректно показати розробникам, як інтерфейс сайту має реагувати на взаємодію: натискання, фокусування та наведення (hover, focus, active).
Це дозволяє розробникам чітко розуміти, як інтерфейс має поводитися в кожному стані та працювати з проєктом без зайвих уточнень.

🔹 Порядок у дизайні

Як я вже зазначав раніше, дизайн — це повноцінний документ, який має бути структурований і підготовлений належним чином. Кожен елемент я логічно групую та підписую. Це дозволяє точно працювати з розмірами, швидко знаходити потрібні елементи та, що найважливіше, дає можливість масштабувати сайт у майбутньому без потреби повністю переробляти дизайн.

Усі ці аспекти дозволяють розробникам якісно та комфортно працювати над проєктом у подальшому, оскільки дизайн виступає як цілісна система, в якій зафіксовано всі ключові рішення та взаємозв’язки елементів інтерфейсу.

-- Розробка та технічна реалізація --

🔹 Інтерактивні властивості

Усі інтерактивні елементи мають стани hover, focus та active, що робить інтерфейс зрозумілим і “живим” для користувача.
Це підвищує довіру до сайту та покращує загальний досвід взаємодії.

🔹 Клікабельна зона

Всі інтерактивні елементи (кнопки, посилання, елементи форм) на вашому сайті матимуть достатню клікабельну зону, що забезпечить зручне користування сайтом на мобільних пристроях. Розмір клікабельної зони реалізується відповідно до рекомендованих стандартів доступності — не менше 44×44 px, що дозволяє користувачам легко взаємодіяти з інтерфейсом незалежно від розміру екрана чи пристрою.

🔹 Адаптивна верстка

Ваш сайт буде коректно працювати на всіх пристроях — від великих екранів до компактних смартфонів (від ~320px).
Окремо реалізовую адаптацію під горизонтальну орієнтацію, яку часто ігнорують, але яка критично важлива для частини користувачів.

🔹 Підтримка Retina та оптимізація

Забезпечую фотографії з більшою роздільною здатністю для Retina-дисплеїв. Використовую сучасні формати AVIF та WebP з перевіркою підтримки браузером, щоб зображення коректно відображалися навіть у старих браузерах.

🔹 Компонентна структура

Кожен елемент інтерфейсу реалізований як окремий компонент. Такий підхід використовується як для SCSS-файлів, так і для HTML. Це дозволяє змінювати код лише в одному місці — і всі зміни автоматично відображаються на всіх сторінках, де підключений відповідний компонент. Такий підхід робить сайт зручним у підтримці та розвитку в майбутньому.

🔹 Доступність (Accessibility)

Під час розробки враховуються вимоги доступності, зокрема використання прихованих інструкцій(visually-hidden), коректних data-атрибутів та інших допоміжних елементів, що покращує взаємодію з сайтом для користувачів, які застосовують допоміжні технології (зокрема скрінрідери). Дотримання принципів доступності також позитивно впливає на SEO та загальну якість вебпродукту.

🔹 Семантичний HTML

Ваш сайт буде повністю валідним і перевіреним відповідно до стандартів HTML Validator, з коректною семантикою та без зайвих обгорток (div), що важливо для SEO, доступності та стабільної роботи сайту.

-- Додаткові інструменти та навички --

🔹 Photoshop
Підготовка та обробка зображень для вебу

🔹 Figma
Створення інтерфейсів та дизайн-систем

🔹 AI
Використовую нейромережі для прискорення роботи та генерації візуалів

🔹 Git
Контроль версій та робота з кодом

🔹 Trello
Планування задач і контроль дедлайнів

Працюю відповідально, дотримуюсь дедлайнів і тримаю зв’язок протягом усього процесу.
Моя задача — зробити так, щоб ви отримали не просто сайт, а інструмент, який буде працювати на вас і ваш бізнес.

Готовий до довгострокової співпраці та розвитку разом із вашим проєктом.