Разработка сайта для производителя телекоммуникационных систем

 

Серьезный бизнес требует соответствующего присутствия в Интернете. Рассказываем о том, как реализовать сложный проект по разработке сайта на примере компании, занимающейся производством отечественного телекоммуникационного оборудования: читайте кейс!

Как было раньше

Прежняя версия сайта eltex.spb.ru выглядела слишком обычно и невыразительно. Она не отражала масштабы компании: проекты были кратко описаны в текстовом формате, они не показывали, насколько серьезная работа ведется силами «Элтекс». И, в целом, текстовый контент преобладал над визуальным, что не убеждало потенциального заказчика. Не хватало также и необходимого функционала, адаптивности. Поэтому возникла необходимость в существенной переработке сайта.

Задача

Разработать сайт, который:

  •    Будет отражать специфику бизнеса «Элтекс».
  •    Продемонстрирует многообразие и весь ассортимент оборудования.
  •    Будет соответствовать современным требованиям к техническим качествам и функционалу веб-ресурса.
  •    Убедительно и достойно представит выполненные компанией проекты.
  •    Поможет репутации и имиджу бренда.
  •    Будет работать на повышение конверсии и привлечение новых клиентов.

Решение

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

Проектирование

Работы по проектированию начали с того, что провели исследование деятельности телекоммуникационной компании «Элтекс»:

  •    Выяснили, что важно в их товарах заказчикам;
  •    Установили, как должен выглядеть понятный каталог продуктов и решений;
  •    Провели работу по изучению ЦА и конкурентов;
  •    Вычленили существенные преимущества;
  •    Проанализировали круг постоянных заказчиков.

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

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

В итоге структура была согласована и отражена в ТЗ, а мы приступили к разработке прототипов.

Прототипирование

На этой стадии были последовательно проработаны макеты всех элементов структуры будущего сайта и его страниц:

  •    Главной,
  •    О компании,
  •    Новостной,
  •    Контактов
  •    Каталога оборудования,
  •    Решений,
  •    Сервисного центра и т. д.

 

Стало очевидно, что при таком количестве решений и продуктов невозможно обойтись без фильтров и поиска на сайте.

Дизайн

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

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

Результат

Разработка сайта для телекоммуникационной компании увенчалась успехом! Были детально проработаны все страницы, в том числе:

  • Главная, которую оснастили промо-экраном под шапкой сайта с набором эффектных слайдов. Сюда же, на главную, выведено основное меню, популярные товары из каталога, порядок работ, преимущества, логотипы клиентов компании, консультации и отзывы.  Каталог товаров, сопровождаемый удобными и понятными фильтрами.
  •    Решения, где заказчики получат максимум информации о работе над проектами, ее результатах.
  •    «Сервисный центр» и «Обучение», значимые для деятельности «Элтекс».
  •    Фотогалерея с отображением превью, при клике на которые всплывает поп-ап (картинка с увеличенным изображением).
  •    «Контакты» со всеми значимыми данными и картой.

 

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

Для удобства пользователей внедрен поиск по сайту. Ресурс имеет отзывчивый дизайн, адаптированный под различные размеры браузеров. Разработаны версии дизайна сайта под ширину:

  1.                1366 пикселей;
  2.                720 пикселей;
  3.                320 пикселей.

Сайт корректно отображается во всех наиболее распространенных браузерах: Chrome, Яндекс, Firefox, Internet Explorer, Safari. Система управления сайтом реализована на основе CMS Umbraco 7.7.4.

Детали

Для того чтобы эффектно презентовать клиентам достижения «Элтекс», мы разработали оригинальный раздел «Решения».

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

«Каталог» — также достижение разработчиков. В нем имеется выпадающий список с дополнительным меню, состоящим из списка категорий оборудования.

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

Кому и как поможет этот кейс?

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