GreenHata

Сайт компании Новая Эра

Задача

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

 

Главная

На главной странице пользователь действительно может решить все свои вопросы. У него есть доступ ко всем ключевым страницам. Поле поиска, контактные телефоны и главные разделы услуг — сквозные (то есть, отображаются на каждой странице, чтобы пользователь не «потерялся»).

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

 

new_era_main

 

Слайдеры

Объединить два слайдера на сайте — это наше решения для быстрого доступа пользователя к информации на сайте компании. В первом слайдере — структурный перечень услуг провайдера по группам. Нажимая на кнопки слайдера, пользователь вращает элементы. Тот баннер, который окажется по центру — засвечивается и увеличивается. При этом в нижнем слайдере отображается список всех услуг в этой категории. Смотрите в примерах.

 

Пример слайдера

Выбрана категория «Спутниковый интернет». Ниже отображены логотипы всех партнёров компании.

 

new_era_slider1 (2)

 

И ещё один пример слайдера

Теперь выбрана категория «Оборудование». Ниже в слайдере — категории оборудования.

 

new_era_slider1

 

Страница услуги (продукта)

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

 

Пример страницы услуги с текстом и медиаконтентом.

 

new_era_product

 

Страница продукта

Информация на странице расположена по приоритетности — сначала фото и цена. Ниже идёт полная характеристика продукта. Кнопка «Заказать» — маленькая, но на видном месте.

 

Пример страницы продукта 
 

new_era_product2

 

Форма заказа продукта

Нажимаем на кнопку — и появляется форма. В поле сообщения есть удобная фишка: автоматически введено название товара. Подстраиваемся под пользовательскую лень, ведь в противном случае название надо вводить вручную или закрыть форму и скопировать из заголовка. А зачем же закрывать форму?

 Вот она — хитрая форма…
 

new_era_order

 

Новости

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

 

new_era

 

Контакты

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

 

new_era (2)

 

Форма обращения

Взаимодействие по консультированию продумано так, чтобы привести пользователя на страницу с ответами на часто задаваемые вопросы. Если он всё-таки не нашел ответ, то обращается к консультантам посредством сайта. Так сделано для того, чтобы разгрузить службу поддержки (поэтому форма на сайте «слегка» спрятана, в обычных случаях на неё ведут огромные кнопки).

 

Общая форма обращения клиента по всем вопросам выглядит так:

 

new_era_form

 

О результате

Очень простой сайт и для пользователя и для контент-менеджера. Все свои задачи решает на ура.