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

Главное о кейсе

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

Бизнес-задача и ее решение

Целью проекта являлось разработка дизайна адаптивной версии сайта АО «Сбербанк Лизинг».

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

Прочая информация о кейсе

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