Contact information

The job seeker has entered a phone number , email and LinkedIn.

You can get this candidate's contact information from https://www.work.ua/resumes/17957457/?puid=420704

Work experience

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

from 06.2025 to 03.2026 (10 months)
Online Sales TEAM, Дистанційно (Маркетинг, реклама, PR)

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

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

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

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

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

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

Education

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

(121) «Інженерія програмного забезпечення», Київ
Unfinished higher, from 2023 to 2027 (4 years)

Additional education and certificates

No additional education or certificates.

Knowledge and skills

• 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
• Верстка
• Розробка сайтів

Language proficiencies

• Ukrainian — fluent
• English — average
• German — beginner

Additional information

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

Я веб-розробник з ⭐ 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
Планування задач і контроль дедлайнів

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

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