Вопрос-ответ

Дизайн и конверсия: вопросы и ответы

Первый экран, кнопки, формы, скорость загрузки, мобильная вёрстка. Тема про то, из-за чего человек уходит со страницы, так ничего и не нажав. Здесь много цифр: сколько блоков держит внимание, какая конверсия считается нормальной для лендинга, за сколько секунд страница обязана открыться на телефоне.

Все вопросы темы

Что такое процент конверсии?

спрашивает Алексей, Кемерово 1,3 тыс.

Дмитрий Акиндинов: Процент конверсии - доля посетителей сайта, совершивших целевое действие, от общего числа зашедших. Формула простая: число заявок делите на число визитов и...

Что такое конверсия клиентов?

спрашивает Олег, Тверь 1,9 тыс.

Дмитрий Акиндинов: Конверсия клиентов - это доля людей, которые дошли до оплаты или сделки, от общего числа обращений по каналу, а не просто написали...

Как сделать сайт адаптивным на CSS?

спрашивает Олег, Чебоксары 782

Дмитрий Акиндинов: Адаптивность держится на трёх вещах: резиновые единицы вместо фиксированных пикселей - проценты, rem, vw, flexbox или grid вместо position и ширины в...

Как проверить скорость сайта?

спрашивает Станислав, Волгоград 1,6 тыс.

Дмитрий Акиндинов: Проверить скорость сайта можно бесплатно за минуту через Google PageSpeed Insights - вставляете адрес страницы в поле на pagespeed.web.dev, и сервис отдаёт...

Какие цвета использовать для сайта?

спрашивает Виталий, Нижний Новгород 2,2 тыс.

Дмитрий Акиндинов: Для рабочей цветовой схемы сайта хватает двух-трех базовых цветов - обычно один темный или нейтральный для фона и текста, один светлый для...

Что такое конверсия сайта?

спрашивает Виталий, Ярославль 1,5 тыс.

Дмитрий Акиндинов: Конверсия сайта - это процент посетителей, которые совершили целевое действие: оставили заявку, позвонили или написали в мессенджер. Считается просто: число заявок делится...

Как создать прототип сайта перед дизайном?

спрашивает Алексей, Челябинск 1,5 тыс.

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

Как сделать кнопку перехода на сайт?

спрашивает Юрий, Красноярск 2,6 тыс.

Дмитрий Акиндинов: Технически кнопка перехода - это обычная ссылка, оформленная как кнопка: тег a со ссылкой на нужный адрес и стилями фона, отступов и...

Как повысить конверсию из корзины в заказ?

спрашивает Елена, Санкт-Петербург 2 тыс.

Дмитрий Акиндинов: Основные причины ухода из корзины - неожиданная стоимость доставки, обязательная регистрация и слишком длинная форма заказа. Сократите форму до 4-5 полей: имя,...

Что такое средняя конверсия?

спрашивает Артем, Иркутск 3 тыс.

Дмитрий Акиндинов: Единой цифры "средняя конверсия" не существует - она сильно зависит от ниши, цены услуги и качества трафика. Ориентир, на который можно опираться:...

Как создать мобильный сайт?

спрашивает Михаил, Краснодар 2,7 тыс.

Дмитрий Акиндинов: Отдельный мобильный сайт делать не нужно: сайты и лендинги давно адаптивные, один и тот же код подстраивается под размер экрана сам, будь...

Как сделать адаптивную кнопку в Figma?

спрашивает Виктор, Челябинск 1,2 тыс.

Дмитрий Акиндинов: Адаптивная кнопка в Figma делается через Auto Layout: выделяете текст и фон кнопки, нажимаете Shift+A, задаёте отступы (например, 24 px по бокам...

Какой размер шрифта использовать для сайта?

спрашивает Светлана, Красноярск 1,6 тыс.

Дмитрий Акиндинов: Основной текст на мобильном экране - 16-18 пикселей, меньше ставить не стоит: часть браузеров при таком размере ещё и увеличивает поле при...

Как называется анимация на сайте?

спрашивает Дмитрий, Москва 969

Дмитрий Акиндинов: Это называется scroll-анимация, или анимация при прокрутке - эффект, когда блок остаётся невидимым или сдвинутым в сторону, пока пользователь не долистает до...

Как сделать форму обратной связи?

спрашивает Наталья, Воронеж 2,5 тыс.

Дмитрий Акиндинов: Для формы обратной связи хватает двух полей: имя и телефон, комментарий делайте необязательным. Каждое лишнее поле снижает число тех, кто дозаполнит форму...

Как сделать кнопки в Тильде?

спрашивает Владимир, Липецк 1,8 тыс.

Дмитрий Акиндинов: В Тильде кнопка настраивается через параметры блока: текст, ссылка, размер, цвет фона и текста, скругление углов, тень. Из всего этого списка реально...

Какие цвета подходят для сайта?

спрашивает Константин, Киров 1,5 тыс.

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

Что такое конверсия простыми словами в продажах?

спрашивает Владимир, Челябинск 2,2 тыс.

Дмитрий Акиндинов: Конверсия - это доля посетителей сайта, которые сделали целевое действие: оставили заявку, написали в мессенджер, позвонили. Если на лендинг зашли 100 человек...

Как повысить конверсию в заказ?

спрашивает Светлана, Самара 1,9 тыс.

Дмитрий Акиндинов: Конверсию в заказ поднимают три вещи: понятная цена на самом видном месте без "от", форма заказа в 2-3 поля и чёткие условия...

Как сделать форму обратной связи на сайте?

спрашивает Андрей, Пермь 2,3 тыс.

Дмитрий Акиндинов: Рабочая форма - это минимум полей плюс проверка, что заявка реально куда-то доходит, а не просто исчезает после нажатия кнопки. По полям:...

Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

Telegram TG MAX MAX Звонок