Сайт строительной компании Grand House

01

Цена, срок и рейтинг — на первом экране

в этой нише отсутствие цены означает, что человек уйдёт искать её к тому, кто написал. Цифры первого экрана не пишутся руками, а считаются из каталога: «в шапке от пяти, в карточках от шести» замечают сразу и читают как обман. На фотографии — оценка 5,0 из 2ГИС со ссылкой на источник: единственное доказательство, которое у компании уже есть, и оно стоит до любого скролла.

02

Каталог с ценой и планировкой, а не «рассчитаем после звонка»

у каждого проекта площадь, этажность, спальни, срок, технология и итоговая цена за комплектацию «под ключ», плюс фильтр по этажности. Проекты названы по площади — GH-84, GH-134, GH-224: у компании английское имя, и такой артикул читается как каталог премиального производителя, а площадь видна до открытия карточки. Планировки — чертёжные SVG, а не картинки: строитель за секунду замечает план с комнатами без выхода.

03

«Почему у соседей дешевле» — таблица комплектаций построчно

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

04

Схема дома, которая собирается по мере прокрутки этапов

фундамент, коробка, кровля, окна с фасадом, инженерия — в строительном порядке, а не «снизу вверх по картинке»: кровлю ставят раньше окон, и человек, который строил, это знает. У каждого слоя срок, доля оплаты и то, что заказчик получает на руки: акт скрытых работ, исполнительные схемы, гарантийный талон. Один элемент показывает и ход стройки, и порядок денег. Собран на IntersectionObserver и CSS, без анимационных библиотек: на пять карточек они не дают ничего, а весят больше всего остального скрипта.

05

Пять платежей вместо одного, каждый — после принятого этапа

заказчик боится отдать деньги вперёд. Когда платёж привязан к этапу, который видно глазами на участке, страх становится управляемым. Доли оплаты обязаны давать ровно сто процентов, иначе сборка сайта падает. Лучше упасть на сборке, чем показать человеку схему платежей, которая не сходится.

06

Расчёт ипотеки на ставках госпрограмм, с датой проверки

дом от пяти миллионов почти всегда покупают в кредит, а Тукаевский район подходит под сельскую ипотеку. Семейная и сельская программы, лимит суммы, первый взнос, зачёт материнского капитала — человек видит платёж в месяц без звонка в банк. Ставки проверены на дату, и дата выведена сноской прямо в блоке. У сельской взята верхняя граница вилки: заниженный платёж в калькуляторе вскроется в банке. Базовая программа банка выключена намеренно: она меняется чаще всех, и ставить её «примерно» нельзя.

07

Заявка падает в WhatsApp компании — это можно проверить прямо сейчас

смета за пять вопросов: этажность, площадь, участок, способ оплаты, сроки. Ответы собираются в одно сообщение и открываются в WhatsApp на номер компании, человек видит текст до отправки. Никакого сервера, базы и токенов в браузере: у статики их нет, а в собранном сайте любой ключ виден всем. Компания может нажать «Рассчитать смету» и получить заявку себе — проверка занимает минуту.

08

Ни одной выдуманной проверяемой вещи

в макете, который уходит компании, есть соблазн поставить правдоподобные реквизиты, отзывы с фамилиями и «построено двести домов». Здесь вместо реквизитов честная заглушка, три отзыва помечены словом «образец», роли на стройке названы без имён, а объекты собраны реестром: география, площадь, материал, срок. Всё, что подставлено как образец, помечено в коде и заменяется одним полем. Компания проверит это первым, и после выдуманного ОГРН разговор закончился бы. Её покупатель проверяет точно так же.

09

Светлый камень, зелёный со знака компании и моноширинные цифры

кремовый фон с терракотой и рендер на закате — самая узнаваемая пара в ИЖС, по ней сайт опознаётся как шаблон. Здесь тёплый офф-вайт, графит и один акцент, взятый с фирменного знака Grand House. Площади, сроки и цены набраны моноширинным: строка «площадь · срок · цена» таким шрифтом читается как факт, гротеском — как маркетинг. Все двадцать пар «текст — фон» проверяются скриптом на 4,5:1, и проверка ломается ровно тогда, когда клиент присылает свой цвет.

Каждый пункт ниже стоит на большинстве сайтов этой ниши. Здесь его нет — и это решение, а не забывчивость.

Счётчика «построено N домов» и «лет на рынке»

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

Фотографий под подписью «построено в Малой Шильне»

снимков объектов Grand House в открытом доступе нет ни одного, а сгенерированная картинка под подписью с настоящим посёлком — уже не заглушка, а подделка. Блок объектов сделан реестром без фотографий; когда компания пришлёт свои снимки, они встанут в ту же сетку.

Отзывов с фамилиями

настоящие отзывы у компании есть — 5,0 при семи оценках в 2ГИС, — но их текстов у меня нет, а сочинять отзыв от лица несуществующего человека нельзя. Наверху блока стоит настоящая оценка со ссылкой на источник, три карточки под ней помечены словом «образец».

«Цены по запросу»

отсутствие цены — главная причина ухода в этой нише: человек идёт сравнивать к тому, кто написал. Сборка сайта падает, если у проекта нет цены, — чтобы «по запросу» не появилось и случайно, когда каталог будут заполнять настоящими домами.

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

01

Настоящие проекты: четыре-восемь домов

сейчас в каталоге шесть проектов от GH-84 до GH-224, и они образцы целиком — названия, площади, планировки, цены. Это самый заметный блок страницы и первое, что нужно заменить. По каждому дому: площадь, этажность, число спален, срок, цена «от» и за какую комплектацию, технология, фото и планировка. Планировки перерисую в чертёж сам.

02

Цены за метр по комплектациям и доли оплаты по этапам

в таблице стоят правдоподобные для Татарстана цены, а доли 10 / 20 / 35 / 25 / 10 — разумная схема, но не договор компании. Обе вещи нужно сверить по строкам: по составу комплектаций заказчик сравнивает предложение с чужим, а по долям решает, отдавать ли деньги.

03

Фотографии: сданные дома, процесс, бригада

на первом экране и в карточках каталога стоят временные визуализации, а не объекты компании, каждая помечена в коде. Нужны снимки сданных домов, кладки и кровли в процессе и одно фото бригады. Даже неидеальный кадр с площадки в этой нише работает лучше картинки: он доказывает, что вы строили.

04

Отзывы из 2ГИС — текстами, со ссылкой на источник

оценка 5,0 при семи оценках уже на странице. Тексты этих отзывов переносятся в карточки вместо образцов, и у каждого остаётся ссылка на карточку компании: отзыв, который можно проверить одним тапом, весит больше десяти безымянных.

05

ОГРН и ИНН, срок гарантии и часы работы

реквизиты — недооценённый сигнал доверия: мошенники их не пишут. Сейчас в подвале честная заглушка, и сборка не даст снять статус макета, пока они не заполнены. Гарантия на несущие конструкции и график «Пн–Сб 9:00–19:00» стоят как правдоподобные значения и тоже ждут подтверждения: ни того, ни другого в карточке 2ГИС нет.

06

Есть ли аккредитация в банке и эскроу

пункт «расчёты через эскроу-счёт» написан и выключен намеренно. По льготным программам строить можно только через аккредитованного подрядчика, и если аккредитация есть, пункт включается одной строкой и становится сильным аргументом. Заявить его, не имея, хуже, чем не заявлять: это ровно то, что проверяет банк.

07

Главное направление: дома под ключ или материалы

на фирменном знаке компании написано «строительные материалы», а в 2ГИС она значится строительной компанией, которая строит дома под ключ. Сайт собран под второе. Если основной продукт всё-таки материалы, менять нужно структуру страницы, а не тексты, и решить это стоит до того, как заполнять каталог.

08

Домен на имя компании

сейчас макет живёт на моём поддомене и закрыт от индексации, чтобы не конкурировать в выдаче с будущим боевым сайтом. Домен оформляется на компанию, а не на подрядчика: сайт должен принадлежать вам. Переезд — одна сборка с новым адресом и снятый флаг макета, после этого страницу можно отправлять на индексацию в Яндекс и Google.

01

Бриф в переписке

Без созвона на час и без анкеты на сорок пунктов. Спрашиваю про бизнес, клиентов и то, что у них вызывает сомнения. Отсюда вырастут структура и тексты.

02

Предоплата 50% и прототип

Прототип — это структура будущей страницы: что за чем идёт и почему. Мы согласуем её до дизайна, поэтому вы видите, что получится, ещё до первой отрисованной кнопки.

03

Дизайн и тексты

Тексты пишу сам, по брифу. Правки обсуждаются в переписке и делаются в тот же день — согласование не растягивается на недели.

04

Запуск

Лендинг — 7–10 дней от брифа. Домен, хостинг и исходники оформляются на вас, остаток оплаты — после сдачи.

05

Месяц правок

30 дней после запуска правки бесплатно. Уйти к другому разработчику можно в любой момент — всё уже ваше.