Стало
Було
↔
Кейс
Багатомовний редизайн вебсайту
Повне цифрове оновлення Constant Agro: інфраструктура на Cloudflare, багатомовна архітектура, кастомна Payload CMS, інтегровані email-процеси, надійний збір заявок та преміальна міжнародна дизайн-система.
Веброзробка
Cloudflare
Payload CMS
Локалізація
Міграція
Інформація про клієнта
Галузь
B2BЛокація
УкраїнаТип проєкту
Редизайн сайтуФокус
CMS • Локалізація • CloudflareОгляд проєкту
Від застарілого WordPress-сайту до сучасної багатомовної платформи
Існуючий сайт став радше обмеженням, ніж бізнес-активом. Побудований на застарілій основі WordPress, він мав проблеми з юзабіліті, несправний функціонал, обмежені можливості керування контентом та візуальну айдентику, яка більше не відповідала позиції компанії на ринку. Мобільна версія також була погано оптимізована, що створювало труднощі для користувачів на невеликих екранах і ускладнювало доступ до важливої інформації.
Щоб вирішити ці проблеми, ми повністю перебудували платформу: перенесли інфраструктуру на Cloudflare, впровадили кастомну Payload CMS, створили багатомовну архітектуру, інтегрували процеси обробки заявок через email та сформували сучасний цифровий досвід, що відповідає міжнародним амбіціям Constant Agro.
Трансформація
Ключові покращення
Було
Застарілий WordPress
→
Стало
Кастомний Payload CMS
Сучасна система керування контентом, адаптована під робочі процеси клієнта.
Було
Одна мова
→
Стало
Англійська + Українська
Багатомовна архітектура для міжнародної аудиторії.
Було
Несправні форми
→
Стало
Система роботи з лідами
Надійна доставка заявок та email-сповіщення.
Було
Слабкий Mobile UX
→
Стало
Адаптивна платформа
Єдиний досвід на смартфонах, планшетах та комп’ютерах.
Дизайн сайту
Основи дизайн-системи
Тепла аграрна палітра, глибокий темно-синій контраст, типографіка Manrope, м’які поверхні, округлі компоненти та преміальна B2B-візуальна мова.
Палітра
Основний
Текст
Зелений
Фон
Поверхня
Акцент
Типографіка
Manrope
Сучасний геометричний гротеск, обраний за читабельність, зрозумілість та якісну підтримку англійської й української мов.
200400600800
Мова інтерфейсу
Стратегія міжнародного ринку
Основна дія
Додаткова дія
✦
Преміальна контентна картка
М’які поверхні, теплий контраст і спокійна B2B-ієрархія.
Аграрна візуалізація
Теплі зображення формують довіру.
Преміальний B2B
Чистий та впевнений образ бренду.
Темно-синій контраст
Сильна візуальна основа.
Чистий ритм інтерфейсу
Послідовні відступи та логічний потік.
Еволюція дизайну
Від застарілого сайту до сучасного цифрового досвіду
Кожен ключовий розділ сайту був повністю переосмислений. Оновлення принесло сучасну візуальну мову, кращу ієрархію контенту, покращену зручність використання, багатомовність та адаптивний досвід для міжнародної аудиторії.
01
Оновлені макети
Усі ключові розділи були створені заново.
02
Краща читабельність
Оновлена типографіка та відступи зробили контент легшим для сприйняття.
03
Єдина дизайн-система
Послідовні патерни замінили хаотичні дизайнерські рішення.
04
Преміальна презентація
Новий інтерфейс краще відображає позицію компанії на ринку.
Мобільний досвід
Створено для найважливішого екрана
Мобільний трафік часто є першою взаємодією з брендом. Новий hero-блок створює більше довіри, чіткіше повідомлення та преміальніше перше враження.
Пошук послуг було перебудовано навколо чіткої візуальної ієрархії та швидшої навігації, щоб відвідувачі легше розуміли пропозиції компанії.
Сценарії генерації лідів були спрощені, щоб зменшити тертя та зробити контактні дії доступнішими на всіх розмірах екранів.
Оновлений футер дає зрозумілішу навігацію, інформацію про компанію та сильніші сигнали довіри, зберігаючи візуальну послідовність.
Технічна основа
Сучасна архітектураза оновленням платформи
Оновлення не обмежувалося лише візуальним редизайном. Застарілу WordPress-структуру було замінено сучасним застосунком на Next.js, перенесено на інфраструктуру Cloudflare, поєднано з існуючим середовищем cPanel та підключено до кастомної Payload CMS, побудованої навколо реальної структури контенту сайту.
Шлях міграції
Legacy CMSWordPress→Next.js Application
ІнфраструктураТрадиційний хостинг→Cloudflare
RuntimeОбмеження shared-хостингу→Cloudflare Workers
Редагування контентуТипова адмін-панель→Кастомна Payload CMS
МовиОдна→Локалізація через next-intl
Hosting BridgeІснуючий cPanel→Інтегрований workflow
cPanel інтегровано, а не видалено
Існуюче середовище cPanel було збережене там, де воно продовжувало підтримувати бізнес-процеси, включно з email-інфраструктурою та керуванням хостингом.
Адмін-панель Payload CMSТехнологічний стек
Frontend
Next.js
Інфраструктура
Cloudflare
Runtime
Workers
CMS
Payload
Локалізація
next-intl
Email-процеси
Інтеграція з cPanel
Фінальна платформа тепер має сучасний runtime, структуроване керування контентом, багатомовну маршрутизацію, доставку через Cloudflare та технічну основу, придатну для довгострокового B2B-зростання.
Результат проєкту
Сайт, перебудованийу сучасну B2Bплатформу
Проєкт перетворив застарілий WordPress-сайт на сучасну багатомовну платформу з інфраструктурою Cloudflare, кастомною Payload CMS та масштабованою контентною архітектурою.
Було модернізовано кожен рівень взаємодії — від дизайн-системи та мобільного досвіду до локалізації, керування контентом та генерації лідів.
У результаті компанія отримала швидшу, простішу в управлінні платформу, яка краще відповідає її позиції на міжнародному ринку та створює надійну основу для подальшого розвитку.
ГОТОВІ ДО ВЛАСНОЇ ТРАНСФОРМАЦІЇ?
Від застарілого сайту
до сучасної бізнес-платформи
Ми допомагаємо компаніям перейти від застарілих сайтів до сучасної цифрової інфраструктури. Від дизайн-систем та багатомовних рішень до кастомних CMS, Cloudflare та контентних процесів — усе будується навколо довгострокових бізнес-цілей.
✦Редизайн сайтів
✦Архітектура Cloudflare
✦Розробка кастомних CMS
✦Багатомовні платформи
Хочете переглянути повний розбір проєкту?Завантажити PDF кейсу