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