Разработка мобильной версии сайта Лайса

Клиент:

АО «Лайса» - один из крупнейших операторов outdoor и indoor рекламы в России. Основанная в 1994, сегодня компания имеет разветвленную сеть филиалов по всей России. С 2006 года АО «Лайса» является рекламным оператором ОАО «РЖД» - сегодня в арсенале компании более 500 000 постоянно действующих рекламных носителей на вокзалах, пригородных платформах, в электропоездах, поездах дальнего следования и в полосе отвода железных дорог в различных городах нашей страны. Также агентство предоставляет комплекс услуг по разработке уникальной стратегии рекламной кампании, дизайна креативных рекламных макетов и изготовлению полиграфической продукции.

О нас:

Мы, ГК CiT, уже на протяжение 15 лет занимаемся автоматизацией Бизнеса по различным направлениям, в том числе, в тесном сотрудничестве с компанией 1С-Битрикс. Благодаря качественной работе по внедрению корпоративных порталов, бизнес-процессов, разработкой и продвижением сайтов и интернет-магазинов, мы получили статус Золотого Сертифицированного Партнера компании 1С-Битрикс и уже который год подтверждаем свои компетенции. 

Задача, поставленная клиентом: 

Как любая крупная компания, работающая на российском рынке, ОА «Лайса» имеет свой корпоративный сайт, который является лицом компании в сети. В связи с отсутствием адаптивного дизайна на текущем сайте и спецификой деятельности компании, предъявляющей свои требования к сайту – обилие крупных изображений, интерактивная карта рекламных площадок, схемы объектов – главной задачей проекта стала переработка существующего сайта для реализации максимально удобной для пользователя мобильной версии.

О платформе:

Десктопная версия ОА «Лайса» реализована на платформе Управление Сайтом от 1С-Битркис, редакция Бизнес. За время работы с сайтом у клиента не возникало проблем с администрированием, поэтому мобильная версия также реализовывалась на этой платформе. Благодаря имеющейся в решении технологии Многосайтовости, удалось создать независимые друг друга блоки публикации данных и реализовать мобильную версию сайта на отдельном поддомене. Разработка сайта велась с использованием фреймворка Bootstrap, что позволило сократить сроки выполнения проекта не в ущерб его качеству. Использование технологии Ajax позволило сделать сайт более динамичным и увеличить скорость его работы.

Описание работ:

Разработка сайта велась в два этапа. Первый этап – разработка адаптивного дизайна сайта. Клиент предоставил часть макетов, поэтому перед командой была поставлена задача не просто отрисовать макеты мобильной версии, но переработать структуру десктопной версии с учетом уже существующих дизайнерский наработок клиента.

Экспертное мнение:

Андрей Палий, ведущий дизайнер ГК CiT:
"Соблюдение общей стилистики мобильного сайта с десктопной версией было сложным по причине необходимости передать узнаваемость сайта и самого бренда, без ущерба юзабилити и эрганомики. Решение было найдено благодаря трудоемкой работе в области анализа юзабилити сайта и дизайна, сайт стал приятен в использовании на мобильных устройствах и при малых разрешениях экрана."

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

Особенности проекта:

•  Реализация механизма отдельной публикации материалов для мобильной и десктопной версии сайта
• Создание мобильной версии на отдельном поддомене
• Автоматическое считывание разрешения экрана устройства и перенаправление на мобильную версию сайта с соответствующим разрешением
• Динамичная смена контактных данных в зависимости от выбора города без перезагрузки страницы, что обеспечивает быстродействие сайта

• адаптивную версию сайта, корректно отображающуюся во всех основных типах браузеров, основных форматах планшетов и смартфонов (Apple Safari 9 и выше, Mozilla Firefox 30 и выше, Chrome 35.0 и выше, Opera 30, Internet Explorer от 11.00 и выше, и пр. наиболее часто используемые)
• увеличение посещаемости (так как у Google и Яндекса – самых популярных поисковиков России -  есть отдельная мобильная выдача), следовательно, больший приток клиентов (адаптивный сайт обладает большей конверсией относительно сайта без мобильной версии)
• компетентного партнера для дальнейшей доработки как десктопной версии сайта, так и ее адаптивной версии.

ГК CiT активно сотрудничает с ОА «Лайса» в области технической поддержки существующего сайта и его различных доработок.

Как говорится: «Аппетит приходит во время еды» - разработка мобильной версии сайта укрепила уверенность клиента в команде ГК CiT, и теперь он готов воплотить в реальность свои идеи в области веб-разработки.