Дизайн — статьи о сайтах
Страница установки кондиционеров кажется простой: заголовок, список услуг, форма заявки. Но переделки начинаются именно из-за этой простоты. У владельца, дизайнера и мастера-монтажника разные представления о том, что должно быть на экране. Ниже описан порядок, который помогает договориться до отрисовки, а не после.
Где в макете для кондиционеров обычно возникают переделки
Чаще спорят не о цвете и шрифте, а о содержании. В макете стоит «цена от…», а на деле стоимость считают после выезда замерщика. В блоке «Работаем по городу» нет списка районов. Форма просит пять полей, хотя менеджеру нужны только телефон и тип помещения. Фото монтажа взяты из банка изображений, а своих ещё нет. Если это выясняется на готовой вёрстке, правят всю страницу.
Что решить до первого эскиза
- Какие услуги получают отдельные страницы: установка, чистка, обслуживание, ремонт, монтаж в офисе. Одна страница на всё тоже вариант, но выбрать его нужно осознанно.
- Как вы говорите о стоимости: фиксированная сумма, «от» или расчёт после замера. Макет должен обещать только то, что вы готовы подтвердить клиенту.
- Территория: города и районы, условия выезда за их пределы. Лучше списком.
- Кто и до какого часа отвечает на заявки. Это попадёт в текст рядом с формой.
- Какие материалы уже есть: фото ваших работ, образец договора, гарантийные условия в вашей редакции.
Условный пример: первый экран страницы «Установка кондиционера в квартире»
Пример придуман для иллюстрации и не описывает реальный проект. Допустим, компания ставит бытовые сплит-системы. Блоки сверху вниз:
- Заголовок и строка о том, что входит в работу: монтаж блоков, прокладка трассы, пробивка отверстия, пуск. Строку формулирует владелец, а не дизайнер.
- Телефон и кнопка «Вызвать замерщика». В макете подписано, куда она ведёт: на форму из двух полей, телефона и района.
- Блок «Как мы считаем»: замер, смета, монтаж. Вместо цифр стоит пометка «текст заказчика».
- Состав работ: что входит в базовую установку, а что оплачивается отдельно, например лишние метры трассы или штроба. Позиции определяете вы.
- Фотографии с пометкой «нужны реальные снимки, 4–6 штук».
Каждый блок отвечает на конкретный вопрос посетителя: что сделают, как посчитают, как оставить заявку. Если ответа у блока нет, его лучше убрать, чем заполнять общими словами.
Как провести согласование в три прохода
Сначала утверждается структура в серых блоках, без дизайна. Вы проверяете порядок и наличие нужных смыслов. Затем та же структура наполняется реальными текстами и заглушками для фото, и вы смотрите её в ширину компьютера и телефона. На телефоне видно, помещаются ли кнопка звонка и форма без долгой прокрутки. Только после этого утверждается визуальное оформление.
Назначьте одного человека, который собирает замечания директора, менеджеров и монтажников и передаёт их единым списком. Правки из разных чатов часто противоречат друг другу.
Что считать правкой, а что новой задачей
Договоритесь заранее. Правка меняет утверждённую структуру в пределах этапа: текст, порядок блоков, цвет кнопки. Новая задача добавляет то, чего не было: калькулятор, ещё одну услугу, раздел с акциями. Зафиксируйте это письменно при утверждении каждого этапа, тогда подпись под макетом будет означать конкретный состав страницы.
Проверочный список перед подписью макета
- Для каждого блока понятно, кто даёт текст и фото.
- Формулировка о стоимости соответствует тому, как вы реально считаете.
- Указаны территория работ и часы приёма заявок.
- У каждой кнопки подписано, куда она ведёт.
- В форме только те поля, которые нужны менеджеру для первого звонка.
- Мобильная версия просмотрена на экране телефона, а не только в уменьшенном окне.
- Состав базовой установки и платные дополнения описаны одинаково на странице и в договоре.
- Замечания собраны одним списком от одного ответственного.
