Web
Web
Startup
Startup
📊 MVP для Social Graph: разработала интерфейсы для запуска сервиса по анализу социальных связей
📊 MVP для Social Graph: разработала интерфейсы для запуска сервиса по анализу социальных связей
📊 MVP для Social Graph: разработала интерфейсы для запуска сервиса по анализу социальных связей
Объясняем продукт, функции и процесс получения социального графа
Объясняем продукт, функции и процесс получения социального графа
Объясняем продукт, функции и процесс получения социального графа
О проекте
О проекте
Моя роль
Моя роль
Соло UX/UI Дизайнер
Соло UX/UI Дизайнер
Таймфрейм
Таймфрейм
3 недели
3 недели
Инструменты
Инструменты
Figma
Figma
Ситуация
Ситуация
Social Graph — новый сервис, который визуализирует социальные связи пользователей в виде интерактивных графов.
Social Graph — новый сервис, который визуализирует социальные связи пользователей в виде интерактивных графов.
Social Graph — новый сервис, который визуализирует социальные связи пользователей в виде интерактивных графов.
Social Graph — новый сервис, который визуализирует социальные связи пользователей в виде интерактивных графов.
Нужно было быстро подготовить основу для MVP: лендинг, который объясняет сервис, и базовый пользовательский путь создания отчёта для ВК и Instagram.
MVP должен включать минимально необходимые функции, чтобы протестировать гипотезы и получить первые данные о поведении пользователей.
Нужно было быстро подготовить основу для MVP: лендинг, который объясняет сервис, и базовый пользовательский путь создания отчёта для ВК и Instagram.
MVP должен включать минимально необходимые функции, чтобы протестировать гипотезы и получить первые данные о поведении пользователей.
Нужно было быстро подготовить основу для MVP: лендинг, который объясняет сервис, и базовый пользовательский путь создания отчёта для ВК и Instagram.
MVP должен включать минимально необходимые функции, чтобы протестировать гипотезы и получить первые данные о поведении пользователей.
Нужно было быстро подготовить основу для MVP: лендинг, который объясняет сервис, и базовый пользовательский путь создания отчёта для ВК и Instagram.
MVP должен включать минимально необходимые функции, чтобы протестировать гипотезы и получить первые данные о поведении пользователей.
Задача
Задача
Мы определили ключевые цели:
Мы определили ключевые цели:
Мы определили ключевые цели:
Мы определили ключевые цели:
Сформировать понятное первое представление о продукте. Показать, что такое Social Graph и что пользователь получит на выходе.
Сформировать понятное первое представление о продукте. Показать, что такое Social Graph и что пользователь получит на выходе.
Сформировать понятное первое представление о продукте. Показать, что такое Social Graph и что пользователь получит на выходе.
Создать базовый флоу создания отчёта. Разные сценарии для ВК и Instagram, понятные шаги, объяснение стоимости и логики процесса.
Создать базовый флоу создания отчёта. Разные сценарии для ВК и Instagram, понятные шаги, объяснение стоимости и логики процесса.
Создать базовый флоу создания отчёта. Разные сценарии для ВК и Instagram, понятные шаги, объяснение стоимости и логики процесса.
Собрать фундамент для тестового запуска. Интерфейсы должны быть достаточными для MVP, но гибкими для будущих улучшений.
Собрать фундамент для тестового запуска. Интерфейсы должны быть достаточными для MVP, но гибкими для будущих улучшений.
Собрать фундамент для тестового запуска. Интерфейсы должны быть достаточными для MVP, но гибкими для будущих улучшений.
Действия
Действия
Анализ функциональных требований
Анализ функциональных требований
Анализ функциональных требований
Определила минимальный набор экранов, необходимых для запуска MVP: главная, выбор соцсети, настройки отчёта, экран формирования отчёта.
Определила минимальный набор экранов, необходимых для запуска MVP: главная, выбор соцсети, настройки отчёта, экран формирования отчёта.
Определила минимальный набор экранов, необходимых для запуска MVP: главная, выбор соцсети, настройки отчёта, экран формирования отчёта.
Структура и дизайн лендинга
Структура и дизайн лендинга
Структура и дизайн лендинга
Основная цель — быстро и понятно донести ценность сервиса без перегрузки деталями.
Основная цель — быстро и понятно донести ценность сервиса без перегрузки деталями.
Основная цель — быстро и понятно донести ценность сервиса без перегрузки деталями.
Что такое граф социальных связей
Какие типы отчётов доступны
Кому подходит сервис
Что такое граф социальных связей
Какие типы отчётов доступны
Кому подходит сервис
Что такое граф социальных связей
Какие типы отчётов доступны
Кому подходит сервис
Флоу создания отчёта
Флоу создания отчёта
Флоу создания отчёта
Продумала и задизайнила два пути — для ВК и Instagram.
Продумала и задизайнила два пути — для ВК и Instagram.
Продумала и задизайнила два пути — для ВК и Instagram.
Вставка ссылки
Выбор типа отчёта
Базовые настройки
Объяснение стоимости
Описание этапов загрузки
Вставка ссылки
Выбор типа отчёта
Базовые настройки
Объяснение стоимости
Описание этапов загрузки
Вставка ссылки
Выбор типа отчёта
Базовые настройки
Объяснение стоимости
Описание этапов загрузки
Результат
Результат
Проект сейчас находится на стадии разработки. После запуска MVP команда будет отслеживать метрики, собирать обратную связь и постепенно улучшать продукт. Дальнейшие шаги включают:
Проект сейчас находится на стадии разработки. После запуска MVP команда будет отслеживать метрики, собирать обратную связь и постепенно улучшать продукт. Дальнейшие шаги включают:
Проект сейчас находится на стадии разработки. После запуска MVP команда будет отслеживать метрики, собирать обратную связь и постепенно улучшать продукт. Дальнейшие шаги включают:
Улучшение UX после первых тестов
Расширение функциональности отчётов
Добавление новых соцсетей
Развитие галереи и пользовательских сценариев
Улучшение UX после первых тестов
Расширение функциональности отчётов
Добавление новых соцсетей
Развитие галереи и пользовательских сценариев
Улучшение UX после первых тестов
Расширение функциональности отчётов
Добавление новых соцсетей
Развитие галереи и пользовательских сценариев
