Портфолио Artwell - Разработка веб-дизайна сайта Сбербанк Лизинг

Разработка адаптивной версии сайта Сбербанк Лизинг

Сайт: www.sberleasing.ru

Проект по разработке адаптивной версии сайта АО «Сбербанк Лизинг» был передан на исполнение АРТВЕЛЛ в середине июня 2015 года по итогам запроса и рассмотрения предложений потенциальных исполнителей. 

Имея многолетний опыт успешного сотрудничества с финансовыми институтами и крупнейшими компаниями этой сферы деятельности, включая и предшествующий опыт работы над проектами ПАО «Сбербанк» (проектирование мобильного приложения «Сбербанк Бизнес ОнЛ@йн», создание графического оформления годового отчета Сбербанка), компания АРТВЕЛЛ смогла сформировать и представить предложение, наиболее удовлетворяющее требованиям АО «Сбербанк Лизинг». 

При выборе компании АРТВЕЛЛ заказчиком были учтены предложенные сроки и стоимость проекта, структура и содержание намеченных работ, являющиеся отражением современных подходов к созданию адаптивных версий интернет-ресурсов, а также полное понимание целей и задач АО «Сбербанк Лизинг» в рамках предстоящего выполнения проекта.

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

Выполненные работы

В рамках реализации проекта АРТВЕЛЛ были осуществлены следующие работы:

1. Разработка дизайна, соответствующего цветовой схеме основного сайта АО «Сбербанк Лизинг» и использующего кастомизированные элементы дизайна (значки, кнопки и т.д.):
• разработка двух вариантов дизайна главной страницы;
• разработка дизайна всех других страниц сайта в соответствии с утвержденным заказчиком вариантом дизайна главной страницы.
2. Верстка дизайна с задействованием передовых возможностей CSS3 и HTML5 (CSS-исключения, CSS-маски, новая семантика, модели смешивание, работа с графикой и мультимедиа, композиции, другие) и на основе основных принципов адаптивной верстки.
3. Интеграция адаптивной версии с ядром сайта (CMS 1С-Битрикс):
• создание шаблона, соответствующего формату шаблонов в 1С-Битрикс;
• адаптация компонентов макета (html, css, js файлы) к созданном шаблону;
• приведение функциональности форм и контроллов адаптивной версии в соответствие с функционалом основной версии сайта.

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

4. Разработка отдельного слайдера для мобильных устройств, имеющего управление из отдельного инфоблока. 
5. Тестирование сайта на мобильных устройствах с различными диагоналями и разрешениями экрана. 

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

Возврат к списку