До и После: Как мы улучшили медиаплатформу для ревью и рекомендаций подкастов

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.behance.net%2Fgallery%2F216730469%2Ftolki-ajdentika&postId=2046614" rel="nofollow noreferrer noopener" target="_blank">«Толки»</a> — медиасервис, где подкасты становятся темой для обсуждений.
«Толки» — медиасервис, где подкасты становятся темой для обсуждений.

В современном мире подкасты становятся всё популярнее, а вместе с этим растёт и спрос на качественные сервисы для их обсуждения и рекомендаций. В рамках курса «Дизайн и программирование» в Школе дизайна НИУ ВШЭ мы работали над проектом «Толки» — медиа-платформой для ревью и рекомендаций подкастов. За два семестра мы прошли путь от первой версии до серьёзного редизайна, который кардинально улучшил пользовательский опыт. В этой статье расскажу, какие проблемы мы выявили, как менялся продукт и к каким результатам это привело.

Первая версия: стартовые решения и первые сложности

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.behance.net%2Fgallery%2F216730469%2Ftolki-ajdentika&postId=2046614" rel="nofollow noreferrer noopener" target="_blank">«Толки»</a> — медиасервис, где подкасты становятся темой для обсуждений.
«Толки» — медиасервис, где подкасты становятся темой для обсуждений.

Что мы сделали:

В первой версии «Толки» (осень 2024) мы реализовали базовую функциональность:

  • Пользователь мог делиться впечатлениями о подкастах,
  • Искать новые выпуски,
  • Общаться с авторами и гостями.
<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.behance.net%2Fgallery%2F216730469%2Ftolki-ajdentika&postId=2046614" rel="nofollow noreferrer noopener" target="_blank">«Толки»</a> — медиасервис, где подкасты становятся темой для обсуждений.
«Толки» — медиасервис, где подкасты становятся темой для обсуждений.

Плюсы:

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

Минусы и проблемы:

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

Вывод:

Первая версия позволила протестировать основные сценарии, но показала, что для удержания аудитории и развития платформы нужен более современный и дружелюбный UX/UI.

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.behance.net%2Fgallery%2F216730469%2Ftolki-ajdentika&postId=2046614" rel="nofollow noreferrer noopener" target="_blank">«Толки»</a> — медиасервис, где подкасты становятся темой для обсуждений.
«Толки» — медиасервис, где подкасты становятся темой для обсуждений.

После: редизайн и улучшения

Что мы изменили:

Анализируя фидбек пользователей и собственный опыт, мы полностью переработали визуальную и функциональную часть платформы:

  • Навигация стала интуитивно понятной: добавили фиксированное меню и быстрый доступ к основным разделам.
  • Карточки подкастов получили единый стиль, визуальные акценты и понятную иерархию информации.
  • Внедрили умные фильтры и систему рекомендаций — теперь находить интересные выпуски стало проще.
  • Переработали страницу ревью: добавили визуальные маркеры, улучшили читаемость, упростили форму добавления отзывов.
  • Визуальный стиль стал более современным, с акцентом на чистоту, яркие акценты и лёгкую типографику.
  • Улучшили адаптацию под мобильные устройства.
<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.behance.net%2Fgallery%2F216730469%2Ftolki-ajdentika&postId=2046614" rel="nofollow noreferrer noopener" target="_blank">«Толки»</a> — медиасервис, где подкасты становятся темой для обсуждений.
«Толки» — медиасервис, где подкасты становятся темой для обсуждений.

Результаты:

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

Выводы

Работа над «Толки» показала, как важно не останавливаться на первой итерации и слушать обратную связь пользователей. Благодаря последовательному анализу и редизайну мы сделали платформу не только красивее, но и гораздо удобнее для аудитории. Этот опыт стал отличной практикой системного подхода к цифровому продукту — от сбора фидбека до внедрения современных UX/UI-решений.

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.behance.net%2Fgallery%2F216730469%2Ftolki-ajdentika&postId=2046614" rel="nofollow noreferrer noopener" target="_blank">«Толки»</a> — медиасервис, где подкасты становятся темой для обсуждений.
«Толки» — медиасервис, где подкасты становятся темой для обсуждений.

О себе

Я — продуктовый дизайнер, специализирующийся на создании современных цифровых сервисов и пользовательских интерфейсов. Эксперт в визуальных коммуникациях, генерации креативных идей и внедрении трендовых решений.

Если вы хотите узнать больше о процессе редизайна или поделиться своим опытом — пишите в комментариях!

1
Начать дискуссию