Заметив рост трафика с мобильных устройств, компания Baines & Ernst выпустила мобильную версию сайта. Однако поддерживать сразу два ресурса оказалось неэффективно, и тогда было найдено универсальное решение – адаптивный дизайн. В результате число страниц, просмотренных за посещение, увеличилось на 11%, средняя продолжительность посещения – на 30%, а количество конверсий на мобильных устройствах – на 51%. При этом показатель отказов уменьшился на 8%.

Компания Baines & Ernst, основанная в 1996 году, – ведущий поставщик финансовых решений в Великобритании. Сайт нужен компании главным образом для того, чтобы помочь потенциальным клиентам разобраться в предлагаемых услугах. Конверсией считается обращение за консультацией.

В поиске решений

Рост использования мобильных технологий не прошел для Baines & Ernst незамеченным: отчеты Google Analytics показывали, что все больше пользователей заходят на сайт со смартфонов. Поэтому в конце 2011 года компания запустила мобильную поисковую рекламу. Чтобы клиенты могли быстро получить нужную информацию, в объявлениях была реализована функция звонка по клику и показывались дополнительные ссылки. Результаты вдохновили Baines & Ernst на создание сайта для мобильных устройств, который был запущен во второй половине 2012 года.

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

Однако мобильная версия сайта была лишь промежуточным решением. "Мы стремимся к тому, чтобы наш контент был как можно более актуальным и сбалансированным, – объясняет коммерческий директор компании, Шаз Суламан (Shaz Sulaman). – Следить за обновлением сразу двух сайтов было неэффективно".

Специалисты Baines & Ernst также провели исследование потребительской аудитории, используя опросы и фокус-группы. Полученные результаты помогли выбрать оптимальное информационное наполнение для сайта. Он должен был давать ровно столько информации, сколько нужно, не перегружая пользователей излишними подробностями.

Переход на адаптивный дизайн

Наконец, после дополнительного тестирования, решение было найдено. "Мы хотели, чтобы пользователям было легко найти нужную информацию на любом устройстве", – объясняет Имран Хан (Imran Khan), главный менеджер по интернет-маркетингу в Baines & Ernst. Поэтому Имран и его команда предложили создать новый сайт с адаптивным дизайном. По словам Имрана, в результате они получили "единую платформу для всех устройств, включая компьютеры, планшеты и мобильные телефоны". На разработку ушло два месяца. "У нас не возникло никаких затруднений с технической стороной дела", – говорит он.

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

Нет предела совершенству

Новый адаптивный сайт превосходит своих предшественников как по удобству, так и по эффективности. Статистика по мобильным устройствам говорит сама за себя: число страниц, просмотренных за посещение, увеличилось на 11%, средняя продолжительность посещения возросла на 30%, а показатель отказов уменьшился на 8%. Качественный анализ показал, что новый сайт проще и удобнее в использовании. Но больше всего впечатляет прирост мобильных конверсий – 51%.