Сайт ремонта квартир

Охра: сайт ремонта квартир в Краснодаре с калькулятором сметы

Демо-сайт вымышленной компании «Охра», которая делает ремонт квартир в Краснодаре: калькулятор сметы, прайс, этапы и примеры до и после.

Открыть проект Обсудить проект

Главная страница Охры: заголовок на штукатурке среди образцов материалов

Задача

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

Что сделали

Калькулятор: площадь, тип квартиры, вид ремонта, санузлы, материалы
Вилка суммы, цена за метр, срок и разбивка по статьям
Прайс на 27 работ и пример сметы однокомнатной квартиры
Шесть примеров работ с ползунком «до и после»

Компания придумана, цифры по рынку

«Охры» нет. Компания, адрес, телефон, роли сотрудников и все шесть проектов в портфолио придуманы для демо, отзывов на сайте нет. Ставки выставлены по рынку Краснодара на 2026 год, но заказать по ним ничего нельзя. Статьи и страницы районов написаны всерьёз: годы застройки и типы домов взяты из открытых источников и не выдаются за опыт компании.

Калькулятор без лишних обещаний

Клиент задаёт площадь, тип квартиры (новостройка без отделки, white box или вторичка), вид ремонта, число комнат и санузлов, уровень материалов и опции вроде трасс под кондиционеры. Сайт показывает вилку суммы, цену за квадратный метр, срок и разбивку: работа, черновые и чистовые материалы, санузел. Под расчётом прямо сказано, что точную сумму даёт смета после замера. Расчёт можно отправить в демо-форму.

На странице цен прайс на 27 отдельных работ и пример сметы однокомнатной квартиры на 40 м². Оплата по этапам расписана на странице договора. Как такой сайт помогает бригаде, написано на странице сайт для ремонта квартир.

Шоурум материалов

Сайт похож на зал с образцами: стена из известняка, на ней планшеты с терракотой, майоликой, штукатуркой, дубом и зеллижем. Каждая услуга показана своим материалом, ванная зеллижем, кухня майоликой. Фактуры нарисованы SVG прямо в CSS, фотографий нет. Примеры работ показаны иллюстрациями с ползунком «до и после».

40 страниц в статическом HTML. JavaScript грузится только на калькуляторе и в контактах, после первой отрисовки.
Lighthouse на телефоне 100 по всем четырём оценкам на всех 40 страницах, первый экран за 1,4-1,6 с, главная весит 74 КБ.

Похожий расчёт по строкам есть и на сайте строительной компании Ельник, только там дом ещё и собирается в 3D.