Международное Digital-агентство полного цикла
Международное Digital-агентство полного цикла
Международное Digital-агентство полного цикла

JAGUAR И LAND ROVER

Новая версия мобильного приложения программы лояльности

Новое мобильное приложение — это личный кабинет для владельцев Jaguar и Land Rover, позволяющий отобразить на экране мобильного устройства список партнеров компании, готовых предоставить клиентам особые льготы и привилегии; техническую и сервисную информацию об автомобиле; рейтинги дилеров по уровню послепродажного обслуживания и многую другую полезную информацию.

Логин и регистрация пользователя

Регистрация пользователя происходит
в несколько простых шагов

Помощь на дорогах
Программа помощи на дорогах. Каким бы совершенным ни был автомобиль, никто не застрахован от неприятных сюрпризов на дорогах.
Дилерская сеть
Адреса всех салонов официальной дилерской сети во всех городах Российской Федерации рядом с вашим местоположением с возможностью записи на приём.
Land Rover Experience
Предусмотрена запись на занятия, где можно протестировать все модели Land Rover и Jaguar на сложной трассе..

Внутренние страницы приложения

Нарисовано более 100 экранов

Приложение с обновлённым дизайном доступно
для скачивания в App Store

.jlr-specific .b-portfolio-detailed-hero__title { font-weight: 600; font-size: 80px; line-height: 88px; margin: 0 -30px 20px; letter-spacing: .05em; } .jlr-specific .b-portfolio-detailed-hero__subtitle{ font-size: 22px; line-height: 28px; } .b-portfolio-detailed-hero__container { padding: 75px 0 50px; margin: 0 auto; max-width: 760px; background: #fff; } .b-portfolio-detailed-hero .b-portfolio-detailed-hero__desc { max-width: 85%; } .b-portfolio-detailed-hero__icons { margin-top: 80px; margin-bottom: 20px; display: flex; justify-content: space-between; max-width: 700px; margin-left: auto; margin-right: auto; } .b-portfolio-detailed-hero__icons-item:last-child { margin-right: -20px; } .b-portfolio-detailed-hero__icons img { margin: 0 15px; } .b-portfolio-detailed-hero__icons-item { display: inline-block; text-align: center; margin: 0 28px; } .b-portfolio-detailed-hero__icons-img { margin-bottom: 15px; } .b-portfolio-detailed-hero__icons a { font-weight: bold; font-size: 17px; text-decoration: underline; } .b-portfolio-detailed-hero__icons a:hover { text-decoration: none; } .b-portfolio-detailed-hero__img { margin-top: 65px; } .b-speech__author-photo { vertical-align: top; display: inline-block; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .b-speech__author-name { margin-top: 20px; font-weight: bold; color: #000; font-size: 18px; text-transform: uppercase; } .b-speech__author-post { font-size: 15px; color: #000; } .b-speech__text { margin-top: 25px; padding-top: 45px; background: url(/images/quotes.png) 50% 0 no-repeat; } .b-valign-block { width: 100%; height: 100%; display: table; } .b-valign-block__container { display: table-cell; height: 100%; vertical-align: middle; } .bx-slider { margin: 0; padding: 0; } .bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; } .b-thumbnail-slider { position: relative; z-index: 5; } .b-thumbnail-slider_deliver-nav { padding-bottom: 100px; } .slider-navigations { position: relative; max-width: 1160px; margin: 60px auto 0; z-index: 10; } .slider-navigations_deliver-nav { top: -92px; margin-bottom: -92px; } .slider-nav { top: -65px; position: absolute; color: #fff; } .slider-nav a { top: 0; left: 0; position: absolute; z-index: 1; width: 60px; height: 60px; text-indent: -999em; outline: none; } @media (min-width: 992px) { .slider-nav { top: 50%; margin-top: -40px; } } .slider-nav_next { right: 50%; margin-right: -100px; } @media (min-width: 992px) { .slider-nav_next { right: 0; margin-right: 0; } } .slider-nav_prev { left: 50%; margin-left: -100px; } @media (min-width: 992px) { .slider-nav_prev { left: 0; margin-left: 0; } } #bx-pager { max-width: 940px; margin: 0 auto; overflow: hidden; text-align: center; } #bx-pager a { background: #fff; display: inline-block; margin: 0 25px 20px; outline: none; } @media (min-width: 768px) { #bx-pager a { width: 200px; margin-bottom: 0; } } @media (min-width: 992px) { #bx-pager a { width: 260px; } } @media (min-width: 1200px) { #bx-pager a { width: 280px; float: left; margin-left: 50px; margin-right: 0; } #bx-pager a:first-child { margin-left: 0; } } #bx-pager .active img { opacity: .5; } .img-section img { width: 100%; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } .b-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .b-video iframe, .b-video object, .b-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b-portfolio-section { max-width: 100%; margin: 0 auto; } .b-portfolio-section__intro { padding-bottom: 85px; position: relative; z-index: 2; background: #fff; } .b-portfolio-section__img { zoom: 1; text-align: left; margin-bottom: 50px; } .b-portfolio-section__img:before, .b-portfolio-section__img:after { display: table; content: ""; zoom: 1; } .b-portfolio-section__img:after { clear: both; } .b-portfolio-section__img img { float: left; margin-right: 40px; } .b-portfolio-section__img-text { overflow: hidden; } .theme-color { color: #fff; background: #9d2837 !important; } .jlr-mob {display: none;} .jlr-pad {display: none;} .jlr-desk {display: block;} img.jlr-desk {display: inline-block;} @media screen and (max-width: 768px) { img.jlr-desk {display: none;} .jlr-desk {display: none;} .jlr-mob {display: none;} .jlr-pad {display: block;} img.jlr-pad {display: inline-block;} } @media screen and (max-width: 480px) { .jlr-desk {display: none;} img.jlr-desk {display: none;} .jlr-pad {display: none;} img.jlr-pad {display: none;} .jlr-mob {display: block;} img.jlr-mob {display: inline-block;} } .jlr-firstscreen{ padding-bottom: 100px; padding-top: 19px; } @media screen and (max-width: 480px) { .jlr-firstscreen { padding-bottom: 30px; padding-top: 0; } } .b-portfolio-section-phone{ margin-bottom: -480px; margin-top: -100px !important; padding-top: 0 !important; } .b-portfolio-section-phone.jlr-mob{ margin-bottom: -205px; margin-top: -30px !important; padding-top: 0 !important; } .b-portfolio-section--postphone{ padding-top: 480px; } @media screen and (max-width: 480px) { .b-portfolio-section--postphone{ padding-top: 205px; } } .b-portfolio-section__content-title{ font-size: 48px; line-height: 48px; margin: 25px 0 30px; text-align: center; font-weight: 300; color: #fff; font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .b-portfolio-section__content-title--black{ color: #333333; } .b-portfolio-section__content-subtitle{ font-size: 25px; line-height: 30px; text-align: center; opacity: 0.6; font-weight: 300; color: #fff; font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .b-portfolio-section__text{ font-size: 20px; line-height: 30px; color: #fff; font-weight: 300; font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .b-portfolio-section__phones{ display: flex; margin-top: 90px; width: 100%; padding-bottom: 160px; justify-content: space-between; max-width: 940px; margin-left: auto; margin-right: auto; } .b-portfolio-section__phones__phone{ max-width: 100%; } .b-portfolio-section__phones__spacer{ max-width: 80px; min-width: 50px; width: 100%; } @media screen and (max-width: 1130px) { .b-portfolio-section__phones__spacer{ width: auto; } } @media screen and (max-width: 480px) { .b-portfolio-section__phones__spacer{ min-width: 20px; width: auto; } } .b-portfolio-section__content--nopadding{ padding: 0; } .b-portfolio-section-points{ padding: 130px 0; text-align: center; } .b-portfolio-section-points > .l-container{ text-align: center; } .b-portfolio-section__ui{ padding: 145px 0; } .b-portfolio-section__ui > .l-container{ text-align: center; } @media screen and (max-width: 768px) { .b-portfolio-section__ui{ padding: 100px 0; } } @media screen and (max-width: 480px) { .b-portfolio-section-points{ padding: 60px 0; } .b-portfolio-section__ui{ padding: 40px 0; } } .jlr-fullsize-img{ max-width: 100%; } .b-portfolio-section--lastscreen{ padding-top: 135px; padding-bottom: 600px; background-size: auto; } @media screen and (max-width: 480px) { .b-portfolio-section--lastscreen{ padding-bottom: 300px; padding-top: 60px; } } .b-portfolio-section--lastscreen-shop{ margin-top: 40px; text-align: center; } .b-portfolio-section-features{ position: relative; padding-top: 185px; padding-bottom: 50px; } @media screen and (min-width: 1300px) { .b-portfolio-section-features > .l-container { max-width: 940px !important; width: 940px !important; min-width: 940px !important; } } .b-portfolio-section-feature{ text-align: left; } .b-portfolio-section-feature__text{ max-width: 50%; display: inline-block; } .b-portfolio-section-feature > img { display: inline-block; } .b-portfolio-section-feature1 > img{ margin-left: -145px; } .b-portfolio-section-feature1 > .b-portfolio-section-feature__text{ margin-right: -280px; margin-left: 60px; padding-top: 216px; } .b-portfolio-section-feature2 > img{ margin-right: -255px; margin-left: 80px; margin-top: -120px; } .b-portfolio-section-feature2 > .b-portfolio-section-feature__text{ margin-left: -75px; padding-top: 65px; } .b-portfolio-section-feature3 > img{ margin-left: -145px; margin-top: -200px; } .b-portfolio-section-feature3 > .b-portfolio-section-feature__text{ margin-right: -200px; margin-left: 60px; padding-top: 32px; } img.b-portfolio-section-features-line{ position: absolute !important; left: 50%; top: 410px; transform: translate(-50%,0); } @media screen and (max-width: 1130px) { .b-portfolio-section-features > .l-container { max-width: 699px !important; width: 699px !important; min-width: 699px !important; } .b-portfolio-section-feature__text-title{ font-size: 45px; line-height: 52px; } .b-portfolio-section-feature > img { max-width: 400px; } .b-portfolio-section-feature1 > img { margin-left: -60px; } img.b-portfolio-section-features-line{ top: 405px; } .b-portfolio-section-feature2 { padding-top: 122px; } .b-portfolio-section-feature3 { padding-top: 93px; } .b-portfolio-section-feature2 > .b-portfolio-section-feature__text { margin-left: 0; padding-right: 50px; box-sizing: border-box; } .b-portfolio-section-feature2 > img { margin-left: 0; margin-top: 15px; } .b-portfolio-section-feature1 > .b-portfolio-section-feature__text, .b-portfolio-section-feature3 > .b-portfolio-section-feature__text { margin-right: 0; margin-left: 0; padding-left: 60px; box-sizing: border-box; } .b-portfolio-section-features{ padding-bottom: 180px; } .b-portfolio-section-feature3 > img{ margin-top: -60px; margin-left: -70px; margin-right: -70px; max-width: 480px; } } @media screen and (max-width: 480px) { img.b-portfolio-section-features-line{ top: 100px; width: 10px; } } @media screen and (max-width: 690px) { .b-portfolio-section-features.jlr-mob{ display: block !important; } .b-portfolio-section-features.jlr-desk{ display: none !important; } .b-portfolio-section-features-img{ width: 100%; } .b-portfolio-section-features{ padding-top: 0; padding-bottom: 0; } } .b-portfolio-section-feature__text-title{ font-size: 48px; line-height: 60px; font-weight: 300; margin-bottom: 25px; margin-right: -20px; color: #fff; font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media screen and (max-width: 480px) { .b-portfolio-section-feature__text-title{ font-size: 12px; line-height: 16px; } } .b-portfolio-section-feature__text-text{ font-size: 20px; line-height: 30px; color: #fff; font-weight: 300; font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .b-portfolio-section-screens .b-portfolio-section__content-title{ margin: 0 0 140px 0; } .b-portfolio-section-screens { padding-top: 120px; } .b-portfolio-section-screens__wrap { display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto; } .b-portfolio-section-screens__wrap > div { width: calc(33% - 35px); } .b-portfolio-section-screens__wrap > div > img { box-shadow: 0 0 60px -5px rgba(0,0,0,0.3); margin-bottom: 80px; } .b-portfolio-section--logoscreen{ padding: 100px 0; } .b-portfolio-section--logoscreen .l-container{ max-width: 350px; min-width: 350px; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .b-portfolio-detailed-hero .b-portfolio-detailed-hero__desc{ max-width: 100%; } .b-portfolio-section--logoscreen .l-container{ max-width: 80%; min-width: 80%; margin-left: auto; margin-right: auto; } .jlr-specific .b-portfolio-detailed-hero__subtitle { max-width: 90%; margin: 0 auto; } .b-portfolio-detailed-hero__separator { margin: 35px auto; } .b-portfolio-detailed-hero__icons{ display: flex; justify-content: space-between; } .b-portfolio-detailed-hero__icons-item:first-child{ margin-right: 0px; margin-left: 0; } .b-portfolio-detailed-hero__icons-item:last-child{ margin-left: 0px; margin-right: -40px; } .l-container { width: 700px; min-width: auto; max-width: 91%; margin: 0 auto; } .b-portfolio-section-screens__wrap > div { max-width: calc(33% - 25px); } .b-portfolio-section-screens__wrap > div > img { margin-bottom: 60px; } } @media screen and (max-width: 480px) { /* .b-portfolio-detailed-hero__icons-item:last-child { margin-right: 0px; } */ .b-portfolio-detailed-hero__icons-item:first-child { margin-right: -40px; } .jlr-specific .b-portfolio-detailed-hero__title { font-size: 26px; line-height: 36px; margin: 0 0 20px; } .jlr-specific .b-portfolio-detailed-hero__subtitle { font-size: 18px; line-height: 23px; max-width: 60%; margin: 0 auto; } .l-container { max-width: 81%; } .b-portfolio-detailed-hero__icons { display: block; } .b-portfolio-detailed-hero__icons-img{ margin-bottom: -10px; } .b-portfolio-detailed-hero__icons img{ max-width: 75%; } .b-portfolio-detailed-hero__icons a{ margin-bottom: 25px; display: block; } .b-portfolio-section__content-title{ font-size: 13.5px; line-height: 15px; margin: -60px 0 10px 0; } .b-portfolio-section__content-subtitle{ font-size: 7px; line-height: 8px; } .b-portfolio-section__phones{ margin-top: 25px; padding-bottom: 45px; } .b-portfolio-section-features{ padding-top: 0; padding-bottom: 0; } .b-portfolio-section-screens{ padding-top: 35px; } .b-portfolio-section-screens .b-portfolio-section__content-title{ margin-bottom: 35px; } .b-portfolio-section-screens__wrap > div > img{ margin-bottom: 20px; } .b-portfolio-section-screens__wrap > div{ max-width: calc(33% - 15px); } .b-portfolio-section--lastscreen .b-portfolio-section__content-title{ font-size: 24px; line-height: 28px; margin: 0 auto 20px; } .b-portfolio-section--lastscreen .b-portfolio-section__content-subtitle { font-size: 13px; line-height: 16px; } .b-portfolio-section--lastscreen-shop{ margin-top: 25px; } .b-portfolio-section--lastscreen-shop img{ max-width: 75px; } .b-portfolio-section--logoscreen{ padding: 45px 0; } .b-portfolio-section--logoscreen img{ max-width: 60px; } } .b-portfolio-section--logoscreen .l-container{ position: relative; } .b-portfolio-section--logoscreen .l-container:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; order: 2; background: #e9e9e9; z-index: 3; } .b-portfolio-section--logoscreen div:last-child{ order: 3; } .b-portfolio-detailed-hero__separator{ margin: 60px auto; }