Веб-портал ГК "АйПильсин"

О проекте

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

О компании

Группа компаний "АйПильсин" — самый большой телекоммуникационный оператор в Красногорском районе Московской области (Красногорск, Опалиха и Ново-Никольское). Компании группы предлагают услуги Интернета, телевидения, телефонии и видеонаблюдения для физических и для юридических лиц.

Задачи

  • Привлечь и заинтересовать клиентов.
    Увеличить привлекательность бренда с помощью разработки нового веб-сайта.
  • Информационная поддержка клиентов.
    Новый веб-сайт должен объединить четыре корпоративных сайта в единое веб-представительство.
  • Продвижение решений для бизнеса.
    Услуги, предлагаемые компанией для корпоративного сектора, выделить в отдельный раздел.
  • Разработка приложений.
    Обновить проект "Камеры - Live" до последних программных технологий для повышения удобства пользования. Разработать бэк-офис приложение "Список заказов", позволяющий полноценно работать с поступающими заявками на подключение.

Решение

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

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

Для решения задачи привлечения и удержания клиентов было придумано несколько ключевых моментов.

Ключевые моменты

  • Кастомизированная лента Твиттера и большие кнопки социальных сетей — основная бросающаяся в глаза черта сайта. Продвижение в социальных сетях (SMM) — приоритетная задача для обретения преимущества перед конкурентами.

  • Слайдер — элемент дизайна, уже ставший банальностью, но по-прежнему привлекающий внимание посетителей. Людям нравится листать слайдер и смотреть на сменяющие друг друга изображения.

  • Реферальная программа и промо-акции — предлагаемая замена для существующего промо "Приведи друга". Комания будет прорабатывать свою новую реферальную программу и получит конкурентное преимущество. Например, запрограммирована возможность использования реферальных ссылок и реферальных кодов.
  • Подписка на новости — у компании не было подписки на новости на старом сайте. Для нового сайта были сделаны RSS, Email и SMS подписки. И, конечно, лента Твиттера для публикации ежедневных событий, связанных с жизнью компании.
  • Заявка на подключение — веб-форма, обрабатываемая через бэкенд-приложение. Эта хорошо проработанная форма охватывает все услуги, предлагаемые компанией и призвана увеличить конверсию посетителей сайта в клиентов компании.
  • Карта покрытия — интерактивная карта, построенная с помощью API Яндекс.Карт. Традиционный текстовый подход с выпадающим списком улиц и домов был переосмыслен, результатом чего явилась простая и наглядная сегментированная визуальная карта. У компании есть техническая возможность подключить любое здание в зоне покрытия, и посетитель сайта может мгновенно это увидеть.

Потенциал развития

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

  • Расширение раздела "Для юридических лиц" — этот раздел должен наполняться материалами, связанными с потребностями средних и крупных бизнес-образований, а также специальными предложениями, актуальными для компаний.
  • Мини-игры — возможность разработки мини-игр, интегрируемых напрямую в систему биллинга оператора.
  • SEO — валидная вёрстка HTML5 и быстрозагружающиеся оптимизированные страницы как нельзя лучше подходят для Organic SEO маркетинга. Русскоязычные URL'ы и доменное имя сайта также этому способствуют.
  • SMM — обязательное требование в современных бизнес-реалиях: активная работа с аудиторией социальных сетей, отслеживание реакции на то или иное предложение.
  • Онлайн-звонок, онлайн-чат — более быстрые способы связи с Абонентским Отделом компании.

Особенности дизайна

Шрифт определяет всё. Это один из важнейших элементов дизайна. Процесс выбора шрифта для сайта был долгий и болезненный. Было протестировано несколько коммерческих шрифтов, включая прекрасный Helvetica Neue (между прочим, Гари Хаствит даже снял документальный фильм, полный тонкого юмора, об этом семействе шрифтов).

К сожалению, кириллические символы во всех этих шрифтах имеют серьёзные проблемы с отображением на одной или нескольких операционных системах: Windows, Mac OS или Linux. В конце концов был выбран Arial, который очень близок к Helvetica, однако более проработан для отображения в браузерах различных ОС.

Корпоративные персонажи также были переработаны. Мультяшный стиль был заменён на более технологичный глянцевый отполированный 3D. Это — ещё одна ступенька на пути в будущее: например, компания может использовать 3D-модели персонажей при изготовлении ростовых кукол для участия в промо-акциях.

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

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

Проект "Камеры - Live"

Проект "Камеры - Live" покрывает ключевые точки города цифровыми камерами, транслирующими видео на ТВ и в Интернет в реальном времени и показывающими текущую транспортную ситуацию. Это уникальный для города проект.

Проект был переработан: добавлено отображение дорожных пробок, выполнена интеграция с последней версией API Яндекс.Карт, нарисованы новые иконки и переписан потоковый Flash-видеоплеер.

Приложение "Список заказов"

Бэкофис-модуль "Список заказов" — приложение, разработанное для Абонентского Отдела. Оно получает все входящие заявки на подключение, поступающие с веб-сайта и имеет веб-интерфейс для управления этими заявками.

Приложение имеет несколько ключевых возможностей:

  • Интеграция с CMS.
  • Мгновенный поиск.
    Позволяет совершать поиск без обновления страницы по фамилии абонента, номеру телефона или адресу подключения. Это стало возможно благодаря использованию одной из самых быстрых баз данных на рынке, а именно MongoDB.
  • Поле комментария.
    Сотрудник Абонентского Отдела может оставить комментарий для любой заявки, а затем передать её в работу. Очень простой бизнес-процесс для обработки Заявок на подключение.
  • Ссылка на карту.
    Технология, построенная с помощью API Яндекс.Карт, которая позволяет сотруднику Абонентского Отдела открыть адрес подключения на интерактивной карте одним щелком мыши.
  • Экспорт.
    Все записи, или записи, отфильтрованные мгновенным поиском, могут быть экспортированы в HTML-файл для хранения и печати.
  • Аутентификация LDAP.
    Обязательная функция корпоративного ПО, позволяющая выполнять вход в приложение с помощью учётных данных Active Directory. Также имеется дополнительная защита по IP-адресу.

Загрузка комментариев…

Команда

Менеджмент, проектирование, юзабилити, написание текстов, доработка материалов
Михаил Емельченков

Техническая реализация
Дмитрий Ильин

Веб-дизайн, инфографика
Miguelángel Felipe Suárez Cassirám

3D-иллюстрации
Vientros Multimedia

Технологии

HTML5 CSS3 JavaScript jQuery Twitter Yandex.Maps Flash Node.js MongoDB Active Directory Linux

Год выпуска

2013