ALTOVERRO

Лендинг студии ремонта, который считает стоимость раньше звонка.

Посетитель отвечает на пять вопросов и сразу видит вилку цены за работы. Дальше — план квартиры, проекты «было — стало», три уровня ремонта и запись на замер.

КонцептСтудия, отзывы и цены вымышлены

Открыть живой сайт

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

Клиент ремонта боится двух вещей: что смета вырастет и что придётся жить на объекте.

Типичный сайт ремонтной компании прячет цену за фразой «оставьте телефон». Человек уходит считать к конкурентам или не звонит вовсе.

Здесь страница отвечает на эти страхи по порядку: цена видна до звонка, этапы и оплата расписаны, результат показан на фото тех же квартир до и после.

Калькулятор вместо «узнайте цену у менеджера».

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

Квиз «Сколько будет стоить ваш ремонт»: первый шаг с выбором типа объекта и тёмная панель с предварительной стоимостью работ. — **Калькулятор стоимости**Скриншот лендинга · концепт, данные вымышленыПрокрутите экран по горизонтали или откройте крупнее.

Чертёж квартиры объясняет, за что платит клиент.

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

Раздел «Ремонт по шагам»: чертёж квартиры слева и шесть этапов с сроками справа, активен этап «Замер». — **Этапы работ**Скриншот лендинга · концепт, данные вымышленыПрокрутите экран по горизонтали или откройте крупнее.

Таблица сравнения косметического, «под ключ» и дизайнерского ремонта: цена за метр, сроки и состав работ. — **Три уровня ремонта**Скриншот лендинга · концепт, данные вымышленыПрокрутите экран по горизонтали или откройте крупнее.

Было — стало на одной картинке.

Каждый проект — пара снимков с одной точки и ползунок между ними. Рядом площадь, срок и бюджет, чтобы посетитель сравнил со своей квартирой.

Раздел «Было — стало»: список из четырёх проектов и снимок кухни-гостиной с ползунком между бетонной коробкой и готовым ремонтом. — **Проекты до и после**Скриншот лендинга · концепт, данные вымышленыПрокрутите экран по горизонтали или откройте крупнее.

Раздел «Что делаем»: ремонт под ключ, отделка новостроек, санузлы и плитка с ценой за метр и фото интерьера. — **Услуги**Скриншот лендинга · концепт, данные вымышленыПрокрутите экран по горизонтали или откройте крупнее.

С телефона — так же удобно.

Большинство людей ищет ремонт с телефона. Под вариантами калькулятора всегда видна текущая цена, проекты переключаются вкладками, ползунок «до/после» двигается пальцем.

Три экрана лендинга на телефоне: первый экран с чертежом, калькулятор стоимости и раздел «Было — стало». — **Мобильная версия**Экраны на телефоне · концепт

Готовый лендинг.
Подходит под реальную студию.

Страница собрана полностью: калькулятор, план квартиры, проекты, цены, форма замера с согласием на обработку данных и политика конфиденциальности.

Для реальной студии меняются фото, цены за метр, отзывы и контакты, а заявки начинают приходить в Telegram или CRM. Структура и подача остаются.

Вопросы о проекте

Это реальная студия?

Нет. Это концепт: название, проекты, цифры и отзывы вымышлены. Фото интерьеров — бесплатные стоковые и сгенерированные пары «до/после».

Можно ли настроить калькулятор под свои цены?

Да. Ставки за метр, коэффициенты и дополнительные работы вынесены в настройки, их можно менять без переделки страницы.

Куда будут приходить заявки?

Куда удобно: в Telegram, на почту или в CRM. В концепте отправка отключена, чтобы случайные посетители не оставляли настоящие данные.

Техническая реализация

Next.js, React, TypeScript, CSS-модули. Страница собирается заранее и быстро открывается, анимации отключаются, если в системе включено «уменьшить движение».