ВЕРСТА

Редизайн каталога услуг · 2026

Вита Хауз — раздел цен

Клиент
Вита Хауз, земельно-правовая компания
Тип
Редизайн каталога услуг
Год
2026

Клиенту требовалось пересобрать логику раздела «Цены»: помочь посетителю найти свою задачу, понять состав работ и обратиться за расчётом. Новый каталог собран на действующей 1С-Битрикс и работает по прежнему адресу.

Проект «Вита Хауз — раздел цен» — превью

01 — Чужой бренд

Фирменный стиль клиента

Бренд Вита Хауз был до нас: знак, синий и гарнитура Mont. Каталог собран в этих рамках.

Знак Вита Хауз — пятилучевая фигура синего цвета
Знак — пятилучевая фигура, «звезда-домик», в двух оттенках синего.
Логотип Вита Хауз: знак и название строчными
Название в логотипе набрано строчными: «вита хауз».
Заголовок раздела, набранный гарнитурой Mont
Заголовки и текст — Mont, три начертания.
Синий 110%#001DC8
Основной#0023F5
Синий 60%#00A3FF
Синий 30%#9EDCFF
Чёрный#363636

02 — Каталог услуг

Первый экран

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

vita-house.ru/price/Первый экран1600 × 1000
Первый экран каталога услуг Вита Хауз: поиск, частые запросы, разделы и описание категории
Было → стало

Семь разделов свёрнутых строк стали одним каталогом с поиском, страница — на 54% короче.

03 — Три шага

Как выбирают услугу

Найти
Строка поиска с примерами и частыми запросами

Поиск на языке клиента

Строка поиска с примерами и категории со счётчиками. Можно начать с понятного слова — «межевание» — не читая весь прайс.

Понять
Варианты услуги с ценами, сроками и составом работ

Цена и срок сразу

Стоимость «от» и срок стоят в строке услуги, состав работ раскрывается по месту. Условия можно сопоставить, не открывая каждую позицию.

Перейти
Услуга, ориентировочная цена, срок и кнопка выбора

Обращение с услугой

Выбор возле позиции связывает каталог с формой: название услуги становится контекстом обращения.

04 — Детали

Решения интерфейса

Цена как ориентир

Стоимость показана как «от» и сопровождается пояснением: итог зависит от объекта, документов и варианта решения. Фиксированную смету каталог не обещает.

Прежний адрес

Раздел работает по тому же адресу, что и раньше. Ссылки на прайс из писем, визиток и поиска продолжают открывать каталог.

Внутри действующей CMS

Каталог собран компонентом на 1С-Битрикс клиента. Менеджеры продолжают вести услуги там же, где вели.

05 — Ход работы

Что было и что сделали

Задача

С чего начали

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

Решение

Что изменили

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

06 — Что входило

Состав работы

  • Исследование и структура
  • Арт-дирекшн
  • UX/UI-дизайн
  • Разработка и запуск

Технологии, на которых собран проект.

1С-БитриксPHPJavaScriptCSS

Границы кейса

Что показывает эта страница

Снимки сделаны с работающего проекта, а не с макета. Показываем интерфейс и решения, которые сделали сами.

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

Следующий кейс · Концепт-редизайн сайта Пятёрочка Проект «Пятёрочка» — превью

Создадим продукт, который хочется показывать.

Расскажите о задаче — вернёмся с вопросами и первым направлением решения.

Следующий шаг · ВЕРСТА

Есть задача? Начнём с разговора.

Поможем разобраться в задаче и определить следующий шаг. Без обязательств и готового ТЗ.

В рабочее время · обычно в тот же день