Портfoлио


Гео и язык канала: Киргизия, Русский
Категория: Дизайн


тут-то мои работы
а тут я🔻
@axzhanov

Связанные каналы

Гео и язык канала
Киргизия, Русский
Категория
Дизайн
Статистика
Фильтр публикаций








схема для ТЗ по сайту


Главный экран
Понятный оффер, правило 3 секунд
Подзаголовок, факты, логические доводы
Простой для ЦА захват контактов

Усиление боли
Показываем переход из А в Б,
от боли до её решения Визуал усиливает боль и
показывает её решение

Что вы предлагаете?
Основные категории
товаров/услуг Показывайте самую
минимальную цену,
не светите дорогую При нажатии — переход
на страницу категории
или захват контактов

Кейсы/
портфолио
Какой результат?
Покажите выполненные
работы/готовый продукт
Использование
интерактивных элементов и
логотипов для привлечения
пользователя

Квиз-тест
Самый популярный вариант
на расчёт стоимости Подстраивается под другие
виды: подбор товара/услуги
и т. д. Максимум 5 вопросов,
раскрывающих вашу
экспертизу в нише Подарок по прохождении
для увеличения конверсии
квиз-теста

Метод, подход
Раскрываем УТП —
уникальное торговое
предложение
продукта
Уникальный подход
в производстве
Авторский метод
достижения
результата

Отзывы

Секции дожимания
Показываем команду,
если она есть
Этапы сотрудничества,
порядок взаимодействия
Усиливаем доверие —
показываем уровень сервиса

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

Часто задаваемые
вопросы, FAQ
Закрываем все
оставшиеся возражения
Поднять все вопросы,
которые могут беспокоить
перед выбором/покупкой






Видеофон Тильда:








$(document).ready(() => {
let width = $(window).width();
let height = $(window).height();
$("#videoBackground")
.width(width)
.height(height);
});

$(window).resize(() => {
let width = $(window).width();
let height = $(window).height();
$("#videoBackground")
.width(width)
.height(height);
});


javascript:t452_scrollToTop();

Уже понятно что это


$(document).ready(function () {
$(function () {
let initValue = 976543; //Начальное число
let elArr = [
"my-number", //Класс элемента
1000000, //Конечное число
"", //Подпись после числа
50, //Дистанция до срабатывания
3000, //Скорость анимации в миллисекундах
1100, //Задержка до срабатывания анимации в миллисекундах
"Первое число ", //Подпись до числа
];
let target_block = $("." + elArr[0] + " .tn-atom");
let blockStatus = true; // https://oohmy.site/
$(window).scroll(function () {
let scrollEvent =
$(window).scrollTop() >
$(target_block).offset().top - $(window).height() + elArr[3];
if (scrollEvent && blockStatus) {
blockStatus = false;
setTimeout(() => {
$({ numberValue: initValue }).animate(
{ numberValue: elArr[1] },
{ //https://oohmy.site/
duration: elArr[4],
easing: "swing",
step: function (val) {
target_block.html(
elArr[6] +
String(Math.ceil(val)).replace(
/(\d)(?=(\d{3})+([^\d]|$))/g,
"$1 " // Уберите пробел после единицы, если не хотите разделение нулей в числе пробелом
) +
" " +
elArr[2]
);
},
}
);
}, elArr[5]);
}
}); //https://oohmy.site/
});
});


Вырастание чисел


$(function() {

var blockScrollId = '#rec831087966';

var blockArrowsId = '#rec831104063';

var shiftSize;
$(window).on('load resize', function(){

if (window.matchMedia('(max-width: 480px)').matches) {
// Укажи величину сдвига при клике на стрелку для разрешения 320-480px
shiftSize = '320px';
}
else if (window.matchMedia('(max-width: 640px)').matches) {
// Укажи величину сдвига при клике на стрелку для разрешения 481-640px
shiftSize = '320px';
}
else if (window.matchMedia('(max-width: 960px)').matches) {
// Укажи величину сдвига при клике на стрелку для разрешения 641-960px
shiftSize = '320px';
}
else if (window.matchMedia('(max-width: 1200px)').matches) {
// Укажи величину сдвига при клике на стрелку для разрешения 961-1200px
shiftSize = '320px';
}
else {
// Укажи величину сдвига при клике на стрелку для разрешения больше 1200px
shiftSize = '320px';
}

});


$(blockScrollId + ' .t396__artboard').addClass('scrollbooster-viewport').wrapInner('');
$(blockScrollId + ' .t396').css('overflow','hidden');

new ScrollBooster({
viewport: $(blockScrollId + ' .scrollbooster-viewport')[0],
content: $(blockScrollId + ' .scrollbooster-content')[0],
scrollMode: 'native',
pointerMode: 'mouse',
bounce: false,
onPointerDown: function() { $(blockScrollId + ' *:focus').blur() }
});

$(blockArrowsId + ' .arrow-left').on('click', function(e) {
e.preventDefault();
$(blockScrollId + ' .t396__artboard').animate( { scrollLeft: '-=' + shiftSize }, 300);
});

$(blockArrowsId + ' .arrow-right').on('click', function(e) {
e.preventDefault();
$(blockScrollId + ' .t396__artboard').animate( { scrollLeft: '+=' + shiftSize }, 300);
});

});



.scrollbooster-viewport {
cursor: -webkit-grab;
cursor: grab;
padding-bottom: 30px;
margin-bottom: -30px;
}
.scrollbooster-viewport:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.scrollbooster-content {
position: absolute;
width: 100%;
height: 100%;
}
.arrow-left,
.arrow-right {
cursor: pointer;
}


Код для горизонтального скролла




Видео недоступно для предпросмотра
Смотреть в Telegram


Видео недоступно для предпросмотра
Смотреть в Telegram





Показано 16 последних публикаций.