Кейс ЯРЧЕ · демо-сайт ниши ремонта · 2026
От чертежадо сайта
Демо-сайт студии ремонта квартир под ключ: конфигуратор интерьера, квиз-смета, до/после и админка заявок. Бренд Linea придуман для показа — сайт работает по-настоящему.
01Задача
Сайт для студии ремонта, где клиент видит не обещания, а свой будущий интерьер: собирает комнату, считает смету и сразу оставляет заявку.
01
Демо, а не клиент
Бренд Linea придуман, интерьеры сгенерированы, цены — ориентир по рынку Минска. Так нишу можно показать сразу, без чужих фото и выдуманных отзывов.
02
Перебрендинг за час
Название, телефон, адрес и цвета лежат в одном файле настроек. Под конкретную студию сайт перекрашивается без переписывания блоков.
03
Заявки по-настоящему
Квиз и конфигуратор сохраняют расчёт в базу, сервер пересчитывает смету сам. В админке — статусы, заметки и график за 14 дней.
04
Удобно с телефона
Шов, шторка и конфигуратор работают пальцем, таймлайн на телефоне превращается в ленту. Сквозные тесты гоняли на десктопе и мобильном.
02Брендбук
Пять цветовиз материалов
Палитра снята с отделки: молочная стена, бумага чертежа, графит, травертин и латунь. Нажмите на цвет — покажем, где он работает на карточке уровня отделки.
Ни одного яркого цвета: всё, что на сайте не графит, — оттенки стены, камня и металла. Нажмите на образец — карточка покажет, где он работает.
Фон всего сайта и текст на тёмных секциях. Тёплый белый вместо чистого — как стена в молочной краске.
Подложка чертежа: хиро, калькулятор, карточки при наведении. На тон темнее фона — разницу чувствуешь, а не видишь.
Текст, кнопки и тёмные секции. Не чёрный: в тёплой палитре чистый #000 смотрелся бы дырой.
Цвет камня: подписи на тёмных секциях, фактуры уровней отделки, заливка светлой кнопки при наведении.
Единственный акцент: шов «чертёж / интерьер», номера-размеры, черточки списков и заливка тёмной кнопки при наведении.
Заголовки и цифры. Тонкое начертание — та самая «линия» из имени бренда.
Курсивный акцент антиквой: одно-два слова на заголовок, не больше.
Текст, кнопки, формы. Ровный гротеск, который спокойно читается с телефона.
Размеры чертежа: номера секций, площади, подписи на кадрах.
03Экраны
Страницы,в которых живут
Девять разделов, шесть страниц проектов и админка. Карточки — в формате портфолио Linea: кадр, подпись-размер и короткая строка.
03.1На телефоне
Кадр сверху, текст под ним
На узком экране хиро не прячет интерьер под заголовком: сцена занимает верх экрана, шов тянется пальцем. Конфигуратор складывается в одну колонку, цена остаётся под рукой.
04Конфигуратор
Один кадр —шестнадцать интерьеров
Главная механика сайта, здесь — рабочая. Кадр меняет только стиль: все 16 вариантов получены из четырёх базовых комнат, камера и мебель на месте. Уровень отделки и площадь пересчитывают цену по той же формуле, что на i2.by.
Гостиная · Тёплый минимализм
28 М²01Комната
02Стиль
- Пол
- Широкая дубовая доска
- Стены
- Микроцемент, молочный
03Уровень отделки
04Площадь
Работы по комнате · ориентир демо
30 800 – 36 300 BYN
от 1 100 BYN за м² · уровень «Премиум»
Визуализации сгенерированы для демонстрации. Цены — ориентир демо-сайта, не оферта.
05До и после
Бетонная коробкаи та же комната
Шторка, которая продаёт ремонт быстрее абзаца текста. Пары собраны от одного кадра: «до» — та же комната, вернувшаяся в бетон. Тяните мышью, пальцем или стрелками.
Визуализации сгенерированы для демонстрации сайта.
06Калькулятор
Из чего состоиттакой сайт?
На Linea квиз из шести вопросов считает смету ремонта. Здесь та же механика отвечает на другой вопрос — какие блоки нужны студии. Четыре вопроса, полминуты.
07Как собирали
Шесть этаповдо ссылки
ЭТАП 01 · РЫНОК
Ниша и цены
Собрали ориентиры цен с сайтов минских студий ремонта и вывели свои формулы: тариф за м², срок от площади, надбавка за вторичное жильё.
Итог: тарифы 750 / 1 100 / 1 500 BYN за м² — с пометкой «ориентир»
08В цифрах
Разделов сайта
9
+ 6 страниц проектов и админка
Кадров в конфигураторе
16
4 комнаты × 4 стиля
Вопросов в квизе
6
в конце — вилка цены и срока
Сгенерированных кадров
51
интерьеры, этапы, фактуры
Результат
Хочу такой же сайт
Получился демо-сайт ниши, который открывается по ссылке и ведёт себя как настоящий: собирает интерьер, считает смету, сохраняет заявку и показывает её в админке. Под конкретную студию он перекрашивается — её название, контакты, цены и фото проектов вместо сгенерированных.
- Что этоДемо-проект ЯРЧЕ для ниши ремонта, не сайт реальной студии
- СтекNext.js 16 · React 19 · Tailwind CSS 4 · GSAP · SQLite
- ВнутриКонфигуратор, квиз-смета, до/после, этапы, админка заявок
- Под студиюНазвание, контакты, цены и фото проектов меняются в настройках
Linea — демо-сайт студии ЯРЧЕ. Бренд придуман, интерьеры сгенерированы.
Цены на демо — ориентир, не оферта.
Хотите такой же результат?
Обсудим задачу, рассчитаем стоимость и сроки. Первый разбор — бесплатно.
Обсудить проект →