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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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