Карта проекта — Visual Competitive Research
Карта продукта · 31 августа 2026

Визуальное исследование конкурентов прямо из браузера

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

ПроблемаСнимки → Figma/Miro → ручная сортировка → потеря контекста.
ЯдроВыбрать → сохранить → категоризировать → сравнить.
Цель MVPПроверить, полезнее ли этот сценарий обычной доски со снимками.

К какому решению пришли

Не ещё один инструмент снимков и не библиотека красивых референсов.
Текущий процесс
«Как конкуренты решают эту конкретную задачу?»

Открыть 5–10 сайтов → сделать снимки → перенести в Figma/Miro → подписать источники → вручную разложить по категориям.

Наш продукт
Исследование строится вокруг вопроса и сравнения. Снимок — доказательство, а не конечный продукт.

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

Какую работу пользователя затрагиваем

Фокус — результат исследования, а не функция «сделать снимок».
Когда я исследую конкурентов перед проектированием или изменением продукта, я хочу быстро собирать нужные визуальные решения и сравнивать одинаковые элементы разных конкурентов, чтобы находить повторяющиеся подходы, отличия и обоснованно принимать дизайн-решения.
редизайнновая функциятарифыонбордингрегистрацияглавнаянавигация
1
Найти
реальных конкурентов
2
Собрать
нужные визуальные доказательства
3
Систематизировать
по одной исследовательской категории
4
Сравнить
одинаковые решения рядом
5
Решить
что учитывать в своём продукте

Для кого

Первичная аудитория — специалисты, которым конкурентный UX-анализ нужен регулярно.
Приоритет 1

Продуктовые и UX/UI-дизайнеры

Особенно нишевые B2B/SaaS-продукты, где готовые библиотеки не содержат нужных прямых конкурентов.

Приоритет 2

Фрилансеры и агентства

Повторяют этот процесс для разных клиентов; экономия времени прямо влияет на себестоимость.

Приоритет 3

Продуктовые менеджеры

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

Карта конкурентов

Опаснее всего те, кто уже закрывает часть исследовательского процесса.
СервисЧто делаетГде остаётся место для насРиск
Stravue ↗Исследование конкурентов, полный захват страниц, заметки, отчёты, мониторинг. Тарифы от $39/мес.Ориентирован на страницы. Наш потенциальный фокус — отдельные блоки и пользовательские пути, сравниваемые по одной категории.очень высокий
SpecShot ↗Выбор секции сайта, снимок, параметры дизайна, подготовка данных для AI-разработки.Их цель — «референс → спецификация → разработка», наша — «конкуренты → сравнение → исследовательский вывод».высокий
Fudge ↗Библиотека реальных сайтов, захват, параметры дизайна, сравнение, контекст для AI.Сильнее в поиске референсов и техническом контексте, слабее привязан к исследованию собственного рынка пользователя.высокий
Mobbin ↗Готовая библиотека интерфейсов и пользовательских потоков.Не решает задачу «исследовать именно моих прямых конкурентов».заменитель
CSS Peeper ↗Инспекция цветов, шрифтов и стилей сайта.Нет проекта исследования и сравнения конкурентов.смежный
GoFullPage ↗Полный снимок страницы.Снимок — конечный результат; у нас он становится частью исследования.базовая функция
Figma ↗Ручная доска для снимков, заметок и сравнений.Мы обязаны быть заметно быстрее на этапе сбора и первичной систематизации.главный заменитель
Miro ↗Исследовательские доски и сравнительные матрицы.Нет нативного захвата с сайта и автоматического сведения одинаковых категорий.заменитель
Наша территория: не «сохранить красивый сайт» и не «скопировать дизайн», а исследовать свой набор реальных конкурентов по конкретному вопросу.

MVP — первая рабочая версия

Проверяем только ценность сценария «сохранить одинаковые решения конкурентов и сравнить рядом».
1

Создать проект

«Редизайн лендинга», «Как конкуренты показывают тарифы».

Research
+ Новый проект

Редизайн · 12 блоков
2

Выбрать блок

Наведение подсвечивает DOM-блок. Можно расширить выбор до родителя.

┌─────────────┐
│ выбранная секция │
└─────────────┘
3

Сохранить

Категория + заметка. URL, домен, заголовок и дата — автоматически.

Категория: Тарифы ▼
Заметка: ______
[Сохранить]
4

Сравнить

Открыть категорию и увидеть одинаковые блоки разных конкурентов рядом.

Тарифы
Notion | Linear | ClickUp
▣  ▣  ▣
Входит в MVP

✅ расширение Chrome
✅ боковая панель
✅ проекты
✅ выбор DOM-блока
✅ захват блока целиком
✅ категория и заметка
✅ группировка по категориям
✅ локальное хранение

Не входит

❌ регистрация и аккаунты
❌ облако
❌ AI-анализ
❌ автоматическая классификация
❌ платежи
❌ командная работа
❌ Figma/Miro-интеграции
❌ мониторинг изменений

Какие данные храним

Идентификатор · проект · категория · изображение · URL · домен · название страницы · дата · заметка.

Категории первой версии

Главный экран · Возможности · Тарифы · Отзывы · Навигация · Призыв к действию · Другое.

Критерий технической готовности

Расширение устанавливается → проект создаётся → реальный блок сайта выбирается и сохраняется → категория назначается → процесс повторяется на другом сайте → блоки одной категории видны рядом → данные сохраняются после перезапуска Chrome.

Техническая схема MVP

На первом этапе намеренно не создаём серверную инфраструктуру.
Расширение Chrome
боковая панель и действия пользователя
Текущая страница
выбор DOM-блока
Локальное хранение
IndexedDB + chrome.storage.local

Сервер

не нужен

Нет аккаунтов, синхронизации и центральной базы.

Приватность

локально

Захват запускается только явным действием пользователя.

Стек

Manifest V3

HTML + CSS + JavaScript + Chrome Extension API.

Дорожная карта

Следующий этап появляется только после подтверждения ценности предыдущего.
Этап 0 · сделано

Исследование

  • рынок расширений
  • конкуренты
  • пользовательские жалобы
  • гипотеза продукта
  • границы MVP
Этап 1 · сейчас

MVP

  • проекты
  • выбор блока
  • полный захват секции
  • категории
  • заметки
  • сравнение
  • локальное хранение
Этап 2

Рабочий инструмент

  • аккаунты
  • облачная синхронизация
  • поиск и фильтры
  • импорт/экспорт
  • публичные ссылки
  • первая подписка
Этап 3

Умное исследование

  • автоклассификация
  • поиск закономерностей
  • сравнение различий
  • выводы с доказательствами
  • пользовательские пути
  • экспорт итогов
Этап 4

Командная платформа

  • общие проекты
  • роли и комментарии
  • история
  • мониторинг конкурентов
  • шаблоны
  • интеграции

Что проверяем на каждом этапе

ЭтапКлючевой вопросСигнал успеха
MVPУдобнее ли здесь, чем через снимки + Figma/Miro?Человек проводит реальное исследование и хочет повторить сценарий.
Рабочий инструментНужна ли постоянная библиотека исследований?Возвращается к старым проектам, хочет поиск и синхронизацию.
Умное исследованиеЭкономит ли автоматический анализ время?Пользователь подтверждает или редактирует выводы и применяет их в работе.
Командный продуктЕсть ли совместный сценарий?Несколько участников реально работают с одним исследованием.

К чему хотим прийти

Не «хранилище снимков сайтов», а рабочее пространство, где команда отвечает: «Как наш рынок решает эту задачу — и какие доказательства у нас есть?»

В конечной версии главным объектом становится вывод исследования, связанный с конкретными визуальными доказательствами.

Полезные ссылки

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

Made on
Tilda