Матеріали про захист рослин в умовах зміни клімату та форма запитання науковцю-практику. Окремий дизайн і панель керування для проєкту PROGRESS.
IPM Climate Hub Ukraine є освітньою сторінкою про інтегрований захист рослин в умовах зміни клімату. Ми створили лендінг для навчання фермерів у межах проєкту PROGRESS. Він має власний дизайн, шрифти, палітру та меню, окремі від сайту інституту. На одній сторінці зібрано 16 буклетів, 13 презентацій, відомості про кліматичні ризики та демонстраційну ділянку суниці садової сезону 2026. Матеріали можна переглядати на сторінці й завантажувати для подальшого читання. Блок подій містить добірку з новин інституту, яку веде редактор. Фермер може поставити запитання науковцю-практику та додати фото рослини. Нові звернення позначаються в панелі керування. Для команди підготували власну панель із дев’ятьма розділами, де вона веде матеріали, меню й секції сторінки. Блоки можна вмикати та вимикати. Сторінка підтримує дві мови; англійський текст заповнюється кнопкою перекладу й перевіряється редактором. Лендінг опубліковано на домені інституту, з можливістю переїзду на власний піддомен через налаштування. Для друкованих матеріалів підготували QR-код сторінки.
Замовник: Інститут захисту рослин НААН у Києві. Сторінку створили для навчання фермерів у межах PROGRESS за підтримки Уряду Німеччини через GIZ та IKI. Лендінг розмістили поруч із сайтом інституту як окремий продукт із власним брендом і панеллю.
Потрібно було представити IPM Climate Hub Ukraine як окремий бренд поруч із сайтом інституту. Для фермерів слід було зібрати буклети, презентації та відомості про кліматичні ризики в зручному вигляді. Матеріали мали відкриватися на сторінці й завантажуватися. Команді проєкту потрібне власне керування цим вмістом.
Ще одне завдання: приймати запитання науковцю з фото рослини та показувати нові звернення команді. Сторінка мала підтримувати дві мовні версії й дозволяти вмикати та вимикати блоки. Можливість переїзду на власну адресу потрібно було передбачити одразу, без майбутньої перебудови лендінгу.
Лендінг отримав власну палітру, шрифти, меню й оформлення. Вони відрізняють IPM Climate Hub Ukraine від сайту інституту. Матеріали та консультація зібрані на одній сторінці. Фермер переходить між блоками в межах проєкту з окремим брендом.
1 / 8На сторінці зібрано 16 буклетів і 13 презентацій. Матеріали відкриваються у вбудованому переглядачі та доступні для завантаження. Фермер може спочатку переглянути потрібний матеріал, а потім зберегти його. Редактор веде буклети та презентації в панелі.
2 / 8Окремі блоки присвячено кліматичним ризикам і демонстраційній ділянці. На ділянці представлено суницю садову сезону 2026. Ці відомості розміщені поруч із навчальними матеріалами про захист рослин. Фермер бачить тему проєкту та приклад ділянки на тій самій сторінці.
3 / 8Блок подій містить добірку з 10 матеріалів із новин інституту. Редактор обирає та веде цю добірку для проєкту. Новини інституту стають джерелом подій без окремого повторного наповнення. Відвідувач читає потрібні проєкту матеріали на лендінгу.
4 / 8Фермер описує проблему у формі запитання науковцю-практику. До звернення можна додати фото рослини, щоб показати її стан. Заявка надходить у панель із позначкою нової. На сторінці вказано строк відповіді: 2–3 робочі дні.
5 / 8Для проєкту є окрема панель із 9 розділами. У ній команда веде налаштування, секції, меню, матеріали, події та консультації. Блоки сторінки можна вмикати й вимикати. Редактор змінює склад лендінгу незалежно від вмісту сайту інституту.
6 / 8Сторінка підтримує українську та англійську версії. Редактор пише українською, натискає переклад і перевіряє отримані англійські поля перед публікацією. Форматування й посилання зберігаються; кнопка є на 24 екранах обох панелей, порожній переклад має попередження. Для перенесених матеріалів передбачено масове заповнення з попереднім переглядом, яке використали для сайту інституту.
7 / 8Переїзд на власний піддомен передбачено через зміну налаштування. Команді не потрібно перебудовувати сторінку для цієї зміни. Для друкованих матеріалів підготували QR-код сторінки в чотирьох форматах. Людина сканує його на буклеті та відкриває лендінг із матеріалами й консультацією.
8 / 8Лендінг отримав власну палітру, шрифти, меню й оформлення. Вони відрізняють IPM Climate Hub Ukraine від сайту інституту. Матеріали та консультація зібрані на одній сторінці. Фермер переходить між блоками в межах проєкту з окремим брендом.
На сторінці зібрано 16 буклетів і 13 презентацій. Матеріали відкриваються у вбудованому переглядачі та доступні для завантаження. Фермер може спочатку переглянути потрібний матеріал, а потім зберегти його. Редактор веде буклети та презентації в панелі.
Окремі блоки присвячено кліматичним ризикам і демонстраційній ділянці. На ділянці представлено суницю садову сезону 2026. Ці відомості розміщені поруч із навчальними матеріалами про захист рослин. Фермер бачить тему проєкту та приклад ділянки на тій самій сторінці.
Блок подій містить добірку з 10 матеріалів із новин інституту. Редактор обирає та веде цю добірку для проєкту. Новини інституту стають джерелом подій без окремого повторного наповнення. Відвідувач читає потрібні проєкту матеріали на лендінгу.
Фермер описує проблему у формі запитання науковцю-практику. До звернення можна додати фото рослини, щоб показати її стан. Заявка надходить у панель із позначкою нової. На сторінці вказано строк відповіді: 2–3 робочі дні.
Для проєкту є окрема панель із 9 розділами. У ній команда веде налаштування, секції, меню, матеріали, події та консультації. Блоки сторінки можна вмикати й вимикати. Редактор змінює склад лендінгу незалежно від вмісту сайту інституту.
Сторінка підтримує українську та англійську версії. Редактор пише українською, натискає переклад і перевіряє отримані англійські поля перед публікацією. Форматування й посилання зберігаються; кнопка є на 24 екранах обох панелей, порожній переклад має попередження. Для перенесених матеріалів передбачено масове заповнення з попереднім переглядом, яке використали для сайту інституту.
Переїзд на власний піддомен передбачено через зміну налаштування. Команді не потрібно перебудовувати сторінку для цієї зміни. Для друкованих матеріалів підготували QR-код сторінки в чотирьох форматах. Людина сканує його на буклеті та відкриває лендінг із матеріалами й консультацією.
Договір уклали в липні 2026 року. Звіт опубліковано в Prozorro як пряму закупівлю без тендера.
Створили окремий дизайн і зверстали лендінг. Палітра, шрифти та меню відрізняються від сайту інституту.
Додали буклети, презентації, події та форму консультації. Для команди підготували власну панель керування секціями й матеріалами.
Сторінку опублікували на домені інституту. Можливість переїзду на власний піддомен залишили в налаштуваннях.
Натисніть на зображення, щоб збільшити.
Laravel · Blade · SQLite
Filament v5 · 9 розділів
Автоматичне стиснення та WebP.
PHP-хостинг замовника, без Node на сервері.
Замовник отримав окремий освітній лендінг із буклетами, презентаціями, подіями та формою консультації. Його опубліковано на домені інституту. Фермер може переглядати матеріали, завантажувати їх і надсилати запитання з фото рослини.
Команда веде сторінку у власній панелі: оновлює матеріали, добирає події та змінює склад блоків. Англійську версію команда заповнює кнопкою перекладу й перевіряє перед публікацією. Переїзд на власний піддомен передбачено налаштуванням, а для друку підготовлено QR-код сторінки.
У цьому проєкті є опис, буклети, презентації, кліматичні ризики, демонстраційна ділянка, події та консультація. Усе зібрано на одній сторінці.
На сторінці є форма для опису проблеми та фото рослини. Звернення надходить у панель; на сторінці зазначено відповідь протягом 2–3 робочих днів.
Так. У власній панелі команда веде буклети, презентації, події, меню та секції. Блоки можна вмикати й вимикати.
Так. Для цього проєкту переїзд на власний піддомен передбачено через зміну налаштування без переробки сторінки.
Так. Готуємо договір, технічне завдання, рахунок і акт, а закупівлю оформлюємо через Prozorro. Так оформлено цю роботу: договір з інститутом укладено в липні 2026 року, звіт опубліковано в Prozorro як пряму закупівлю без тендера.
Редактор пише українською та натискає кнопку перекладу: англійські поля заповнюються автоматично. Наприклад, менеджер створює новину й отримує її англійський текст після натискання. Форматування зберігається, посилання не змінюються. Перед публікацією редактор перевіряє й править переклад; порожні поля позначено попередженням.
Розкажіть про матеріали, структуру й роботу редакторів. Обговоримо, що потрібно вашому сайту.
Багатосторінковий сайт для представлення бізнесу
Онлайн-магазин з каталогом, кошиком та оплатою
Виправлення, зміни, нові функції та обслуговування сайтів
Технічна, SEO та UX-перевірка сайту перед доопрацюванням
Сайт-візитка чи корпоративний сайт, що обрати? Порівняльна таблиця, 5 ознак, що візитки вже замало. Чесний розбір від студії з 8-річним досвідом розробки.…
Читати статтю →