Перейти к содержимому
Silka

Морские технологии2026EN

Pelagion

Автономные морские системы, океанографические сенсоры и миссионное ПО — одна история для железа и софта, который им управляет.

Открыть живой сайт
  • Сайт
  • Продукт
  • Железо + софт
Главная страница Pelagion
Отрасль
Морские технологии
Длительность
8 недель
Команда
1 дизайнер · 1 инженер
Платформы
Маркетинговый сайт · Страницы продуктов · Технические спецификации

01

Задача

Pelagion продаёт железо, сенсоры и софт как одну способность — покупателям, которые оценивают каждую из этих вещей по-разному. Сайт, построенный по продуктовым линейкам, скрыл бы то, что делает компанию убедительной: что все три спроектированы вместе.

Аудитория техническая, а заявления операционные — решения в море, в условиях, где ошибочное показание имеет последствия, — так что регистр должен был быть трезвым, но не скучным.

Портфель
Автономные системы · сенсоры · миссионное ПО
Аудитория
Технические и операционные покупатели
Заявление
Более безопасные и чёткие решения в море

02

Решение

Сайт организован по миссиям, а не по продуктовым линейкам: что именно вы пытаетесь узнать и какая комбинация платформы, сенсора и ПО даёт ответ.

Спецификации поданы как спроектированная поверхность, а не как PDF — сравнимые, сканируемые глазами и с отдельными ссылками, — потому что на этом рынке таблица характеристик и есть продающий материал.

Ось организации
Миссия, а не продуктовая линейка
Спецификации
Спроектированные, линкуемые, сравнимые

03

Архитектура

  1. L0
    СайтСтатический
  2. L1
    Модель продуктовПлатформы · сенсоры · ПО
    Модель спецификацийСравнимые поля
  3. L2
    Сгенерированные страницыСервис
    ОбращениеСервис
  4. L3
    Email / CRMВнешнее
Связи (6)
  • Сайт Модель продуктов
  • Модель продуктов Модель спецификаций
  • Модель продуктов Сгенерированные страницы
  • Модель спецификаций Сгенерированные страницы
  • Сгенерированные страницы Обращение
  • Обращение Email / CRM
Продуктовый сайт с моделью контента: платформы, сенсоры и ПО как связанные сущности.

04

UX

Зайти можно с миссии, с платформы или с сенсора — и попасть в тот же согласованный набор страниц: связи между сущностями смоделированы, так что навигация никогда не упирается в тупик.

Техническая детализация прогрессивна: сперва операционное резюме, полная спецификация — за одно взаимодействие, и никогда оба не борются за один экран.

05

UI

Холодно, точно, с высоким контрастом; изображения во всю ширину, типографика плотно вокруг них.

Таблицы характеристик используют табличные цифры и одинаковые единицы, так что два продукта можно сравнить глазом без конвертера.

06

Разработка

Продукты, сенсоры и ПО — отдельные модели контента с явными связями, так что новая платформа автоматически появляется везде, где она уместна.

Полностью статическая генерация с оптимизированными изображениями — сайт насыщен фотографией и всё равно должен грузиться на судовом соединении.

07

Что он умеет

  • Навигация по миссиям

    Вход через то, что нужно узнать, а не через продуктовую линейку.

  • Связанная модель продуктов

    Платформы, сенсоры и ПО смоделированы как связанные сущности.

  • Спроектированные спецификации

    Сравнимые, сканируемые и отдельно линкуемые поверхности характеристик.

  • Прогрессивная детализация

    Сперва операционное резюме, полная спецификация по требованию.

  • Оптимизированные изображения

    Насыщенная фотография в пригодном для загрузки весе.

08

Интеграции и стек

Интеграции

  • Маршрутизация обращений в Email / CRM
  • Аналитика

Фронтенд

  • Next.js
  • TypeScript
  • Tailwind CSS
  • next/image

Платформа

  • Статическая генерация
  • Оптимизация изображений
  • CDN

09

Чем это закончилось

По миссиям
Ось организации
Связанная
Модель сущностей

Новая платформа расходится автоматически

Линкуемые
Спецификации

Таблица характеристик и есть продающий материал

Статика + оптимизированная медиа
Доставка

Железо, сенсоры и ПО читаются как одна способность — а это и есть продукт, который Pelagion на самом деле продаёт.

Секция систем Pelagion
Системы
Сенсоры и ПО Pelagion
Сенсоры и ПО
Спецификации Pelagion
Спецификации
Pelagion на мобильном
Мобильная версия

Каждый продукт проектируется под телефон как отдельный опыт, а не как суженный десктоп.

Есть продукт, который давно пора сделать?Расскажите о нём.

Опишите, что должно измениться в вашем бизнесе. Мы разберёмся, что для этого действительно нужно — даже если нужно меньше, чем кажется.