Bio Controler

Управління тепличними комплексами та автоматизація вуликів

WEB
Bio Controler
Роль: Product DesignerПлатформа: B2B вебплатформаНапрям роботи: Продуктова структура, UX/UI, сценарії, супровід розробки

Bio Controler: операційна система для тепличних комплексів. Вона поєднувала просторову модель господарства, розміщення культур, регулярні обстеження, контроль шкідників і ентомофагів, внесення препаратів та довідкові дані в одному робочому контексті.

Я проєктував інтерфейси й наскрізні сценарії, узгоджував логіку з предметною областю та контролював реалізацію разом із командою розробки. Окремим напрямом став B-Control, інтерфейс для керування підключеними вуликами та аналізу активності джмелів у межах тієї самої продуктової екосистеми.

Операційна модель

Від карти теплиці до перевіреного впливу

Система зберігає зв’язок між місцем, культурою, спостереженням і дією. Так окрема знахідка під час обстеження стає частиною історії конкретної зони, а результат впливу можна оцінити під час наступного циклу моніторингу.

  1. 01

    Налаштувати

    Комплекси, блоки, теплиці та комірки

  2. 02

    Розмістити

    Культури, сорти, обороти й відповідальні

  3. 03

    Обстежити

    Регулярний огляд за сталою просторовою схемою

  4. 04

    Розпізнати

    Шкідники, ентомофаги й динаміка поширення

  5. 05

    Вплинути

    Біологічні та хімічні заходи з параметрами

  6. 06

    Перевірити

    Порівняння періодів і результату втручання

01 · Побудувати просторову модель

Перетворити реальний комплекс на робочу карту

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

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

Конфігуратор теплиці: призначення культури, сорту й відповідального для вибраної зони

Масштабована ієрархія

Одна модель працює і для невеликої теплиці, і для комплексу з багатьма блоками.

Простір як навігація

Користувач працює з тією самою картою під час налаштування, обстеження та аналізу.

Без втрати контексту

Параметри вибраної зони відкриваються поруч, не закриваючи її положення на схемі.

02 · Побачити зміну в часі

Зробити обстеження порівнюваними

Біомоніторинг є повторюваним процесом, а не одиничним звітом. Команда оглядає ті самі зони за календарем, відмічає шкідників і корисних організмів та спостерігає, як осередок змінюється від тижня до тижня.

Стабільна карта створює спільну систему координат, а часовий зріз додає динаміку. Користувач може перейти від загального періоду до конкретної ділянки й побачити не лише поточний стан, а траєкторію проблеми.

Моніторинг: щільність павутинного кліща по комірках і поширення осередку з 9-го по 11-й тиждень
03 · Перейти від сигналу до дії

Пов’язати причину, вплив і відповідальність

Коли моніторинг показує проблему, наступна дія має залишатися прив’язаною до місця й причини. Запис внесення об’єднує дату, виконавця, препарат або біологічний агент, концентрацію, кількість води, спосіб застосування та вибрані зони.

Така структура допомагає команді відновити контекст рішення: що саме виявили, де виконали обробку, які параметри використали й що потрібно перевірити під час наступного обстеження. Вплив стає частиною операційної історії, а не окремим записом у таблиці.

Внесення: цільова зона з моніторингу, параметри препарату, історія зони та запланована повторна перевірка
04 · Дати команді спільну мову

Перетворити довідники на частину рішення

Каталоги шкідників, ентомофагів, культур, сортів, препаратів і виробників підтримують основні сценарії продукту. Вони потрібні не як окрема енциклопедія, а як структуроване джерело даних для обстежень і внесень.

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

Довідник: каталог шкідників і картка павутинного кліща з порогами шкідливості та сумісними методами контролю
05 · Підключити фізичний об’єкт

Керувати запиленням як вимірюваною операцією

B-Control розширив продукт від ручного введення спостережень до роботи з підключеними пристроями. Інтерфейс давав змогу об’єднувати вулики в групи, призначати автоматичні розклади відкриття й закриття, керувати ними вручну та контролювати стан пристроїв.

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

Сторінка B-Control на Agrolabs ↗
B-Control: активність джмелів, розклад відкриття груп вуликів, винятки та стан пристроїв

Проєктування операційної системи, а не набору форм

Складність Bio Controler виникає на перетині простору, часу, біологічних даних і фізичних пристроїв. Щоб система залишалася керованою, інтерфейс спирається на чотири принципи.

01

Місце перед записом

Кожне спостереження й кожна дія мають конкретну просторову прив’язку.

02

Динаміка перед знімком

Окреме значення стає корисним лише в порівнянні з попереднім періодом.

03

Дія поруч із сигналом

Від проблемної зони можна перейти до впливу без повторного пошуку контексту.

04

Винятки перед рутиною

Увага оператора спрямована на осередки, збої розкладу й нетипову активність.

Дизайн-система

Одна мова для простору, біології та втручань

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

Темні нейтральні поверхні тримають операційну щільність. Кольори культур описують розподіл площі, кольори операцій — втручання, а статусні кольори — терміновість, тому один відтінок не відповідає на два різні питання.

Операційні поверхніП’ять холодних сірих рівнів розділяють застосунок, робочу область, картки, шухляди й обрані об’єкти без важких тіней.
  • slate.950#252a31Фон застосунку
  • slate.900#2c3139Робоча область
  • slate.850#30363fВкладена панель
  • slate.800#353b44Картка, бічна панель
  • slate.750#3f4650Шухляда, popover
  • slate.700#444b55Обране, не призначено

Прозорість білого

  • white.100
  • white.72
  • white.50
  • white.35
  • white.10
  • white.06

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

Семантичні токениЕкрани використовують ролі, а не hex-значення.

Фон і поверхні

  • color.background.appslate.950
  • color.surface.workspaceslate.900
  • color.surface.primaryslate.800
  • color.surface.elevatedslate.750
  • color.surface.selectedslate.700

Текст і межі

  • color.text.primarywhite.100
  • color.text.secondarywhite.72
  • color.text.mutedwhite.50
  • color.border.defaultwhite.10
  • color.border.subtlewhite.06

Дії й статуси

  • color.action.primarygreen.400
  • color.status.successgreen.300
  • color.status.warningamber.400
  • color.status.criticalred.400
  • color.status.infoblue.400

Фокус і вибір

  • color.focus.ringgreen.400
  • color.selection.softgreen.16
  • color.info.softblue.08
Доменні колірні шкалиРозподіл культур, тип втручання й терміновість — незалежні шкали. Їхні кольори не взаємозамінні.

Розподіл культур

  • Томат#ef8064
  • Солодкий перець#f0c060
  • Огірок#8fca62
  • Не призначено#444b55

Спостереження й втручання

  • Біологічна
  • Хімічна
  • Спостереження шкідника
  • Огляд

Операційний статус

  • Норма
  • Потребує уваги
  • Критично
  • Інформація

Як оцінювати цінність продукту

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

Для B-Control до цієї моделі додаються надійність виконання розкладів, доступність пристроїв і час реакції на аномальну активність. Конкретні значення варто показувати лише після перевірки аналітики на реальних даних.

  1. 01Комплекс налаштовано
  2. 02Обстеження виконано
  3. 03Ризик виявлено
  4. 04Вплив зафіксовано
  5. 05Результат перевірено

Що демонструє цей кейс

Bio Controler демонструє проєктування масштабної B2B-системи, де просторова модель, біологічні спостереження, операційні дії, довідкові дані та IoT-пристрої мають працювати як єдине ціле.

Ключова дизайнерська задача полягала не в оновленні окремих екранів, а у створенні зрозумілих сценаріїв для складного домену та супроводі цих рішень до реалізації командою розробки.