Морські технології2026EN
Pelagion
Автономні морські системи, океанографічні сенсори та місійне ПЗ — одна історія для заліза й софту, що ним керує.
- Сайт
- Продукт
- Залізо + софт
- Галузь
- Морські технології
- Тривалість
- 8 тижнів
- Команда
- 1 дизайнер · 1 інженер
- Платформи
- Маркетинговий сайт · Сторінки продуктів · Технічні специфікації
01
Задача
Pelagion продає залізо, сенсори й софт як одну спроможність — покупцям, які оцінюють кожну з цих речей по-різному. Сайт, побудований за продуктовими лініями, сховав би те, що робить компанію переконливою: що всі три спроєктовані разом.
Аудиторія технічна, а заяви операційні — рішення в морі, в умовах, де хибне показання має наслідки, — тож регістр мав бути тверезим, але не нудним.
- Портфель
- Автономні системи · сенсори · місійне ПЗ
- Аудиторія
- Технічні та операційні покупці
- Заява
- Безпечніші й чіткіші рішення в морі
02
Рішення
Сайт організований за місіями, а не за продуктовими лініями: що саме ви намагаєтесь дізнатись і яка комбінація платформи, сенсора й ПЗ дає відповідь.
Специфікації подані як спроєктована поверхня, а не як PDF — порівнювані, скановані очима й з окремими посиланнями, — бо на цьому ринку таблиця характеристик і є продажним матеріалом.
- Вісь організації
- Місія, а не продуктова лінія
- Специфікації
- Спроєктовані, лінковані, порівнювані
03
Архітектура
- L0СайтСтатичний
- L1Модель продуктівПлатформи · сенсори · ПЗМодель специфікаційПорівнювані поля
- L2Згенеровані сторінкиСервісЗверненняСервіс
- L3Email / CRMЗовнішнє
Зв’язки (6)
- Сайт → Модель продуктів
- Модель продуктів → Модель специфікацій
- Модель продуктів → Згенеровані сторінки
- Модель специфікацій → Згенеровані сторінки
- Згенеровані сторінки → Звернення
- Звернення → Email / CRM
04
UX
Зайти можна з місії, з платформи або з сенсора — і потрапити в той самий узгоджений набір сторінок: зв’язки між сутностями змодельовані, тож навігація ніколи не впирається в глухий кут.
Технічна деталізація прогресивна: спершу операційний підсумок, повна специфікація — за одну взаємодію, і ніколи обидва не б’ються за один екран.
05
UI
Холодно, точно, з високим контрастом; зображення на всю ширину, типографіка щільно навколо них.
Таблиці характеристик використовують табличні цифри й однакові одиниці, тож два продукти можна порівняти оком без конвертера.
06
Розробка
Продукти, сенсори й ПЗ — окремі моделі контенту з явними зв’язками, тож нова платформа автоматично з’являється всюди, де вона доречна.
Повністю статична генерація з оптимізованими зображеннями — сайт насичений фотографією і все одно має вантажитись на судновому з’єднанні.
07
Що він вміє
Навігація за місіями
Вхід через те, що треба дізнатись, а не через продуктову лінію.
Пов’язана модель продуктів
Платформи, сенсори й ПЗ змодельовані як пов’язані сутності.
Спроєктовані специфікації
Порівнювані, скановані й окремо лінковані поверхні характеристик.
Прогресивна деталізація
Спершу операційний підсумок, повна специфікація на вимогу.
Оптимізовані зображення
Насичена фотографія у придатній для завантаження вазі.
08
Інтеграції та стек
Інтеграції
- Маршрутизація звернень в Email / CRM
- Аналітика
Фронтенд
- Next.js
- TypeScript
- Tailwind CSS
- next/image
Платформа
- Статична генерація
- Оптимізація зображень
- CDN
09
Що з цього вийшло
- За місіями
- Вісь організації
- Пов’язана
- Модель сутностей
- Лінковані
- Специфікації
- Статика + оптимізована медіа
- Доставка
Нова платформа розходиться автоматично
Таблиця характеристик і є продажним матеріалом
Залізо, сенсори й ПЗ читаються як одна спроможність — а це і є продукт, який Pelagion насправді продає.
Кожен продукт ми проєктуємо під телефон окремо, а не звужуємо десктопну версію.
Є продукт, який давно час зробити?Розкажіть про нього.
Опишіть, що має змінитися у вашому бізнесі. Ми розберемось, що для цього справді потрібно — навіть якщо потрібно менше, ніж здається.