ТитанСофт

Создание сайта
для телекомпании
«4 канала»

Один из наиболее известных на Урале телеканалов обратился в агентство с просьбой помочь им в обновлении сайта. Какое мы предложили решение и как его воплощали, сейчас расскажем в кейсе.
Теги
4 телеканал
Клиент
Дата
08.11.2021
ИНФОРМАЦИЯ О КЛИЕНТЕ
«Четвертый канал» — это екатеринбургская телекомпания, которой уже больше 20 лет. Фишка телеканала – собственные авторские программы, эксклюзивные новостные выпуски и яркие самобытные ведущие.

За последние годы редакция канала претерпела трансформацию, пересмотрела концепцию вещания, переехала в новое помещение, обновила студию, в эфире появились новые лица. Сайт, разработанный еще в начале 2000-х, перестал соответствовать требованиям и морально устарел.
СБОР ТРЕБОВАНИЙ И ПОЖЕЛАНИЙ
Ранее у телеканала уже был негативный опыт поисков концепции с другой веб-студией, но все предлагаемые варианты клиенту не понравились. Одни наброски выглядели представительно, но мрачно, другие - слишком примитивно.
Мы начали с детального брифования, сбора пожеланий и претензий к текущему сайту. среди основных жалоб были:
Руководитель телеканала не хотела превращать сайт в информационный портал, но не исключала варианта поискового продвижения страниц, поэтому этот функционал тоже нужно было предусмотреть. Кроме того, сайт как визитная карточка для партнеров, рекламодателей и представителей власти, поэтому его дизайн должен быть узнаваемым и запоминающимся.
неудобный поиск
безликость текущего сайта
запутанная в администрировании CMS
отсутствие вывода прямого эфира
недостаточная информация о программах и ведущих
концепция
«Региональный телеканал — это в первую очередь, люди. И «Четвертому каналу» есть чем гордиться. Мы предложили концепцию: «Телеканал с человеческим лицом» с ярким, контрастным дизайном, упором в контенте на персоналии ведущих и журналистов, а также акцентные блоки с новостями и передачами. Показали клиенту референсы:
Была изменена цветовая гамма референсов (кстати, за счет сочетания 5 основных цветов: синего, красного, желтого, белого, графитового — дизайн приобрел слегка супрематичную графичность :)
Клиенту идея понравилась. Но пока у него не было понимания, как идея адаптируется с контентом телеканала. После согласования прототипа родился такой макет:
дизайн
В целом, дизайн был согласован с первого раза. За исключением нескольких моментов:
В исходном макете на главной странице фон для блоков был однотонным, что, по мнению клиента, нужно было доработать. Мы усложнили фон за счет градиента, эффекта боке (для каждой программы – свой фон и свой эффект), а также добавили многослойность.
01
Также клиент пожелал разбавить статику анимацией. Чтобы не разрушить стилистику, мы добавили анимацию лишь в небольшие элементы- ховеры кнопок, переключения слайдеров, легкое смещение изображений при наведении мышки и т.д. Так сайт становится более «живым», но мы не уводим внимание пользователя от главного – контента.
02
В качестве платформы для разработки остановились на фреймворке Symphony – php-фреймворк, который позволяет гибко реализовать нетиповые решения с учетом запросов клиента.
РЕАЛИЗАЦИЯ ФУНКЦИОНАЛА
Чтобы не перегружать главную страницу, мы вывели на нее только основные промо-блоки программ, анонс телепрограммы, блок с ведущими «Лица канала» и блок с Новостями. В нем мы акцентировали внимание на теме дня и двух актуальных сюжетах из последнего новостного выпуска. Приоритет новостям по выводу на главную страницу задает контент-менеджер при загрузке сюжетов.

В меню расположили кнопку вывода прямого эфира с Youtube.
Главная страница
01
Реализовали поиск с предиктивным вводом и сквозную систему тегов, чтобы пользователь мог перейти на страницу со всеми сюжетами по интересующей теме. Система тегов объединяет не только новостные программы канала, что удобно – ведь некоторые темы освещаются и в сюжетах, и в вечернем интервью, аналитических обзорах, утреннем шоу и т.д.
Система тегов
02
Текстовые страницы сохранили лаконичность. Некоторые разделы – как, например, «Награды», были доработаны. Телеканал ежегодно становится победителем телевизионных конкурсов, в том числе «ТЭФИ-Регион». Ранее раздел представлял собой бесконечную страницу с обилием текста и таблицами:
Внутренние страницы
03
Страницы с сюжетами программ прошли несколько итераций по доработкам. Подвергался изменениям функционал: изначально предполагалось, что все сюжеты телеканала будут располагаться на Youtube, на сайт также автоматически будет подтягиваться превью сюжета. Но на практике обнаружили, что в программах есть необходимость публикации сюжетов без видео, есть также необходимость в изменении превью в ручном режиме. Мы доработали этот момент.

Был реализован архив-календарь программ- зрители и сами журналисты иногда ищут на сайте сюжеты и программы за определенную дату. Такая функция у сайта была нужна. Сделали.
Сюжеты и календарь
04
В соответствии с концепцией: «Канал с человеческим лицом» на сайте сделали каталог персоналий с информацией о каждом ведущем, галереей фотографий и сюжетами/ программами, в которых участвует конкретный ведущий.

Изначально страница со всеми лицами канала не была цветной (как и другие внутренние страницы). Вот как это было в первом варианте дизайна:
лица канала
05
Было\стало. Потяните стрелку вправо или влево, чтобы сравнить картинки.
Мы убрали громоздкие описания, оставили самые актуальные награды, у которых есть качественные фотографии и сканы, а также перегруппировали награды по программам.

Свои отдельные страницы появились у специальных проектов телеканала и «закадровой жизни». Основные моменты телевизионной кухни клиент размещает в своих социальных сетях, но пожелал, чтобы на сайте можно было увидеть некоторые анонсы.
Было\стало. Потяните стрелку вправо или влево, чтобы сравнить картинки.
Мы убрали громоздкие описания, оставили самые актуальные награды, у которых есть качественные фотографии и сканы, а также перегруппировали награды по программам.

Свои отдельные страницы появились у специальных проектов телеканала и «закадровой жизни». Основные моменты телевизионной кухни клиент размещает в своих социальных сетях, но пожелал, чтобы на сайте можно было увидеть некоторые анонсы.
ФИНАЛЬНЫЕ РАБОТЫ
Параллельно с обучением контент-специалиста пользованию CMS, вносили последние корректировки – добавили онлайн-чат для того, чтобы зрители могли сообщить новость, пожелания по темам программ и т.д, добавили разметку OpenGraph, поля мета-данных для поискового продвижения.

Сайт бесперебойно функционирует полгода. Клиент доволен обновлением, а мы – тем, что причастны к трансформации веб-ресурса известного уральского телеканала.
ОТЗЫВ
О ПРОДЕЛАННОЙ РАБОТЕ
Выражаем благодарность директору ООО «ТитанСофт Центр» Попову Виталию Владимировичу и менеджеру проекта Юлии Асташовой за сотрудничество по разработке сайта для ООО «ТК «4 канал». Наша телекомпания работала с агентством «ТитанСофт» с 2018 года по февраль 2020 года.
Работой команды специалистов довольны. Особенно хочется отметить высокий профессионализм, креативность команды ООО «ТитанСофт Центр», умение слушать и слышать, доброжелательность, индивидуальный подход. В результате нашего плодотворного сотрудничества появился сайт отличающийся оригинальностью, удобный для нас и нашей аудитории.
Проект выполнен в срок, приятно удивил гибкий подход к клиентам - замечания и пожелания учитывались по мере возможности и оперативно.
Планируем продолжить сотрудничество с Вашей организацией в дальнейшем!
Расулова Э.А.
Управляющая ООО «ТК «4 канал»
Начать проще, чем кажется. Напишите нам на sales@titansoft.ru или отправьте заявку через сайт. Мы подберём для вас подходящее решение
Хотите так же?
похожие кейсы
Запуск яркой и удобной веб-площадки для услуг мастер-классов по игре на этнических барабанах