Адаптивный дизайн сайта

Адаптивный дизайн сайта


Стоит ли ограничивать собственный интернет бизнес, привлекая внимание целевой аудитории пользователей, обладающих только ноутбуками и компьютерами? Конечно, нет! Ведь на данный момент активными пользователями и покупателями товаров и услуг является многомиллионная каста владельцев мобильных гаджетов. Достаточно предоставить клиентам возможность с комфортом просматривать ваш интернет-ресурс, где используется адаптивный дизайн сайта, на экране любого мобильного устройства, чтобы ощутить заметный прирост в конверсии!

адаптивный дизайн сайта

Адаптивный дизайн сайта – это современная технология, которая применима к интернет-проектам любого масштаба, позволяющая адекватно отображать страницы контента на любом мультимедийном экране: от десктопа до современного смартфона. Наличие адаптивной разработки сайта способствует обеспечению качественной коммуникации с аудиторией, что непременно позитивно сказывается на прибыльности проекта.

Для обеспечения должного эффекта нужно уже сегодня доверить свой сайт в руки настоящих профессионалов, способных оперативно произвести адаптацию вашего контента под нужды клиента. Профессионалами в области веб-маркетинга и адаптивной верстки являемся мы – компания wit-co.

Преимущества адаптивного дизайна для сайта:

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

Чтобы увидеть реальный потенциал вашего сайта в действии и значительным образом расположить к себе потенциальную группу людей (ваших будущих и постоянных клиентов), сосредоточьте их внимание при помощи современного адаптивного дизайна!

Одним из важных факторов развития любого интернет проекта является его посещаемость. Не стоит упускать шанс, сделать его еще удобнее при помощи адаптивного дизайна.

>


>
pt> tpt> tt> $(document).ready(function(){ $('#form_wrapper_call_phone2 #v_phone').mask("+7 999 9999999",{placeholder:" "}); }); function OnResize__phone2(event){ ajustScrollTop($(event.data.elem)); } $(document).ready(function(){ var Selector = 'a.phone_us'; if(Selector == ''){ Selector = "a.call-phone"; } $(Selector).click(function(event){ $("#overlay_phone2").css({"height":$(document).height()}).show(); $("html,body").addClass("overlay-lock_1"); $('#form_wrapper_call_phone2').css({display:"block"}); ajustScrollTop($("#form_wrapper_call_phone2")); $(window).bind('resize',{elem:$("#form_wrapper_call_phone2")},OnResize__phone2); event.preventDefault(); }); $('html,body').click(function(event){ var popup = $(event.target).parents('#form_wrapper_call_phone2'); var trigger = false; $(Selector).each(function (){ if(this == $(event.target).get(0)){ trigger = true; } if($(this).find(event.target).length > 0){ trigger = true; } }) if(trigger){ // if we click on trigger do nothing }else{ if(popup.length > 0){ // if we click on popup do nothing }else{ //console.log('hide'); $("html,body").removeClass("overlay-lock_1"); $('#form_wrapper_call_phone2').hide(); $("#overlay_phone2").css({"height":"100%"}).hide(); $(window).unbind('resize',OnResize__phone2); } } }); /* // закрываем блоки с формами $('#overlay_phone2').click(function(event){ //$('#overlay_phone2').fadeOut(500); $('#form_wrapper_call_phone2').hide(); event.preventDefault(); }); */ }); $(function(){ //alert('it works!'); // поля формы фокус $('#form_wrapper_call_phone2 #v_name').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Введите ФИО' || $(this).val() == 'Поле ФИО не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #v_phone').on('focus', function(){ //if($(this).val() == '' || $(this).val() == 'Введите телефон' || $(this).val() == 'Поле Телефон не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #v_time').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Удобное время для звонка' || $(this).val() == 'Поле не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #v_mess').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Сообщение' || $(this).val() == 'Поле Сообщение не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_phone2 #call_ord').on('submit', function(event){ var canSend = 1; if($('#form_wrapper_call_phone2 #v_name').val() == ''){$('#form_wrapper_call_phone2 #v_name').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if($('#form_wrapper_call_phone2 #v_phone').val() == ''){$('#form_wrapper_call_phone2 #v_phone').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} //if($('#v_time').val() == 'Удобное время для звонка'){$('#v_time').css({'border':'1px solid #f00', 'color':'#f00'}).val('Поле не заполнено!'); canSend = 0;} if($('#form_wrapper_call_phone2 #v_mess').val() == ''){$('#form_wrapper_call_phone2 #v_mess').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} if(canSend != 0){ //подготавливаем и отправляем данные… var form = $(this); var url = form.attr('action'); var type = $(this).attr('id'); var sessid = $('#form_wrapper_call_phone2 [name="sessid"]').val(); var name = $('#form_wrapper_call_phone2 #v_name').val(); var phone = $('#form_wrapper_call_phone2 #v_phone').val(); var time = $('#form_wrapper_call_phone2 #v_time').val(); var usemess = $('#form_wrapper_call_phone2 #use_mess').val(); var message = $('#form_wrapper_call_phone2 #v_mess').val(); var captcha_sid = $('#form_wrapper_call_phone2 #captcha_sid').val(); var captcha_word = $('#form_wrapper_call_phone2 #captcha_word').val(); var PARAMS_HASH = $('#form_wrapper_call_phone2 #PARAMS_HASH').val(); // если поле Сообщение активно if(typeof message !== 'undefined'){ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, v_mess: message, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH, params_number: 1 ,templateName:"phone2" }, function(data){ form.find('.frm_place').empty().html(data); } ); } else{ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH, params_number: 1 ,templateName:"phone2" }, function(data){ form.find('.frm_place').empty().html(data); setTimeout( function(){ $('#overlay_phone2').fadeOut(500); $('#form_wrapper_call_phone2').hide(); } ,3000); } ); } event.preventDefault(); } else{ return false; } }); }); function OnResize__mail(event){ ajustScrollTop($(event.data.elem)); } $(document).ready(function(){ var Selector = 'a.email_us'; if(Selector == ''){ Selector = "a.call-phone"; } $(Selector).click(function(event){ $("#overlay_mail").css({"height":$(document).height()}).show(); $("html,body").addClass("overlay-lock"); $('#form_wrapper_call_mail').css({display:"block"}); ajustScrollTop($("#form_wrapper_call_mail")); $(window).bind('resize',{elem:$("#form_wrapper_call_mail")},OnResize__mail); event.preventDefault(); }); $('html,body').click(function(event){ var popup = $(event.target).parents('#form_wrapper_call_mail'); var trigger = false; $(Selector).each(function (){ if(this == $(event.target).get(0)){ trigger = true; } }) if(trigger){ // if we click on trigger do nothing }else{ if(popup.length > 0){ // if we click on popup do nothing }else{ //console.log('hide'); $("html,body").removeClass("overlay-lock"); $('#form_wrapper_call_mail').hide(); $("#overlay_mail").css({"height":"100%"}).hide(); $(window).unbind('resize',OnResize__mail); } } }); /* // закрываем блоки с формами $('#overlay_mail').click(function(event){ $('#form_wrapper_call_mail').hide(); event.preventDefault(); }); */ }); function validateEmail(email) { var re = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i; return re.test(email); } $(function(){ //alert('it works!'); // поля формы фокус $('#form_wrapper_call_mail #v_name').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Введите ФИО' || $(this).val() == 'Поле ФИО не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #v_phone').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Введите телефон' || $(this).val() == 'Поле Телефон не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #v_time').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Удобное время для звонка' || $(this).val() == 'Поле не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #v_mess').on('focus', function(){ if($(this).val() == '' || $(this).val() == 'Сообщение' || $(this).val() == 'Поле Сообщение не заполнено!') $(this).val('').css({'color':'#b4b4b4', 'border-color':'#b4b4b4'}); }); $('#form_wrapper_call_mail #call_ord').on('submit', function(event){ var canSend = 1; if($('#form_wrapper_call_mail #v_name').val() == ''){$('#form_wrapper_call_mail #v_name').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if($('#form_wrapper_call_mail #v_phone').val() == ''){$('#form_wrapper_call_mail #v_phone').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} //if($('#v_time').val() == 'Удобное время для звонка'){$('#v_time').css({'border':'1px solid #f00', 'color':'#f00'}).val('Поле не заполнено!'); canSend = 0;} if($('#form_wrapper_call_mail #v_mess').val() == ''){$('#form_wrapper_call_mail #v_mess').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0;} var Mail = $('#form_wrapper_call_mail #v_mail').val(); if(!validateEmail(Mail)){ $('#form_wrapper_call_mail #v_mail').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if(!$('#form_wrapper_call_mail #v_approve').is(':checked')){ $('#form_wrapper_call_mail .v_approve_wrap').css({'border':'1px solid #f00', 'color':'#f00'}); canSend = 0; } if(canSend != 0){ //подготавливаем и отправляем данные… var form = $(this); var url = form.attr('action'); var type = $(this).attr('id'); var sessid = $('#form_wrapper_call_mail [name="sessid"]').val(); var name = $('#form_wrapper_call_mail #v_name').val(); var phone = $('#form_wrapper_call_mail #v_phone').val(); var time = $('#form_wrapper_call_mail #v_time').val(); var usemess = $('#form_wrapper_call_mail #use_mess').val(); var message = $('#form_wrapper_call_mail #v_mess').val(); var captcha_sid = $('#form_wrapper_call_mail #captcha_sid').val(); var captcha_word = $('#form_wrapper_call_mail #captcha_word').val(); var PARAMS_HASH = $('#form_wrapper_call_mail #PARAMS_HASH').val(); var email = $('#form_wrapper_call_mail #v_mail').val(); // если поле Сообщение активно if(typeof message !== 'undefined'){ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, v_mess: message, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH, params_number: 2, v_email:email, templateName:"mail" }, function(data){ form.find('.frm_place').empty().html(data); } ); } else{ $.post(url, { form_type: type, sessid: sessid, v_name: name, v_phone: phone, v_time: time, captcha_sid: captcha_sid, captcha_word: captcha_word, PARAMS_HASH: PARAMS_HASH ,params_number: 2 ,v_email:email ,templateName:"mail" }, function(data){ form.find('.frm_place').empty().html(data); setTimeout( function(){ $('#overlay_mail').fadeOut(500); $('#form_wrapper_call_mail').hide(); } ,3000); } ); } event.preventDefault(); } else{ return false; } }); });