Клиент и задача
Центр агломерата «Блеск» изготавливает изделия из искусственного камня и работает с дизайнерами интерьера. Для сайта нужен был тот же вид, что на визитках, бланках и буклете: черный фон с фактурой, золотые линии и белый текст. Об этом стиле читайте в кейсе о фирменном стиле «Блеск».
Сайт должен был быстро ответить на вопросы, с которыми приходят заказчики: что делаете, какие бывают цвета и кромки, чем агломерат отличается от другого камня.
Что мы сделали
- Первый экран. Размытое фото кухни с темной подложкой, крупный заголовок «Производство изделий из агломерата любой сложности» и обещание: смета в день обращения дешевле, три года гарантии на товары и работы. В шапке логотип, меню, телефон и почта.
- Изделия в круглых медальонах. Шесть позиций: кухонные столешницы, столешницы для ванной, подоконники, барные стойки, ступени для лестниц и облицовка каминов. Фото в золотой рамке-кольце с подписью.
- Каталог цветов. Девять образцов камня на золотой линии, подпись «Более 200 оттенков от основных производителей» и кнопка «Открыть каталог».
- Схема форм кромок. Пятнадцать профилей: восемь основных и семь с подклейкой, каждый с буквенным обозначением. Заказчик по схеме называет нужный профиль без чертежа.
- Пять причин выбрать «Блеск». Круглые значки с линиями-связями: бесплатно устраняем недочеты, 100% соблюдаем сроки, держим точные и честные цены, выплачиваем комиссионные, соблюдаем технологию.
- Вопросы и ответы. Пять вопросов с ответами справа: что такое агломерат, технология, применение и отличия от натурального камня и керамогранита.
- Видео и соцсети. Блок о производстве с роликом и ссылки на ВКонтакте, Facebook, Instagram и Telegram. Внизу золотая линия, меню и политика конфиденциальности.
- Четыре макета под экраны. Основной на 1920 пикселей и три адаптивных: 970, 750 и 480. На узких экранах меню прячется за кнопку, медальоны встают по два в ряд, а схема причин сжимается вместе с экраном.
- Внутренние страницы. Мы нарисовали семь макетов для будущих разделов меню: каталог камня, мойки, подстолья, калькулятор, статьи, страница статьи и карточка товара. В верстку они не вошли.
Что получилось
Макеты были готовы в марте 2017 года. Рабочая верстка сайта у нас не сохранилась, остались только исходные файлы дизайна. Поэтому в 2026 году мы собрали страницу заново по утвержденным макетам: все блоки, размеры и адаптивные версии повторяют исходный дизайн. Данных о заявках и посещаемости у нас нет, цифр результата мы не приводим.
Архивная копия лежит на Cloudflare Pages: aglcenter.pages.dev. В макете полностью написан только первый ответ в блоке вопросов, остальные тексты для копии подготовили мы. Ролик в блоке видео в копии показан картинкой, пункты меню ведут на якоря страницы, потому что внутренние разделы не верстались.
Что вынесли из проекта
- Схема кромок продает лучше слов. Клиент видит формы и сразу называет нужную.
- Единый стиль на всех носителях. Тот же знак, цвета и значки, что на визитках и в буклете, дают узнаваемость с первого экрана.
- Адаптивные макеты стоит рисовать заранее. Когда все четыре ширины уже нарисованы, верстка идет без домыслов.
Частые вопросы
Сколько стоит сделать сайт для производителя изделий из камня?
Стоимость зависит от числа блоков, количества страниц и адаптивных версий. Одностраничный сайт дешевле многостраничного. Напишите нам, назовем цену после короткого разговора.
Зачем рисовать отдельные макеты для телефона и планшета?
Так дизайнер заранее решает, как выглядит каждый блок на узком экране: что скрыть, что поставить в два ряда, как перестроить меню. Верстальщику не приходится придумывать это на ходу.
Что должно быть на сайте производителя столешниц?
Изделия с фото, каталог цветов, схема кромок, условия и сроки, ответы на частые вопросы, контакты и ссылки на соцсети. Для дизайнеров интерьера полезны подробные характеристики материала.
Можно ли восстановить сайт, если верстка потерялась?
Да, если сохранились исходные макеты. Мы собираем страницу заново по макетам и проверяем размеры и адаптивные версии.