Складне всередині. Просте у досвіді.

Задача

Сайт на Wix був повільним, не давав контролю над SEO і структурою, частина фото втрачалася при кожній зміні, а кожен новий послід власниця додавала руками через конструктор.

Рішення

Спроєктував і зібрав сайт на Astro SSR з файловим контентом, власною адмін-панеллю та автоматичною обробкою фото. Переніс 695 фотографій і всі старі адреси з 301-редиректами, підключив ліди й аналітику в Telegram.

Що зроблено

• 20+ маршрутів: коти, посліди, картки кошенят, випускники, блог, калькулятор вагітності, таблиця ваги
• Адмінка: новий послід за 5 хвилин без деплою, фото з drag-and-drop і вибором обкладинки
• Лід із будь-якої картки кошеняти летить у Telegram із посиланням на кошеня
• Вбудована аналітика без сторонніх трекерів і щоденний звіт у Telegram
• Три мови з hreflang, Schema.org LocalBusiness і FAQ, sitemap на 162 URL
• Docker + Caddy на VPS клієнта, WebP генерується автоматично

Клієнт

UkrFenix, розплідник мейн-кунів, Київ

Роль

Повний цикл: аудит, дизайн, розробка, міграція, деплой

• Astro 5
• TypeScript
• Node.js
• Sharp
• Docker
• Caddy
• Telegram Bot API

Задача

50 застарілих сторінок на старій CMS, порожні картки обладнання, без каталогу й кошика. Кабінет абонента на стандартному скіні Ubilling: окрема сторінка на кожну дію, нечитабельно з телефона.

Рішення

Зібрав нову статичну платформу з власним білд-пайплайном, зберіг усі URL для SEO, додав каталог, кошик, порівняння та пошук із підказками. Кабінет Ubilling перескінив і зібрав дашборд одним екраном, не торкаючись бекенду: скін можна повернути одним перемикачем.

Що зроблено

• 50 сторінок перенесено 1:1 зі збереженням адрес, 5 порожніх карток отримали контент
• Каталог: 50 товарів у 6 категоріях, картки, кошик, порівняння, бонуси, комбо-набори
• Мега-меню, пошук із підказками, сторінка для бізнесу з B2B-тарифами
• Конструктор тарифу на головній і перемикач тарифів на 6 сторінках: ціна рахується одразу
• Синхронізація з постачальником: ціни, наявність і фото 31 позиції підтягуються автоматично
• Друга ітерація головної: висота сторінки на телефоні скорочена майже вдвічі (16 477 → 8 833 px)
• Кабінет: баланс, тариф, платежі, трафік, заявки і заморозка на одному екрані
• JSON-LD для товарів і організації, OG, sitemap на 87 URL, self-hosted шрифти
• Деплой на Apache клієнта через .htaccess: 301, gzip, кешування, 404; заявки з форм летять у Telegram і на пошту

Клієнт

Lcom, інтернет-провайдер і магазин обладнання, Київ

Роль

Аудит, дизайн, розробка, e-commerce, інтеграція з білінгом

• HTML / CSS
• Vanilla JS
• Node.js build
• JSON-LD
• Ubilling
• Apache
• Python deploy

Задача

Сайт на WordPress з дизайном десятирічної давності: стокові банери, тарифи важко порівняти, на телефоні незручно, а кабінет абонента на стандартному скіні Ubilling. Водночас 35 новин і акцій мали зберегти свої адреси й позиції в пошуку.

Рішення

Запропонував чотири концепції, з фінальної зібрав статичний сайт на Astro з GSAP і three.js. Увесь контент переніс зі старих URL, налаштував редиректи для nginx і Apache, форму заявок у Telegram і на пошту. Окремо перескінив кабінет Ubilling під новий бренд, не чіпаючи бекенд.

Що зроблено

• 4 дизайн-концепції («Сигнал», «Lightline», «Instrument», фінальна) і бренд-кіт з логотипом і шрифтом
• Тарифний регулятор, пакети ТБ, сторінки для бізнесу, оплати, підтримки з FAQ і Schema.org
• 35 новин і акцій перенесено за старими адресами, 137 файлів медіа, редиректи для категорій і пагінації
• Переходи між сторінками з анімацією «Імпульс», reduced-motion, друк, 404 з анімованим знаком
• Заявки з будь-якої кнопки тарифу в Telegram і на пошту, з типом підключення
• Новий скін кабінету абонента: дашборд, вхід, модулі оплати і MEGOGO, мобільна версія

Клієнт

Etherlink, інтернет-провайдер і IPTV, Київ

Роль

Концепції, дизайн, розробка, міграція з WordPress, скін кабінету

• Astro
• GSAP
• Lenis
• three.js
• TypeScript
• PHP lead API
• Ubilling
• nginx / Apache

Задача

Агенція працювала в орендованій CRM без контролю над базою: телефони власників лежали у відкритому доступі, презентації об’єктів робилися руками, публікація на майданчики забирала години, а звільнений брокер міг забрати клієнтів із собою.

Рішення

Зібрав платформу на Krayin CRM і n8n: 39 воркфлоу, AI-асистент, який створює об’єкт із голосового повідомлення, шифровані телефони власників із лімітом на розкриття, автоматичні брендовані презентації та клієнтський Mini App із картою і фільтрами. Дані з попередньої CRM мігровано повністю.

Що зроблено

• Міграція 545 об’єктів і 402 контактів зі старої CRM з виправленням даних
• AI-асистент брокера у Telegram: об’єкт із голосу, чернетки повідомлень, підказки по воронці
• 8 ролей доступу, маскування та шифрування телефонів власників, rate limit на розкриття
• Брендована сторінка-презентація для кожного об’єкта, вотермарки на фото
• Клієнтський Mini App: список, карта, каскадні фільтри, картка об’єкта, темна тема
• Канбан лідів, калькулятор комісії та податків, реактивація лідів, масові дії на дошці
• Публікація на OLX з акаунтів кожного брокера, імпорт об’єкта за посиланням з OLX, rieltor і DOM.RIA
• Ринкова аналітика DOM.RIA: медіана ціни за м² проти конкурентів, щотижневий знімок, фільтр дублікатів (212 → 58 оголошень)
• Ребрендинг Valmont → Empire Group без простою: нові боти, профілі й аватари, QR-гайд для маркетингу

Клієнт

Власний продукт · перший клієнт Empire Group (раніше Valmont), агенція нерухомості, Київ

Роль

Продукт, архітектура, CRM, n8n, Mini App, міграція даних

• Krayin CRM
• Laravel
• MySQL
• Redis
• n8n
• Google Gemini
• Groq
• Telegram Mini App
• Docker
• Caddy

Задача

Сайту не було: лише брендбук, PDF-меню обідів і фуршету та фото з телефона. Три напрямки бізнесу (обіди, кейтеринг, оренда локацій) приймали замовлення дзвінками, а меню обідів змінюється щотижня.

Рішення

Astro + Tailwind з нуля за брендбуком: сторінка на кожен напрямок, конструктор фуршету з 51 позиції, замовлення через серверний API в Telegram і на пошту. Потім додав адмінку, де власниця сама збирає меню тижня, і оптимізував швидкість для мобільних.

Що зроблено

• Сторінки: доставка обідів, кейтеринг, оренда 4 локацій з галереями
• Конструктор фуршету: 51 позиція у 5 категоріях, пошук, лічильники порцій, «розділити на гостей»
• Замовлення в Telegram двом отримувачам і HTML-лист: honeypot, rate limit, серверна валідація
• Адмінка меню: 10 слотів обідів, бібліотека сетів, drag-and-drop, готові меню в один клік, історія 30 версій
• Захист адмінки: підписаний вхід, захист від перебору, 409 при редагуванні з двох пристроїв
• SEO і швидкість: Schema.org Menu і години роботи, WebP у 3 розмірах, сторінки легші у 2–4 рази, GA4

Клієнт

ЇЖНО, доставка обідів, кейтеринг і оренда локацій, Київ

Роль

Дизайн, розробка, адмінка, SEO, деплой і підтримка

• Astro
• Tailwind CSS
• TypeScript
• Node.js
• SortableJS
• Nodemailer
• Telegram Bot API
• Nginx
• GA4

Задача

Чинний сайт не показував продукт: стокове фото замість екранів платформи, чотири конкуруючі заклики до дії, без соціальних доказів, з порушеннями контрасту та ієрархії. Про що саме платформа, відвідувач розумів лише з тексту.

Рішення

Провів 10-пунктний UX-аудит, запропонував три концепції головної та рекомендував гібрид. Зібрав дизайн-систему як React-бібліотеку з 28 компонентів і робочий прототип зі scrollytelling, інтерактивним ROI-калькулятором і трьома мовами.

Що зроблено

• Три концепції головної: premium, інтерактивна з даними, чистий enterprise
• Дизайн-система: токени, 28 компонентів, типи, автоматичні скриншоти варіантів
• Scrollytelling із закріпленими екранами платформи та бенто-сіткою модулів
• Інтерактивний ROI-калькулятор і перемикач cloud / on-prem
• Runtime i18n EN / UA / PL без перезавантаження сторінки
• Сторінки Platform, Company, FAQ зі schema.org, Contact і Demo з валідацією
• Друга ітерація дизайну: темна тема, мапа офісу на d3, нова сторінка блогу

Клієнт

Spacefy AI, B2B SaaS для рітейлу, Польща

Роль

UX-аудит, концепції, дизайн-система, прототип, i18n

• HTML / CSS / JS
• React
• TypeScript
• esbuild
• Python tooling
• Playwright
• Claude Design