Готовый сайт мягких окон: от вида из беседки до записи на замер
«Сезон длиннее» показывает мягкие окна через жизнь беседки в разную погоду, а затем предлагает посчитать её целиком и записаться на замер. Компания по изготовлению и монтажу может оценить здесь конкретную схему сайта: как объяснить решение, раскрыть состав цены и обозначить порядок заказа до разговора с клиентом.
Блог Константина Воронина в соавторстве с ИИ. О блоге

Это образец с условным названием: нарисованные объекты, ставки и условия служат для объяснения и не представляют действующую компанию. Такая схема может подойти изготовителю и монтажнику, который обсуждает заказ через тип постройки, комплектацию и последующий замер. Если каждый объект требует индивидуальной геометрии, заранее оцените, нужен ли посетителю расчёт по типовым размерам или лучше начать со сбора размеров и фотографий.
Вместо фотографии — беседка, в которой меняется месяц

Начало страницы устроено как взгляд изнутри: стойки, перила, сад за прозрачным полотном. На красной карточке находятся объяснение услуги, запись на замер и переход к цене. Рядом — календарь. При выборе месяца меняются деревья, осадки и подпись под сценой; в октябре показан дождь, в декабре — снег.
Окно здесь можно поднять кнопкой или потянуть за нарисованный ремешок. Поэтому посетитель видит два состояния одной беседки, сохраняя тот же ракурс. Для фирмы это способ познакомить с результатом до перечисления характеристик: рассказ начинается с того, как выглядит открытый и закрытый проём.
Сцена служит объяснением, а не испытанием материала. Её календарь не определяет пригодность конкретной плёнки для климата заказчика. В рабочем варианте подписи должны соответствовать ассортименту и рекомендациям компании.
Цена складывается из площади проёмов и состава заказа

В расчёте выбирают беседку, веранду у дома или террасу, затем один из предложенных размеров и высоту проёма. Отдельно переключаются вариант плёнки, дверь на молнии и цвет канта. Справа стоят рисунок строения, площадь, количество полотен и строки стоимости. Кант меняет рисунок, но на сумму не влияет.
Исходная беседка 3 × 4 м с проёмами высотой 1,8 м даёт 25,2 м². В формуле примера эта площадь умножается на 1 800 ₽ за полотна и на 600 ₽ за замер, доставку и монтаж; дверь добавляет 3 500 ₽. Получается 63 980 ₽. Скобы и люверсы перечислены отдельной строкой как включённые в цену полотен. Это арифметика показанного варианта, а не действующий прайс компании.
Есть важная особенность: для беседки модель считает четыре стороны, а для веранды и террасы — три, оставляя четвёртую под стену дома. При тех же 3 × 4 м и высоте веранда получает уже 18 м² и 46 700 ₽. На цену влияет геометрия закрываемых сторон, а не только название постройки.
Калькулятор даёт владельцу основу для обсуждения собственной сметы. Но произвольные размеры проёмов, сложную форму и расстояние выезда сюда ввести нельзя; несущие стойки и их ширина отдельно не вычитаются. Надпись о цене всей беседки требует такой же полноты в реальных ставках: включённые работы, исключения и дополнительные расходы нужно согласовать с формулой.
Замер объясняется через результат, который проверяет заказчик

Следующий экран приближает стойку беседки. Переключатель показывает два рисунка: неровное расположение креплений с лишними отверстиями и аккуратную разметку. Подпись меняется вместе с изображением. Рядом перечислены образцы материалов, лист с размерами каждого проёма и согласование отметок до сверления.
Здесь компания может объяснить, что именно заказчик увидит и проверит во время выезда. У листа замера есть содержание: ширина, высота, положение двери, кант и крепления. Так разговор о качестве получает предмет — согласованные параметры будущих полотен. Сам лист сайт не заполняет и на подпись не выдаёт; показана последовательность работы, которую фирме ещё предстоит подтвердить своей практикой.
Доли оплаты стоят рядом с этапами

Горизонтальная цепочка связывает замер с договором, изготовлением и монтажом. Возле договора указан пример аванса 30 %, возле проверки установленных окон — оставшиеся 70 %. Между ними помещены изготовление и подтверждение дня монтажа. На одном экране видно, когда предполагается платить и что к этому моменту должно быть сделано.
Для владельца полезен сам способ раскрытия условий. Он позволяет поставить рядом сумму, дату и результат этапа, который получит клиент. Сроки и доли в «Сезоне длиннее» условны; лента не бронирует выезд, не показывает загрузку производства и не принимает оплату. Перед запуском её следует заполнить своим порядком заказа и согласовать с документами.
Годовая шкала продолжает тему первого экрана

После этапов заказа сайт возвращается к месяцу, с которого началось знакомство. Теперь вместо сцены — годовая шкала: отдельные строки посвящены открытым и опущенным окнам, уходу и зимнему состоянию. Под шкалой расположены две карточки плёнки и рисунок, объясняющий толщину.
Такой раздел даёт компании место для ответов, которые пригодятся и после монтажа. Посетитель может заранее увидеть, о каких ограничениях стоит спросить на замере. Однако календарь и температурные подписи образца нельзя принимать за инструкцию для любого материала: перед переносом нужны сведения поставщика о конкретной продукции. В этом обзоре оценивается способ подачи этих сведений, их техническая достоверность отдельно не установлена.
Крепления можно рассмотреть до встречи с образцами

Скоба, люверс, ремешок и молния показаны крупно, каждый — со своим коротким объяснением. Посетитель может соотнести названия с деталями и понять, какие образцы попросить у замерщика. У скоб выделен вопрос о металле и покрытии, у остальных деталей — о материале или гарантии.
Для фирмы этот блок полезен при раскрытии комплектации. Здесь уместны фотографии собственных креплений и точные сведения о них. Нарисованные детали не доказывают, что компания использует именно такие изделия; заполнение карточек должно опираться на фактические поставки.
Карточки объектов дают цене контекст

Вместо ряда картинок без пояснений показаны разные постройки. В каждой карточке есть размер, месяц, количество полотен, площадь, вариант плёнки и итог. Суммы вычислены той же функцией, что работает в калькуляторе: у садовой беседки и веранды кафе нет отдельного набора вручную написанных цен.
Такая карточка помогает обсудить похожий объект: человек видит, какая комплектация стоит за суммой. Но эти четыре рисунка прямо подписаны как иллюстрации, а не выполненные работы. Рабочее портфолио потребуется наполнить собственными фотографиями и проверенными параметрами. Условия, при которых получилась цена конкретного объекта, важны не меньше общего сходства с беседкой посетителя.
Гарантия получает состав и способ обращения

Обещание ремонта сопровождается изображением талона. В нём перечислены элементы, на которые распространяется пример гарантии, указан срок, время выезда и место для телефона мастера. Рядом стоят исключения. Клиенту предлагают заранее увидеть содержание обязательства, а владельцу — проверить, достаточно ли у компании сведений для такого ответа.
Сам талон здесь не оформляется. Чтобы использовать раздел, фирме нужно определить действительные условия, получателя обращений и порядок ремонта. Условные «два сезона» и «за 5 дней» нельзя переносить как готовое обязательство своей компании.
Сравнение с остеклением оставляет место для другого решения

Перед вопросами находится сравнение мягких окон и стекла. У каждого решения перечислены особенности; для мягких окон отдельно выделены ограничения по утеплению и сроку службы. Смысл экрана для компании — очертить назначение своего предложения и дать повод обсудить задачу, если посетитель ожидает от беседки другого результата.
Текст сравнения в примере не заменяет проверку конкретных систем и материалов. При подготовке своего сайта стоит проверить каждое сопоставление, особенно заявления о цене, тепле и долговечности. Ниже расположен раскрывающийся список вопросов: о внешнем виде плёнки, зиме, сроках, несовпадении размеров, уходе и верандах кафе. Он даёт место подробностям, не удлиняя каждую карточку выше.
Запись на замер открывается отдельно от расчёта

Кнопки замера ведут в одно окно. В нём спрашивают телефон, имя, вид объекта, посёлок или район и удобное время звонка. Имя и место подписаны как необязательные. Для доступности кнопки нужны минимум десять цифр в телефоне и две отметки: согласие на обработку данных и ознакомление с политикой. Отметка рекламных сообщений для этого не требуется. Кнопка «Выбрать все» включает в том числе рекламу, поэтому её стоит оценить отдельно от двух обязательных отметок.
Есть разрыв между расчётом и обращением: размеры, плёнка, дверь, кант и итоговая сумма в окно не подставляются. Более того, вид объекта выбирается заново — открытие формы после расчёта веранды само по себе не меняет исходную «Беседку». Следовательно, показанный сценарий записывает на последующий разговор, а не передаёт готовую конфигурацию. Если компании нужен расчёт вместе с контактом, перенос параметров придётся добавить.
Для своей компании определите, какой состав обращения нужен замерщику: только контакт для звонка или также выбранные размеры и комплектация. Затем согласуйте получателя и проверьте доставку этих данных: пройдите заявку до получателя и сверьте значения.
С чем владельцу подойти к обсуждению запуска
У «Сезона длиннее» есть ясная предметная линия: посетитель знакомится с поведением окна, выбирает вариант, видит слагаемые суммы, читает порядок работы и оставляет контакт для замера. При этом самая важная доработка на стыке экранов — решить, должен ли расчёт сохраняться в заявке. Сейчас он остаётся только на странице.
Для наполнения понадобятся свои ставки с правилами расчёта, ассортимент плёнок и креплений, условия замера и изготовления, фотографии объектов и порядок гарантийного обращения. Проверьте, совпадают ли эти сведения в калькуляторе, карточках объектов и этапах заказа. Для записи определите канал получения и ответственного за дальнейший разговор, подготовьте документы компании. С этим комплектом можно обсуждать конкретные изменения сайта, а не только замену названия и телефона.
Зафиксируйте отдельно правило связи расчёта и записи: какие параметры должны подставляться в обращение, что посетитель может изменить и что увидит замерщик. Перевести это пожелание в проверяемое требование поможет пример технического задания на сайт: в нём отдельно описаны действие посетителя, передаваемые поля и проверка результата.
Открыть «Сезон длиннее» удобно с конкретной задачей: посчитать свой тип постройки, поменять дверь и перейти к записи. Так будет видно, какие экраны уже соответствуют работе компании, а где нужны её данные или изменение логики.
Задать вопрос
По теме
- Как составить техническое задание на разработку сайта
Помогает описать перенос параметров как действие, состав данных и проверку.