Peka2tv

Пека2тв — площадка для проведения онлайн-трансляций. Еще тут проводятся мероприятия и конкурсы для коммьюнити и стримеров.

Задача 1: главная страница

На старом сайте содержание главной страницы диктовалось прежде всего техническими ограничениями.

Вот так выглядел сайт до редизайна:

Old Sc2tv website

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

Процесс

До проработки дизайна необходимо было оценить по данным Google Analytics и LiveInternet, что именно притягивает посетителей, где и когда они проводят своё время на сайте.

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

Решение

На главной странице остались трансляции — ядро сайта. Для важных и интересных стримов плеер размещается сразу на главной странице, это лёгкий способ повысить вовлечение аудитории. За размещение этого плеера отвечает редакция сайта: необходимо, чтобы подобное выделение трансляции ассоциировалось с качественным контентом.

Streams on peka2tv index

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

На прошлой версии сайта часть активности проходила вне основного сайта — на форуме. Там люди не только обсуждали сам проект, но и общались на всевозможные темы от искусства до политики, часто публикуя достаточно развёрнутые мнения. Эти обсуждения — неотъемлемая часть сообщества, и для них была создана своя площадка.

Publications on peka2tv index

Колонка активных тем форума при этом никуда не делась. Важно не ломать существующие сценарии: люди сами выберут, что им удобно.

Задача 2: редактирование

До сих пор все элементы сайта редактировались через панель администратора, встроенную в старый движок. За годы она обросла всевозможными расширениями, а пользователям и редакторам сайта приходилось обращаться друг к другу за помощью.

Нужно было не только перенести все старые функции, но и добавить интерфейс для настройки новой главной страницы.

Процесс

Я посмотрел на существующие решения для редактирования текста, и узнал, как именно работают текущие редакторы сайта: где они пишут текст, как проходит проверка текста, как они взаимодействуют друг с другом.

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

Решение

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

Для обычных посетителей и стримеров был создан интерфейс для редактирования текста, разделы редактирования профиля и трансляции.

Edit stream page

Для администраторов и штатных авторов была дополнительно сделана панель управления публикациями и расширенные настройки публикации.

Administrator dashboard
Publication editing for administrators

Результат

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

Ещё у сайта не было мобильной версии. Конечно, этот недостаток я тоже устранил.

Peka2tv mobile design

Другие проекты

FocusBlock

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

Hackerdom.io

Онлайн‑журнал про этичный хакинг и информационную безопасность.

Ещё проекты

Больше примеров моей работы