Если у вас магазин, раскидывает по карточке фото влево, цену в угол, «купить» вниз: взгляд кружит и не находит шаг. Если у вас студия или услуги, так же кладёт портрет, вилку и форму заявки (имя или телефон, ещё не визит) в три разные стороны.
Что именно проверить
Если у вас магазин, боится прямого столбца: «слишком просто, не задержат». Если у вас студия или услуги, стыдится линейного кадра: «премиум должен водить глаз». Цена в одном углу, кнопка в другом, фото спорит с тем и с другим.
Стыд прямого маршрута сильнее страха пустой корзины. Маршрут в сетке один: фото, название, цена или вилка, кнопка в той же колонке. Адаптация шаблона (свои цвета, логотип, тексты и фото на готовых экранах) меняет кадр, не разбрасывает якоря.
Развести число и кнопку по диагонали — уже не правка, а новый экран. Индивидуальный коллаж «водить глаз» рисуют неделями.
Как это выглядит на практике
Студия: 8–15 услуг, вилка и поля под текстом, 4–6 экранов, те же дни. Разбросать якоря «чтобы интереснее» — 3–7 дней композиции, 2–4 круга «куда смотрит глаз» и +30–70 тысяч. На пальце кружение ещё злее: колонок нет, всё в стопку, но дизайнер уже разнёс блоки.
Свой коллаж с нуля — 400–900 и 8–12 недель. Разница в том, за сколько секунд глаз находит число. Цена без кнопки рядом — витрина музея.
Магазин собирает три якоря в одном кадре карточки. Счёт за «поводим взгляд, почти как в кампании» (документ «заплатите»; деньги могут не прийти, а вёрстка (сборка страниц по макету)) сборка живых страниц по макету — повторит кружение. Бриф дизайна (одна страница) пишет порядок: кадр, имя, число, оплаты или заявки.
- Взгляд идёт по одному маршруту, не по кругу украшений.
- Цена и кнопка живут в одном кадре.
- Магазин: фото, имя, цена, «купить».
- Студия: кадр, услуга, вилка, поле имени.
На чём считать результат
Откройте одну карточку товара и одну услугу на телефоне. Закройте ладонью всё кроме первого экрана смысла. Если числа или кнопки нет в этом кадре — маршрут сломан.
- Напишите порядок четырьмя словами: кадр, имя, число, оплаты или заявки. Другого порядка на карточке нет.
- Сведите цену и кнопку в одну колонку. Диагональ запрещена на запуск.
- Выньте третий акцент из кадра: бейдж, вторая акция, «поделиться».
- Запретите правку «разнесём, чтобы глаз гулял». Гуляние не оплаты или заявки.
- Покажите кадр тому, кто ставит «ок»: за три секунды он должен ткнуть в число, потом в кнопку.
Что сделать дальше
Пример магазина: «Карточка: фото, имя, цена, купить; кружения нет, 50 позиций». Пример студии: «Услуга: кадр, вилка, поля; глаз не водим». Лист в бриф (короткое описание, что нужно от сайта).
Если дизайнер приносит коллаж «для задержки», верните секунды: задержка без клика не продажа. Остановитесь, когда глаз без поиска находит число и шаг. Не разбрасывайте якоря после «ок», «для характера карточки».
Характер в фото и словах, не в квесте.
- Напишите порядок четырьмя словами: кадр, имя, число, оплаты или заявки. Другого порядка на карточке нет.
- Сведите цену и кнопку в одну колонку. Диагональ запрещена на запуск.
- Выньте третий акцент из кадра: бейдж, вторая акция, «поделиться».
- Запретите правку «разнесём, чтобы глаз гулял». Гуляние не оплаты или заявки.
- Покажите кадр тому, кто ставит «ок»: за три секунды он должен ткнуть в число, потом в кнопку.
Назад в раздел
