Разработка сайта пресс-клуба «Триколор ТВ»

Адаптивный медиа-портал
для «Триколор ТВ»

Цель Укрепить позиции «Триколор ТВ» как эксперта в области спутникового телевидения, вовлечь СМИ и отраслевое сообщество в коммуникацию с компанией.

Задача Разработать корпоративный медиа-ресурс, чтобы собирать официальную информацию о компании из интернета. Обеспечить корректное отображение и удобство пользования на различных носителях.

Тендер длиною в 6 месяцев дал нам понять, что подход к выбору исполнителя крайне ответственен. По итогам объявленных результатов выиграло агентство ONE TOUCH.
Благодаря соблюдению таймлайна и отлично слаженной работе с клиентом, мы успешно завершили проект в указанный срок — четыре месяца. К слову сказать, приятно, когда два лидера спутникового телевидения РФ наши клиенты. Рады, что наше сотрудничество продолжается и обсуждаются новые проекты.

Анатолий Емельянов, генеральный директор

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

Блочная, каскадная структура контента выгодна в адаптации под разные разрешения экрана.

Руководствуясь принципом разработки адапативных продуктов «mobile first», мы начали проектировать от меньших размеров к большим. Для каждой страницы мы проработали три вида построения интерфейса и контентных блоков, учитывая особенности взаимодействия пользователя с разными устройствами.

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

Антон Глотов, проектировщик

Дизайн строится на поддержке объёма и форм логотипа.

Цветовое кодирование помогает быстрее определить вид публикации.

Новости

Статьи

Лица

Медиатека

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

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

Дмитрий Алябьев, арт-директор

Вниз: «шапка» переходит в компактный режим, а «подвал» полностью скрывается, освобождая пространство для чтения.

Вверх: вернуться в полноценный режим.

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

Сергей Алейник, веб-технолог

Помимо стандартного поискового запроса,
контент можно найти с помощью тематического тегирования
и гибкой фильтрации.

Навигация по разделам

Поиск и фильтрация

Сортировка по тегам

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

Ирина Васильева, менеджер отдела внешних связей в Триколор ТВ

Результаты работы

Отправить Бриф

Спасибо. Мы получили вашу заявку и ответим в ближайшее время!

Спасибо!

Спасибо.
Мы получили вашу заявку и ответим в ближайшее время!