Адаптивный сайт Связного Банка
Вернуться к списку-
Тип проекта:Корпоративный сайт
-
Тематика сайта:IT, Интернет, связь
-
Редакция продукта:Эксперт
-
Сайт:
-
Партнер:
Перед агентством стояла задача увеличить долю мобильного траффика за счет комфортного использования веб-сайта Связного Банка с любого мобильного устройства. Поддержать имидж компании как прогрессивной, динамичной и современной, всегда готовой идти в ногу со временем.
Для того чтобы сделать сайт одинаково доступным со всех устройств, мы воспользовались данными статистики Google Analytics, изучили карту кликов текущего сайта и проанализировали пул девайсов, которыми пользуются клиенты Связного Банка.
В рамках проекта было разработано:
- макеты под четыре основных разрешения: 320, 480, 768 и 1024.
- более 100 прототипов
- 3 дизайн-концепции
- дизайн более 60 страниц
Работа над проектом ведется итерационно. Раздел за разделом мы обновляем сайт, что позволяет оперативно отслеживать конверсию и реагировать на обратную связь, поступающую от клиентов.
Мы учли пользовательские привычки, например: очевидно, что в таких разделах, как «Страховые услуги», «Управление по телефону», «Как пополнить и снять наличные» – клиентам будет неудобно просматривать с телефона объемные таблицы. Поэтому на мобильных строки таблиц адаптируются: подстраиваются под положение телефона и скрываются в расхлоп, не занимая полезное место на дисплее.
Графика на главной странице сайта, на первый взгляд, одинакова на любом устройстве. Но, присмотревшись, вы увидите, что на мобильных девайсах отображается меньше элементов, чем на десктопе – благодаря этой маленькой хитрости, ускоряется загрузка сайта и экономится трафик. Изображения не просто адаптируются по размеру, но и подстраиваются по весу под устройство.
«Благодаря гибкой форме работы по модели аутстафинга, мы наладили плотное взаимодействие со всеми службами банка и в кратчайшие сроки провели интеграцию со всевозможными клиентскими сервисами – от интернет-банкинга до оформления карты прямо на сайте».
Для того чтобы сделать сайт одинаково доступным со всех устройств, мы воспользовались данными статистики Google Analytics, изучили карту кликов текущего сайта и проанализировали пул девайсов, которыми пользуются клиенты Связного Банка.
В рамках проекта было разработано:
- макеты под четыре основных разрешения: 320, 480, 768 и 1024.
- более 100 прототипов
- 3 дизайн-концепции
- дизайн более 60 страниц
Работа над проектом ведется итерационно. Раздел за разделом мы обновляем сайт, что позволяет оперативно отслеживать конверсию и реагировать на обратную связь, поступающую от клиентов.
Мы учли пользовательские привычки, например: очевидно, что в таких разделах, как «Страховые услуги», «Управление по телефону», «Как пополнить и снять наличные» – клиентам будет неудобно просматривать с телефона объемные таблицы. Поэтому на мобильных строки таблиц адаптируются: подстраиваются под положение телефона и скрываются в расхлоп, не занимая полезное место на дисплее.
Графика на главной странице сайта, на первый взгляд, одинакова на любом устройстве. Но, присмотревшись, вы увидите, что на мобильных девайсах отображается меньше элементов, чем на десктопе – благодаря этой маленькой хитрости, ускоряется загрузка сайта и экономится трафик. Изображения не просто адаптируются по размеру, но и подстраиваются по весу под устройство.
«Благодаря гибкой форме работы по модели аутстафинга, мы наладили плотное взаимодействие со всеми службами банка и в кратчайшие сроки провели интеграцию со всевозможными клиентскими сервисами – от интернет-банкинга до оформления карты прямо на сайте».
