Кейс · Сайт-калькулятор
НИК-ГРАНИТ. Изделия из камня
Второй сайт для производства НИК-ГРАНИТ: не памятники, а столешницы, подоконники, ступени, облицовка и брусчатка. Собрали отдельный сайт направления с квизом на 6 вопросов, калькулятором ориентира «от» и витриной камня в наличии. Заявка уходит в WhatsApp, Telegram, Max или звонок.
Экраны
От вопроса к расчёту
Живой сайт granit.nik-granit.ru: тёмная шапка с оранжевым акцентом, реальные фото слэбов и короткий путь к смете в мессенджере.
Главная
Первый экран: квиз «Цена изделия из камня — за 6 вопросов» с прогрессом и ориентиром цены прямо в карточке.
Главная целиком
Камень в наличии, восемь направлений производства, блок «Почему от» из пяти факторов сметы и FAQ.
Страница направления
Столешницы, подоконники, ступени, облицовка, брусчатка: свой оффер, быстрые кнопки мессенджеров и калькулятор по размерам.
Камни
Пять пород на складе цеха с происхождением, цветом и применением. Остальные — под заказ блоками или слэбами.
Контакты
Цех в Андреевке, два телефона с именами, почта и мессенджеры.
Тот же сценарий на телефоне
Главная
Квиз на первом экране телефона.
Направление
Оффер, ориентир и кнопки связи.
Камни
Карточки пород в одну колонку.
Контакты
Нижняя панель: WhatsApp, Telegram, Max, звонок.
Клиент
Свой цех в Андреевке, без посредников
НИК-ГРАНИТ — производство в Андреевке (Солнечногорский район). Основной сайт nik-granit.ru про памятники мы уже делали. Цех также изготавливает интерьерные и уличные изделия из камня, и для них нужен был отдельный сайт со своей аудиторией: владельцы квартир и домов, дизайнеры, строители. Работают по Москве и Московской области.
Сложность направления: точную цену изделия из камня нельзя показать без размеров, вырезов и монтажа. Сайт должен был дать человеку честный ориентир и быстро довести до сметы в мессенджере.
Задача
Что нужно было решить
- 01
Отделить направление от памятников
Своя навигация, свой тон и свои запросы в поиске, но со ссылкой на основной сайт и общей организацией в разметке.
- 02
Показать цену без обмана
Ориентир «от», объяснение, из чего складывается смета, и расчёт по фото или замеру.
- 03
Сократить путь до заявки
Не форма на десять полей, а пошаговый квиз и ответ в удобном мессенджере.
Что сделали
Сайт направления с квизом и калькулятором
- 01
Квиз на 6 шагов
Изделие → камень → размеры → кромка → вырезы → монтаж. Ориентир обновляется по ходу, в конце — расчёт в WhatsApp или Telegram.
- 02
Калькулятор по размерам
На страницах направлений: изделие, порода, кромка, длина и ширина. Для тех, кому квиз не нужен.
- 03
Страницы направлений
Столешницы (и мойки), подоконники, ступени, облицовка (камины, полы), брусчатка и бордюры — у каждой свой оффер и FAQ.
- 04
Камень в наличии
Габбро-диабаз, Дымовский и Мансуровский гранит, амфиболит, мрамор Коелга: происхождение, цвет и где применять.
- 05
Блок «Почему от»
Пять факторов сметы: камень, площадь и раскрой, обработка, вырезы, доставка и монтаж.
- 06
Связь в один тап
WhatsApp с готовым текстом сообщения, Telegram, Max и звонок; на телефоне — закреплённая нижняя панель.
- 07
SEO-база
Отдельные посадочные под запросы, разметка schema.org: организация, хлебные крошки, FAQ.
Дизайн
Камень, графит и оранжевый
- 01
Индустриальный тон
Графитовые шапки, тёплый светлый фон и оранжевый акцент для действий и меток «В наличии».
- 02
Типографика
Узкий гротеск Roboto Condensed капслоком в заголовках, Manrope в тексте, моноширинный JetBrains Mono в служебных подписях вида «// свой цех · Андреевка».
- 03
Фактура вместо стоков
Крупные фото реальных слэбов из цеха: порода видна сразу, без декоративных картинок.
Стек
Next.js, адаптив, SEO
Сайт
- Next.js
- Квиз и калькулятор ориентира
- Страницы направлений и пород камня
- Адаптив: десктоп и телефон
- Разметка schema.org (Organization, BreadcrumbList, FAQPage)
- Яндекс Метрика
- Политика конфиденциальности
CMS и запуск
- Собственная CMS WeCre8: контент правится в админке
- Наш сервер (хостинг WeCre8)
- Live: granit.nik-granit.ru
Итог
Два сайта под две задачи
У производства два сайта под две разные задачи, оба сделаны нами: памятники на nik-granit.ru и изделия из камня на granit.nik-granit.ru. Новый сайт объясняет цену, показывает камень на складе и переводит разговор в мессенджер.
Сайт недавно запущен. Контент клиент правит сам в CMS WeCre8, сайт работает на нашем сервере.
Заказать
Нужен сайт с квизом и расчётом
Сайт направления с калькулятором, страницами услуг и заявкой в мессенджер. Напишите задачу, соберём состав работ.