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

Задача

Сайт на 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-тарифами
• Кабінет: баланс, тариф, платежі, трафік, заявки і заморозка на одному екрані
• JSON-LD для товарів і організації, OG, sitemap на 87 URL, self-hosted шрифти
• Деплой на Apache клієнта через .htaccess: 301, gzip, кешування, 404

Клієнт

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

Роль

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

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

Задача

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

Рішення

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

Що зроблено

• Міграція 545 об’єктів і 402 контактів зі старої CRM з виправленням даних
• AI-асистент брокера у Telegram: об’єкт із голосу, чернетки повідомлень, підказки по воронці
• 8 ролей доступу, маскування та шифрування телефонів власників, rate limit на розкриття
• Брендована сторінка-презентація для кожного об’єкта, вотермарки на фото
• Клієнтський Mini App: список, карта, каскадні фільтри, картка об’єкта, темна тема
• Канбан лідів, калькулятор комісії та податків, імпорт з OLX, реактивація лідів

Клієнт

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

Роль

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

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

Задача

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

Рішення

Провів 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 з валідацією

Клієнт

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

Роль

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

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

Задача

Три напрямки бізнесу (обіди, кейтеринг, оренда локацій) потребували одного зрозумілого сайту, де замовлення оформлюється за хвилини без дзвінка.

Рішення

Astro + Tailwind, окрема сторінка на кожен напрямок, конструктор фуршетного меню з розрахунком на гостя і формою замовлення через серверний API, Schema.org FoodEstablishment для локального пошуку.

Що зроблено

• Сторінки: доставка обідів, кейтеринг, оренда локацій
• Конструктор фуршету: норма на гостя, розрахунок, замовлення за 15 хвилин
• Форма замовлення через серверний ендпоінт із захистом від спаму
• Меню місяця з PDF, графік доставки, умови оплати
• Schema.org, OG, мобільна навігація, канонічні адреси

Клієнт

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

Роль

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

• Astro
• Tailwind CSS
• TypeScript
• Server API
• Schema.org