Andrii Yakovliev
Рейтинг
Рівень володіння мовами
Резюме
Привіт! Я Frontend Developer із практичним досвідом створення адаптивних та привабливих вебсайтів. Працюю з HTML, CSS, JavaScript, а також активно розширюю свої навички React та TypeScript.
💻 Послуги, які я надаю:
- Розробка сучасних адаптивних сайтів.
- Оптимізація швидкості завантаження та UI/UX.
- Інтеграція сайтів із Google Workspace.
- Налаштування хостингу та публікація сайтів.
🌟 Чому саме я?
- Професійний підхід до роботи.
- Орієнтуюсь на результат та швидко навчаюсь новим технологіям.
- Досвід роботи з клієнтами та розуміння їхніх потреб.
🎯 Моя мета: Допомогти вам створити сайт, який вразить ваших клієнтів та працюватиме бездоганно!
📬 Зв’яжіться зі мною, і ми обговоримо ваш проєкт!
Навички та вміння
Портфоліо
-
Space Tourism Website
HTML та CSS верстанняSpace Tourism Website — це багатосторінковий адаптивний сайт про космічний туризм, створений відповідно до наданого дизайну.
Особливості:
✓ Таб-навігація для перегляду нової інформації на кожній сторінці
… ✓ Адаптивний дизайн для оптимального відображення на різних пристроях
✓ Анімовані ефекти наведення для інтерактивних елементів
✓ Анімація зірок при натисканні на кнопку на Головній сторінці
Технології:
✓ HTML, CSS (SCSS)
✓ JavaScript
✓ Методологія BEM
✓ Flexbox / Grid
Проєкт розроблено відповідно до найкращих практик веб-розробки та UX/UI дизайну.
-
Портфоліо Андрія Яковлєва
HTML та CSS верстанняДизайн та розробка портфоліо Андрія Яковлєва
- Зміна логотипу при зменшенні розміру екрану
- Переміщення логотипу та іконок соціальних мереж з меню в Header
… - Налаштування мови та кольорової схеми для сайту
- Реалізація ефекту друку тексту на головній сторінці
- Перетворення зображень у слайдер за допомогою Swiper.js
- Створення вкладкового меню для проєктів
- Інтеграція блогу з LinkedIn
- Налаштування форми відправки за допомогою Email.js
- Функція завантаження резюме
- Адаптивний дизайн для комп’ютера, планшета та мобільних пристроїв
- Використання CSS Grid та CSS Flex
- Працював із шаблоном збірки Gulp
Технології: HTML, CSS, JavaScript
-
2066 UAH Іпотечний кальклятор
Javascript та TypescriptЦей проект є калькулятором погашення іпотеки, де користувачі вводять дані про іпотеку для розрахунку щомісячних і загальних виплат. Компонування та функціональність відповідають наданому дизайну, забезпечуючи при цьому швидкість реагування на різних пристроях.
особливості:
- Введення інформації про іпотеку: автоматично розраховує виплати.
… - Перевірка форми: гарантує, що всі поля заповнені.
- Клавіатурна навігація: повністю доступна клавіатура.
- Адаптивний макет: адаптується до розмірів екрана.
- Стани наведення/фокусу: покращує доступність.
Як використовувати:
- Введіть дані про іпотеку, надішліть, щоб переглянути виплати.
- Підтримує повну навігацію з клавіатури.
-
8084 UAH Tax Residency Test
HTML та CSS верстанняДизайн та розробка сайту для "Tax Residency Test"
- Адаптивна верстка для всіх типів присроїв
- Переміщення логотипу з меню в Header за допомогою JavaScript
… - Переміщення кнопки під зображення в Hero
- Використання Swiper.js для Блоку Відгуки
- Створення Pop-up для кнопки
- Валідація для input і checbox в Pop-up
- Присвоєння посилань на оплату для кнопки в Pop-up, в залежності від обраного пакету
- Створення кнопки прокрутки
- Використання CSS Grid та CSS Flex
- Працював із шаблоном збірки Gulp
- Публікація сайту на Хостингу Ukraine через adm.tools і програму FilleZila
Додаткові роботи
- Створення логіки в SendPulse для відправки повідомлень після оплати
- Підключення WayForPay через кнопку для оплати послуг
- Налаштування пошти Workspace Google
Технології: HTML, CSS, JavaScript
-
Skilled
HTML та CSS верстанняАдаптивна лендінг-сторінка з використанням VSCode та Figma
Завдання полягає в тому, щоб створити цю лендінг-сторінку та максимально наблизити її до дизайну. Користувачі повинні мати можливість: Переглядати оптимальну розкладку в залежності від розміру екрана їх пристрою Бачити стан наведення для інтерактивних елементів
… Реалізація: Я створював лендінг-сторінку, використовуючи CSS Grid та CSS Flex. Адаптивний дизайн з постійною зміною позиції зображення та зміною зображення при перегляді на мобільному телефоні (реалізовано за допомогою JavaScript). Плавна адаптація всіх елементів, шрифтів та відступів при зміні розміру екрана.
Технологічний стек: HTML, CSS
-
Sunnyside Agency
HTML та CSS верстанняАдаптивна лендінг-сторінка з використанням VSCode та Figma
Проста лендінг-сторінка, де користувачі можуть: - Переглядати оптимальне розташування сайту в залежності від розміру екрана пристрою - Бачити стани при наведенні для всіх інтерактивних елементів на сторінці
-
QR Code
HTML та CSS верстанняАдаптивний компонент QR-коду з використанням VSCode та Figma
Завдання полягає в створенні компонента QR-коду та його максимально точному відтворенні відповідно до дизайну. Компонент має бути адаптивним для планшетів і мобільних пристроїв.
… Технології: HTML, CSS
Відгуки та компліменти про виконані проєкти 3
5 грудня 2025
700 UAH
Налаштування Google Workspace
Все дуже швидко та круто! Дякую!
![]()
3 червня 2025
12 429 UAH
Верстка емейл листів для сайту
Вже не в перше працюємо, чудово справився з поставленою задачею. Уважний до деталей.
![]()
27 березня 2025
1245 UAH
Створити email шаблон на базі html макету для outlook (rtf)
Андрію вдалося виконати нелегку задачу, хоча на перший погляд здавалось що нічого складного. Дякую за роботу.
Активність
| Останні ставки 10 | Бюджет | Додано | Терміни | Ставка | |
|---|---|---|---|---|---|
|
Верстка листів в html для емейл розсилки
1123 UAH
|
|||||
|
Налаштування Google Workspace
700 UAH
|
|||||
|
Виправлення верстки сайту
1000 UAH
|
|||||
|
Верстка сайту для B2B бренду
5000 UAH
|
|||||
|
Лендинг для авто в лізинг з калькулятором
7000 UAH
|
|||||
|
Верстка лендингу
2500 UAH
|
|||||
|
Верстка емейл листів для сайту
12 429 UAH
|
|||||
|
Підключити wayforpay оплату на html сайті
999 UAH
|
|||||
|
Проект HTML підпису електронної пошти
1812 UAH
|
|||||
|
Потрібно зробити верстку сторінки
4100 UAH
|