window.dataLayer = window.dataLayer || []; if ((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent)) === false && typeof(sessionStorage) != 'undefined' && sessionStorage.getItem('visited') !== 'y') { var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = '@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}'; document.getElementsByTagName('head')[0].appendChild(style); $(document).ready(function() { $('.t-records').addClass('t-records_animated'); setTimeout(function() { $('.t-records').addClass('t-records_visible'); sessionStorage.setItem('visited', 'y'); }, 400); }); }
2018

Лендинг для Freedom Finance

Заказчик
Freedom Finance - инвестиционная компания международного уровня, представленная в 8 странах: Казахстан, Россия, США, Германия, Украина, Кыргызстан, Узбекистан и Кипр.
$(window).resize(function() { var t477_doResize = $('#rec117351946').data('resize-timeout'); if (t477_doResize) { clearTimeout(t477_doResize) }; t477_doResize = setTimeout(function() { t477_setHeight('117351946'); }, 500); $('#rec117351946').data('resize-timeout', t477_doResize); }); $(document).ready(function() { t477_setHeight('117351946'); $('.t477').bind('displayChanged', function() { t477_setHeight('117351946'); }); });
Задача
Сделать дизайн и разработать промо-страницу для новой услуги компании - "ФОНД FXKZ".

Дизайн должен быть продающим - максимально побуждать посетителя оставить заявку. Плюс нужно было соблюсти фирменный стиль компании для поддержания узноваемости
$(window).resize(function() { if (typeof window.noAdaptive != "undefined" && window.noAdaptive == true && $isMobile) { return; } t478_setHeight('117352067'); }); $(document).ready(function() { t478_setHeight('117352067'); }); $('.t478').bind('displayChanged', function() { t478_setHeight('117352067'); });
Все началось с макетов
Первый вариант дизайна



Не совсем подошел
Ну, и плюс с десяток правок
Итоговый вариант



Подошел, но была еще небольшая порция правок
Далее наши кодеры сделали верстку
Адаптивность под все устройства. Нативный JavaScript. Валидный html
А так-же плавную анимацию
var div = $("#html5video117361056"); var height = div.width() * 0.5625; div.height(height);
И оптимизацию под Google Page Speed