• Побудував сайт на Webflow
• Реалізував слайдери Swiper.js для медіа-секцій/галереї
• Створив форму бронювання на Formspark, підключену через Telegram-бота для миттєвих сповіщень, із захистом від спаму Botpoison
• Локалізував сайт українською та англійською мовами
• Налаштував SEO на сторінці (meta title, description) для обох мовних версій

Figma • Adobe Photoshop • Webflow • Swiper.js • Custom JS • Formspark • Zapier • Botpoison

• Побудував сайт за допомогою Claude AI, згенерувавши повну структуру HTML/CSS/JS на основі дизайну з Figma
• Скрол-анімації переходів між сценами маршруту з багатошаровими зображеннями (фон + передній план)
• Живий лічильник дистанції та висоти, прив'язаний до прогресу скролу
• Галерея портфоліо з 10 робіт і списком локацій та висот
• Контактна форма у фінальній сцені «на вершині»
• Повна адаптація під усі пристрої, деплой на Vercel

Figma • Google Labs • Claude AI • HTML • CSS • Custom JS • Vercel

• Побудував сайт за допомогою Claude AI, згенерувавши повну структуру HTML/CSS/JS на основі затвердженого дизайну
• Доопрацював верстку, анімації та виправив баги за допомогою Cursor
• Повна адаптація під усі пристрої
• Односторінкова структура з SEO на сторінці (meta title, description, Open Graph)

Figma • Pinterest & Dribbble (reference research) • Claude AI • Cursor • Nano Banana • Google AI Studio • Leonardo AI

• Побудував сайт на Webflow
• Реалізація карткового слайдера на Swiper.js
• Вручну обробив і відретушував усі фотографії — додав ефекти диму/серпанку та інші візуальні прийоми для відповідності настрою бренду
• Обробка форм через Formspark із захистом від спаму Botpoison
• Адаптивна верстка, оптимізована за принципом mobile-first, оскільки значна частина цільової аудиторії переглядає сайт із телефону
• Налаштував SEO на сторінці (meta title, description)

Figma • Adobe Photoshop • Webflow • Swiper.js • Custom JS • Formspark • Botpoison

• Побудував сайт на Webflow
• Перейшов на WordPress через Udesly для повної інтеграції з WooCommerce
• Значний обсяг доопрацювань після конвертації — виправлення верстки, стилів і функціоналу, що зламалися або змістилися під час переходу з Webflow на WordPress, для відповідності оригінальному дизайну та поведінці
• Система підписок і членства (WooCommerce Subscriptions + Memberships)
• Онлайн-оплати через Monobank з підтримкою регулярних платежів
• Кастомний особистий кабінет користувача, пошук відео та фільтрація за категорією й рівнем складності
• Розширив функціонал плагінів кастомними PHP-сніпетами — гнучкі зміни логіки WooCommerce, які зберігаються після оновлень плагінів
• Налаштував SEO на сторінці (meta title, description)

Figma • Webflow • Webflow CMS • Udesly (Webflow → WordPress conversion) • WordPress • PHP (custom snippets) • WooCommerce • WooCommerce Subscriptions • WooCommerce Memberships • Monobank (recurring payments integration) • Splide.js (video slider) • Custom JS (search & category/difficulty filtering) • Hostinger (hosting) • LiteSpeed Cache

• Побудував сайт на Webflow
• Реалізував вкладені слайдери Swiper.js — слайдер портфоліо, що містить окремі до/після слайдери всередині кожного кейсу
• Створив автоматичне перемикання вкладок категорій, синхронізоване з контентом слайдера
• Налаштував мобільні слайдери з автопрогравання та індикатором прогресу для плавнішого перегляду на маленьких екранах
• Налаштував форму бронювання на Formspark із захистом від спаму Botpoison
• Налаштував SEO на сторінці (meta title, description та Open Graph теги)

Figma • Webflow • Swiper.js • Custom JS • Formspark • Botpoison

• Спроєктував і побудував основний сайт на Webflow
• Постійна підтримка та додавання нових функцій у міру розвитку діяльності фонду
• Спроєктував і побудував окремі лендинги для збору коштів під конкретні кампанії:
• HMMWV Support — кампанія зі збору коштів на броньовані пікапи для бригади «Азов»
• CrafAdvisor — регулярна ініціатива підтримки військових на основі кавових зборів
• CrafEvac — автомобілі медичної евакуації для бойових бригад
• Deathtroyer — сторінка збору коштів на масове виробництво FPV-дронів із кастомним JS-калькулятором кількості, що перераховує загальну вартість у реальному часі
• Налаштував SEO на сторінці (meta title, description)

Figma • Adobe Photoshop • Webflow • Webflow CMS • Swiper.js • Custom JS

• Побудував сайт на Webflow
• Налаштував бібліотеку відео на CMS із фільтром за рівнем складності
• Реалізував слайдери Swiper.js
• Перейшов на WordPress через Udesly для повної інтеграції з WooCommerce
• Створив форму запису на персональні тренування, підключену до Formspark, із Zapier-інтеграцією, що надсилає заявки в Telegram-бота
• Захистив форму від спаму за допомогою Cloudflare Turnstile
• Онлайн-оплати через Monobank
• Розширив функціонал плагінів кастомними PHP-сніпетами для гнучкого налаштування WooCommerce
• Налаштував SEO на сторінці (meta title, description)

Figma • Webflow • Webflow CMS • Udesly (Webflow → WordPress conversion) • WordPress • PHP (custom snippets) • WooCommerce • WooCommerce Memberships • Plata by Mono • Swiper.js • Custom JS • Formspark • Zapier • Cloudflare Turnstile • Hostinger (hosting) • LiteSpeed Cache

• Побудував сайт на Webflow
• Реалізував анімований лічильник підготовлених учасників (військові/цивільні)
• Структурував декілька детальних сторінок/секцій курсів (опис програми, вимоги, інструктори, вартість) в межах односторінкового макета
• Локалізував сайт українською та англійською мовами
• Налаштував SEO на сторінці (meta title, description)

Figma • Webflow