16 декабря 2019

Сайт для «Лада-Медиа»

Разработали новый сайт для телекоммуникационного холдинга Тольятти, крупнейшего кабельного оператора Поволжья, учредителя телеканалов «ВАЗ ТВ» и «ТОЛЬЯТТИ 24».

Задача была разработать сайт для телекоммуникационного холдинга «Лада-Медиа». Новый сайт должен быть нагляден для потенциальных абонентов компании и соответствовать современным тенденциям в дизайне сайтов.

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

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

Еще ниже можно посмотреть акции и почитать последние новости компании, а также оплатить услуги, ознакомиться с телепрограммой и отправить заявку на ремонт либо на подключение.
Главная страница сайта компании «Лада-Медиа».
Главная страница сайта компании «Лада-Медиа».
Медиа-холдинг предлагает своим клиентам несколько видов услуг, каждой из которых мы присвоили определенное цветовое кодирование: Интернету — синий цвет, Телевидению — красный, а Интернет+ТВ — фиолетовый. 
Карточки с услугами компании «Лада-Медиа».
Карточки с услугами компании «Лада-Медиа».
И, конечно же, ни один сайт сейчас не делается без адаптации. А это, между прочим, увеличивает нагрузку на дизайнера и верстальщика в 3-4 раза, т.к. для каждой страницы приходится не просто рисовать 3-4 макета, а описывать поведение элементов, вычислять брейкпойнты, подбирать оптимальную сетку, адаптировать контент и продумывать эргономику.
Пример адаптации сайта под мобильную версию и десктоп.
Пример адаптации сайта «Лада-Медиа» под мобильную версию и десктоп.
На сайте предусмотрено мега-меню. Когда на сайте много разделов с большой вложенностью, мега-меню служит красивой картой сайта, где наглядно представлена вся структура проекта. Это очень удобно.
Мега-меню сайта «Лада-Медиа».
Мега-меню сайта «Лада-Медиа».
Все формы обратной связи сделаны с использованием микроанимации, что делает их интуитивно понятными даже самому неопытному посетителю сайта.
Пример формы обратной связи на сайте «Лада-Медиа».
Пример формы обратной связи на сайте «Лада-Медиа».
На новом сайте с точки зрения дизайна всё продумано и стилизовано до мелочей — даже страница с ошибкой.
Страница с ошибкой на сайте «Лада-Медиа».
Страница с ошибкой на сайте «Лада-Медиа».
Вся информация для абонентов теперь собрана и наглядно представлена в соответствующем разделе сайта. Здесь абоненты «Лада-Медиа» могут получить ответы на все свои вопросы.
Раздел «Абонентам» на сайте «Лада-Медиа».
Раздел «Абонентам» на сайте «Лада-Медиа».
Раздел «Новости» оформлен в виде цветных карточек.
Раздел «Новости» на сайте «Лада-Медиа».
Раздел «Новости» на сайте «Лада-Медиа».