VK | Ответы Mail
Редизайн Q&A портала Ответы Mail
otvet.mail.ru
Описание проекта
Ответы Mail — это портал, где пользователи ежедневно задают вопросы и получают ответы на любые темы. Помогает быстро делиться опытом, находить решения бытовых задач и общаться с сомневающимися или знающими пользователями.
Проблема
Визуальное устаревание: Интерфейс не обновлялся визуально много лет, из-за чего выглядел громоздким и перегруженным. Высокий уровень «визуального шума» мешал фокусироваться на контенте и снижал привлекательность сервиса для новой аудитории. Пользователи отмечали отсутствие темной темы, сами пользователи решали этот вопрос через плагины браузера.
Техническое и продуктовое легаси: За годы развития проект оброс устаревшими пользовательскими сценариями и техническим долгом. Это замедляло внедрение новых функций, усложняло поддержку продуктовой системы и негативно влияло на скорость работы страниц.
Ограничения: Исторически сложивжийся партер портала в ограничений в количестве написания контента (поста или ответов) исходя из количества баллов.
Изменение вектора развития из-за развитых LLM: С поиском фактов и прямых ответов стали отлично справляться нейросети, поэтому продукт терял смысл как просто утилитарная справочная. Возникла необходимость сфокусироваться на пользовательском контенте — превратить платформу в живую социальную сеть, где люди ищут не просто сухую информацию, а эмоции, реальный личный опыт и общение с другими людьми.
Цель
Переосмыслить продукт и перевести его из устаревшего справочника ответов в современную социальную платформу с фокусом на живой контент, снизив визуальную нагрузку и избавившись от продуктового легаси.
Задачи
- Провести аудит обновленных и текущих решений;
- Проработать страницу поста, так как на эту страницу идет 80% трафика;
- Сбор функциональных требований для каждого из разделов;
- Приоритезация фич;
- Спроектировать основные разделы и функционал Ответов: лента, посты, создание поста, профиль, пространства, навигацию;
- Раскатка принципов дизайна на рабочие разделы;
- Разработкаи и поддержка локальной дизайн-системы на основе корпоративной;
- Разработка дизайна приложений.
Процесс
Страница поста и взаимодействие с ответами
Переосмыслил структуру карточки поста и блоков с ответами. Упростил считываемость контента, выстроил понятную иерархию комментариев и добавил наглядные функции реакций, голосов и быстрой оценки ответов.
Обновленную страницу тестировали через А/В, по результатом увидели сохранение сохранение метрик по СTR, adrev и глубины просмотра. Так же пользователи отметили свежесть визуала, но были и те, кому привычен старый дизайн.
Главная страница и лента контента
Проработал сетку и правила отображения ленты. Внедрил механики сокращения длинных постов для сохранения компактности, удобного скроллинга и требований по SEO а также оптимизировал подачу контента для повышения вовлеченности.
Создание поста
Спроектировал гибкий редактор постов с поддержкой форматов текста и медиафайлов. Отразил систему автосохранения черновиков и наглядную валидацию на этапе публикации, чтобы снизить барьер для публикации и уменьшить количество ошибок.
Раздел профиля
Разработал обновленную структуру профиля пользователя. Сфокусировался на удобном доступе к собственным постам, ответам и закладкам, а также на наглядного отображения ранга статуса и экспертизы участника сообщества за счет кармы.
Онбординг и авторизация
Продумал логику и точки входа: определил сценарии на ключевые дейсктвия, когда пользователю предлагается авторизация, и спроектировал первичный онбординг, который помогает быстрее сориентироваться в обновленном интерфейсе, а так же в нововведениях.
Монетизация и рекламные слоты
Вместе с менеджером продукта определили и согласовали оптимальную сетку рекламных позиций без вреда для UX. Проработал интеграцию нативного слота в ленте, чтобы реклама гармонично вписывалась в пользовательский контент.
Локальная дизайн-система
Собрали первую итерацию библиотеки компонентов на основе Paradigm. Унифицировал базовые элементы постов, ответов, навигации, что позволило ускорить передачу макетов в разработку и не быть похожими на основные продукт группы VK.
Результат
21 мая 2025 года состоялся официальный перезапуск обновленного портала. На старте мы столкнулись со стандартными вызовами масштабирования — временным проседанием отдельных метрик и повышенной нагрузкой на модерацию. Эти процессы удалось оперативно стабилизировать совместно с технической и продуктовой командами.
Быстрая реакция на фидбек core-аудитории
На основе обратной связи от ядра пользователей мы выявили ключевую проблему UX в новой ленте: крупные развернутые посты занимали слишком много места, позволяя отображать всего 1–2 карточки на экране. Кроме того, акцент в хедере на «пространствах» (по аналогии с Reddit) усложнял идентификацию авторов, что было критично для сложившейся культуры сообщества.
Оперативные продуктовые правки
Компактный режим ленты: Быстро спроектировал и внедрил компактнувид постов, что увеличило количество контента на одном экране и снизило негативный фон.
Переработка хедера: Вернул фокус на авторство постов, этип решением убралось обезличенность постов.
Оптимизация монетизации: За счет внедрения компактного вида удалось гармонично встроить дополнительные рекламные слоты без ущерба для пользовательского опыта.