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