Перейти к содержанию

2026 / Продукт · Дизайн · iOS · Веб

People&Boats

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

5

модулей и одна панель команды

Задача

Пять модулей, две платформы — один бренд

People&Boats, или «Люди и лодки», — сообщество и медиа о катерах, яхтах, верфях и моторах. Нам прислали задание на маркетплейс, экосистему бренда и панель управления; бортжурнал, карта и брокеридж в нём упоминались, но описаны не были — мы восстановили их по ссылкам внутри задания. Разбор показал главное: под одним брендом живут четыре разных продукта, и у каждого своя экономика.

  • Модули 1–2 · бортжурнал и карта

    Утилита судовладельца

    Инструмент на каждый выход: документы, ТО, моточасы и точки на воде.

    Чем живётУдержанием — именно она возвращает человека в приложение.

    Чем рискуетСкукой: если вносить данные дольше, чем в блокнот, их не внесут.

  • Модуль 4 · объявления C2C и B2C

    Маркетплейс

    Площадка с отраслевым фильтром, которого нет на универсальных досках.

    Чем живётПлатным размещением, продвижением и комиссией сервисов.

    Чем рискуетПустотой: пятьдесят объявлений — это раздел сайта, а не рынок.

  • Модуль 3 · брокеридж, аудит, чекап

    Сервисный бизнес

    Живые эксперты: едут на верфь, снимают отчёт, проверяют лодку перед покупкой.

    Чем живётПроцентом со сделки и ценой чекапа — самая понятная выручка.

    Чем рискуетОперационкой: приложение — витрина, качество несёт эксперт.

  • Модуль 5 · хаб, премия, походы, аренда

    Медиа и бренд

    То, что у бренда уже работает: обзоры, походы, узнаваемость.

    Чем живётРекламой верфей, арендой РИБов и партнёрствами вокруг премии.

    Чем рискуетМолчанием: медиа нужен ритм публикаций, а не разовая сборка.

Платформы
iPhone, сайт и панель команды
Модули
Пять и общая веб-панель
Роли
Судовладелец, покупатель, верфь, эксперт
Этап
Дизайн-прототип на демо-данных
Карта продукта

Четыре роли — одно ядро

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

Роли
  • Судовладелецбортжурнал, карта, экспедиции
  • Покупательпоиск лодки, чекап, аренда
  • Верфь и продавецобъявления, отчёты о постройке
  • Эксперт и командапроверки, модерация, верификация
Ядро
  • Профиль и флот: лодки, документы, моточасы
  • Доверие: роли, верификация, рейтинг
  • Платные услуги и уведомления
Модули
  • Модуль 01Бортжурнал
    • лодка и документы
    • ТО, моточасы, расходы
    • выходы с треком
  • Модуль 02Карта
    • стоянки, заправки, слипы
    • опасности с проверкой
    • схема без связи
  • Модуль 03Брокеридж
    • подбор лодки
    • трекер постройки
    • отчёты верфи
  • Модуль 04Маркетплейс
    • объявления C2C и B2C
    • отраслевой фильтр
    • чекап и «Проверено»
  • Модуль 05Экосистема
    • медиахаб
    • РИБТУРИСТ и экспедиции
    • премия «Лодка года»
Управление

Одна веб-панель на все пять модулей: очереди модерации, брокеридж, точки на карте, бронирования и аналитика.

Модуль 01 · Бортжурнал

Всё о лодке — под рукой

День начинается с воды: погода, ветер, волна и вывод — можно ли выходить. Ниже флот с приборами, как на панели катера: моточасы до ТО и топливо. Документы живут со сроками — о страховке приложение напомнит за 30, 7 и 1 день, а просроченное техосвидетельствование не потеряется в списке.

  1. Моточасы до ТО

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

  2. Документы со сроками

    Судовой билет, ГИМС, страховка и права — с напоминаниями и сканами, которые открываются без связи.

  3. Журнал выходов

    Маршрут, погода, расход и заметки — то, что потом станет историей лодки и честными данными в объявлении.

Модуль 02 · Карта

Мели и топляки — на карте, а не в чатах

Схема Пироговского и Клязьминского водохранилищ рисуется самим приложением и работает без связи — на воде её часто нет. Владельцы отмечают стоянки, заправки и опасности, модератор проверяет, другие капитаны подтверждают. Наведите на точку или нажмите.

  • Проверено модератором
  • Ждёт проверки
  • Выход 27 сентября · 2,6 nm · 24 мин
Пироговскоевдхр.Клязьминскоевдхр.
Опасность·55°58,7′ N · 37°40,3′ EМель у острова

Глубина 0,6–0,9 м при текущем уровне — обходить с севера.

Проверено модератором37 подтверждений · обновлено 30.09

Отметки пользователей не заменяют официальные карты и извещения ГИМС — эта оговорка стоит в приложении рядом с картой. На странице — демо-отметки прототипа.

Контуры © участники OpenStreetMap
Модуль 03 · Аудит постройки

Полгода после предоплаты — не в тишине

Катер строится от трёх месяцев до года, и всё это время клиент платит и ничего не видит. Трекер превращает ожидание в цепочку подтверждённых этапов: верфь загружает фото и видео прямо из цеха, клиент оставляет замечание, пока его ещё дёшево исправить, а архив отчётов становится доказательной базой при приёмке. Выберите этап.

Трекер постройки

Cabin 720

Верфь «Волжский берег» · брокер Анна Кравец

64%готово
В работеплан 20.10факт —отчётов 5
Видео · 1:42

Пульт, рулевое и топливная система

Магистраль 10 мм, фильтр-сепаратор стоит до бака. Видео проверки герметичности.

09.10.26 · Максим, мастер цеха
Замечание клиента

На фото кормового шва неровный герметик. Переделаете до покраски?

Ответ верфи

Да, переложим шов на этой неделе и пришлём видео.

Замечание закрыто 18.10

В приложении

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

Модуль 04 · Маркетплейс

Фильтр, которого нет на досках

Никто не даёт искать катер по моточасам и регистрации ГИМС. Здесь объявление рождается из карточки лодки в бортжурнале: моточасы, год, мотор и документы уже заполнены, продавцу остаётся указать цену. А «Проверено» — не кнопка, а услуга: за бейджем стоит отчёт эксперта со сроком годности. Попробуйте фильтры и нажмите на латунный бейдж.

Модуль 04 · Маркетплейс

Каталог лодок с историей

6 лотов

  • Катера

    Хардтоп 8,2 м

    2023 · 160 м/ч · 300 л. с.

    из бортжурналаМытищи

    9 450 000 ₽

  • РИБы

    РИБ 5,3 м

    2022 · 140 м/ч · 115 л. с.

    из бортжурналаДолгопрудный

    2 190 000 ₽2 350 000 ₽

  • Яхты

    Моторная яхта 12,8 м

    2019 · 640 м/ч · 870 л. с.

    из бортжурналаКронштадт

    28 900 000 ₽

  • Катера

    Боурайдер 6,9 м

    2020 · 310 м/ч · 250 л. с.

    Сочи

    3 390 000 ₽3 600 000 ₽

  • Яхты

    Парусная яхта 11,3 м

    2016 · 1120 м/ч · 29 л. с.

    из бортжурналаПриозерск

    9 800 000 ₽

  • Катера

    Открытая лодка 4,4 м

    2021 · 95 м/ч · 30 л. с.

    из бортжурналаПирогово

    640 000 ₽

Модуль 05 · Экосистема

Медиа и клуб — внутри продукта

Медиа — сильная сторона People&Boats, поэтому оно встроено в продукт, а не висит отдельным сайтом: обзоры привязаны к лотам, походы — к карте, а премия собирает голоса владельцев с подтверждёнными аккаунтами.

  • Медиахаб

    Видео о лодках — с привязкой к лотам

    Ролики из RuTube, VK Видео, YouTube и Дзена в одной ленте. Если лодка из обзора продаётся, рядом ссылка на объявление.

    ОбзорыТест-драйвыВерфи
  • РИБТУРИСТ

    Свой РИБ на день — без покупки

    Бронь лодки и времени, проверка прав ГИМС онлайн, ключи у причала.

    Права онлайнС капитаном
  • Экспедиции

    Большая вода — в компании

    Походы с лидером и катером сопровождения: маршрут, стоянки и заправки — в треке приложения.

    ВалаамЛадожские шхеры
  • 2026Лодка года
    Премия

    «Лодка года»

    Народное голосование за катер, РИБ, яхту и поход сезона — с защитой от накрутки и оценкой жюри.

    ГолосованиеАрхив
iOS 26 · Liquid Glass

Приложение, которое видно с замка

Прототип собран на SwiftUI для iOS 26: стеклянный таб-бар сворачивается при прокрутке, а постройка не прячется в меню — она живёт в аксессуаре над вкладками. Запись выхода идёт в Live Activity и Dynamic Island, постройка и бортжурнал — в виджетах, кнопка «Начать выход» — в Пункте управления.

  • Экран блокировки

    Live Activity

    Скорость, пройденные мили и время в пути — не разблокируя телефон.

  • Экран «Домой»

    Виджеты и компактный остров

    Моточасы и постройка на виду, а запись выхода идёт в фоне — её скорость видна в острове.

  • В приложении

    Остров — пульт выхода

    По долгому нажатию: отметить опасность или поставить паузу. Карта предупреждает о мели по курсу.

Системные возможности
  • Live Activity и Dynamic Island
  • Виджеты на экране «Домой» и блокировки
  • Кнопка в Пункте управления
  • Команды Siri и Spotlight
  • Иконка из слоёв стекла в Icon Composer
Веб · панель команды

Пять модулей — одна панель

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

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

Яхт-клуб, а не доска объявлений

Спокойная уверенность и много воздуха: фото воды работают как главный цвет, моно-подписи — как надписи на навигационных приборах, а доверие всегда видно: у бейджа «Проверено» и у статуса ГИМС есть срок и дата. Стекло — только для навигации поверх контента, карточки остаются обычными поверхностями, иначе стекло теряет смысл.

Цвет
  • Пена#F5F2EBфон
  • Глубина#0E2433текст и ночь
  • Гавань#2B6F80действия
  • Морское стекло#D7E7EAподложки
  • Латунь#B38A4A«Проверено»
  • Коралл#D2583Aопасности
  • Янтарь#E0A23Bскоро истекает
  • Ламинария#3E8E6Aв порядке
Шрифты

Лодки, которым доверяют

Onest и Source Serif 4 italic — смешанный заголовок

56°01′ N · 412 м/ч

JetBrains Mono — подписи, цифры и координаты

Лодка из бортжурнала — данные подтверждены записями.

Onest — интерфейс и текст

People&Boats

Знак и иконка: амперсанд над пунктирной волной

Голос
  • Лодка из бортжурнала — данные подтверждены записямиУникальная возможность!
  • Проверено · до 21.02.27Надёжный продавец
  • Контакты скрыты до согласия обеих сторонМы заботимся о вашей безопасности

Так / Не так

Стекло

Только навигация поверх контента: таб-бар, фильтры над фото, кнопки на карте, бейджи на снимках.

Очерёдность

Не всё сразу — три релиза

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

  1. 1Релиз 1

    Ядро и доверие

    • Бортжурнал и карта
    • Медиахаб
    • Брокеридж и трекер постройки

    Возвращает владельцев каждую неделю и даёт первые проверенные лодки.

  2. 2Релиз 2

    Маркетплейс

    • Объявления из бортжурнала
    • Отраслевой фильтр
    • Чекап и «Проверено»

    Открывается на лодках брокериджа, а не на пустой витрине.

  3. 3Релиз 3

    К сезону

    • РИБТУРИСТ и бронирование
    • Экспедиции
    • Премия «Лодка года»

    Сервисы и голосование — когда аудитория уже в приложении.

Что получил клиент

Продукт, который видно целиком

Прототип работает на демо-данных: люди, цены, верфи и отметки на карте условные, лоты названы по типу и длине лодки на снимке.

  • Разбор задачи: четыре продукта и их риски
  • Карта продукта: роли, ядро, пять модулей
  • Дизайн-систему бренда для iOS и веба
  • Прототип на iPhone: вкладки, виджеты, Live Activity
  • Прототип сайта-каталога и панели команды
  • План запуска в три релиза
Фото в макетах

Wikimedia Commons: Matti Blume, Matti Blume, Matti Blume, Matti Blume, Matti Blume, Matti Blume, MB-one, kallerna, W.carter, Jebulon, Alexxx1979, Kritzolina, Ansgar Koreng, Деан Лазаревски — CC BY-SA 4.0. Контуры водохранилищ — © участники OpenStreetMap, ODbL.