Первый экран, кнопки, формы, скорость загрузки, мобильная вёрстка. Тема про то, из-за чего человек уходит со страницы, так ничего и не нажав. Здесь много цифр: сколько блоков держит внимание, какая конверсия считается нормальной для лендинга, за сколько секунд страница обязана открыться на телефоне.
Дмитрий Акиндинов:
Да, в браузере есть встроенный режим эмуляции мобильного экрана: в Chrome и Edge нажмите F12 или Ctrl+Shift+I, затем значок телефона и планшета...
Дмитрий Акиндинов:
Форма на сайте - это два поля (имя и телефон уже достаточно) плюс кнопка отправки и обработчик, который принимает данные и пересылает...
Дмитрий Акиндинов:
Веб-дизайн - это не картинка, а решение трёх задач подряд: сначала структура (что и в каком порядке видит посетитель), потом читаемость (шрифт,...
Дмитрий Акиндинов:
Три рабочих способа: снять телефоном при дневном свете, взять фотобанк для общих иллюстраций там, где не нужна конкретика вашего сервиса, или сгенерировать...
Дмитрий Акиндинов:
Для формы заявки на лендинге хватает двух полей: имя, часто необязательное, и телефон или мессенджер. Каждое дополнительное поле снижает число заполнений -...
Дмитрий Акиндинов:
Технически кнопка - это тег ссылки со стилями кнопки или элемент формы: для перехода в мессенджер или на звонок нужна именно ссылка...
Дмитрий Акиндинов:
Адаптивный сайт перестраивает сетку блоков под ширину экрана, а не показывает уменьшенную копию десктопной версии. Проверяется просто: открыть сайт на реальном телефоне,...
Дмитрий Акиндинов:
Три главных источника медленной загрузки - тяжёлые картинки, внешние шрифты и лишние скрипты аналитики. Перевод фото в WebP с точными размерами вместо...
Дмитрий Акиндинов:
Формула простая: конверсия равна числу целевых действий, делённому на число посетителей, умноженному на 100%. Пришло 1000 человек, 30 оставили заявку - конверсия...
Дмитрий Акиндинов:
Адаптивную вёрстку строят от узкого экрана к широкому, а не наоборот: сначала CSS пишется под ширину 360-390 пикселей, и только потом медиазапросами...
Дмитрий Акиндинов:
Порядок такой: сначала создаёте фрейм под нужный размер экрана - 1440 px для десктопа, 375 px для мобильного, - потом строите сетку...
Дмитрий Акиндинов:
Для лендинга иконку проще не рисовать, а взять из готового набора: подойдут Feather Icons, Heroicons или Material Symbols - бесплатные, с открытой...
Дмитрий Акиндинов:
У рабочей кнопки три правила: контрастный цвет (не обязательно фирменный - лучше тот, что заметнее на фоне остальной страницы), текст с конкретным...
Дмитрий Акиндинов:
Цвет сайта выбирают не по вкусу, а по трём проверяемым вещам: один-два основных цвета вместо палитры, ассоциация с нишей (для медицины -...
Дмитрий Акиндинов:
Лид - это контакт конкретного человека, который проявил интерес к вашей услуге: оставил телефон в форме, написал в мессенджер, позвонил по номеру...
Дмитрий Акиндинов:
Проверить скорость проще всего бесплатным сервисом Google PageSpeed Insights (pagespeed.web.dev): вставляете адрес сайта, через 10-15 секунд получаете оценку от 0 до 100...
Не нашли свой вопрос
Задайте его напрямую
Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.
Вопрос отправлен. Ответ придёт на вашу почту.
Вопрос не отправлен: нужно согласие на обработку персональных данных.
Сайт использует файлы cookie и сервисы веб-аналитики, чтобы работать корректно и становиться лучше. Продолжая пользоваться сайтом, вы соглашаетесь с Политикой конфиденциальности.
