Меня часто просят «сделать красиво». Но красиво — это побочный эффект. Настоящая задача дизайна коммерческого сайта — провести человека к действию: заявке, записи, покупке. Вот девять приёмов, которые мы применяем в каждом проекте — и цифры, которые они дали реальным клиентам.
- Одно действие на экран. Каждый экран отвечает на один вопрос и ведёт к одной кнопке. На лендинге курса Aleko мы убрали всё, что не вело к выбору тарифа — переходы к оплате выросли в 2.4 раза.
- Кнопка там, где созрел пользователь. Не только в шапке: после выгод, после цен, после отзывов. Человек не должен листать назад, чтобы сказать «да».
- Реальные фото вместо стока. Efedra: фото врачей и кабинетов вместо стоковых улыбок — часть редизайна, который дал ×3.2 заявок. Сток экономит день на старте и стоит заявок годами.
- Цифры вместо прилагательных. «Быстрый сервис» — шум. «Отвечаем за 4 часа» — факт. Цифры считываются быстрее и запоминаются дольше.
- Прайс на виду. Цены фильтруют нецелевых и строят доверие целевых. Прятать прайс — значит платить менеджеру за разговоры с теми, кому дорого.
- Соцдоказательство рядом с действием. Отзыв или цифра — вплотную к кнопке, а не отдельной страницей. Лендинг франшизы Tatarka говорил языком инвестора: цифры юнит-экономики рядом с формой — более $250 000 привлечённых инвестиций.
- Форма на 2–3 поля. Каждое лишнее поле — минус часть заявок. Имя и контакт; остальное выясните в разговоре.
- Скорость — это тоже дизайн. Лучший макет не работает на 5-й секунде загрузки. Анимации, которые не тормозят, изображения под мобильный, Lighthouse 90+.
- Один акцентный цвет. Если всё яркое — ничего не заметно. Один цвет для действий, остальное — фон. Глаз сам находит, куда нажимать.
Как применить это к своему сайту
Откройте свой сайт и пройдитесь списком: где на каждом экране действие? Где цифры? Где прайс? Мы собрали эти приёмы в чек-лист из 10 вопросов в разборе дизайна медицинских сайтов — он работает для любой ниши.
