Лендинг для «ГПК Гранит».

Вводные

ГПК «Гранит» — горнодобывающая промышленная компания из Петрозаводска: два собственных завода полного цикла, изделия из натурального камня оптом. Памятники, мемориальные комплексы, вазы, шары и заготовки — от отбора блоков на карьере до отгрузки готовой партии. К нам пришли за лендингом, который работает на лояльность оптовых заказчиков производства.

Что было на входе:

• действующее производство: два завода в Петрозаводске, более 150 м³ продукции в месяц, отгрузка в 58 городов России, Беларуси и Абхазии;
• старый сайт, который уже не отражал масштаб компании;
• много собственного контента — фотографии производства, характеристики пород камня, критерии контроля качества, прайс-размеры. Всё это предстояло сильно переработать, адаптировать и перерисовать.

Задача была не в лидогенерации — платный трафик на лендинг не запускали. Страница нужна как витрина производства: чтобы оптовый покупатель и ритуальный салон видели, с кем работают, и возвращались за следующей партией.

Как работали

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

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

Дизайн: графит, синий и крупная типографика

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

Из чего собран визуальный язык:

• Чередование светлых и тёмно-графитовых секций задаёт ритм длинной страницы и делит её на смысловые главы.
• Один акцентный цвет — насыщенный синий. Он на кнопках, номерах секций и тонких линиях, больше нигде.
• Крупная дисплейная типографика: заголовки набраны широким гротеском и работают как навигация по экрану.
• Живые счётчики в цифрах компании — два завода, 150 м³, 6 000 м², 58 городов — набегают при прокрутке и читаются как доказательства.
• Фотографии производства обработаны в единой гамме, чтобы не выбиваться из графитового фона.

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

Продукция и контент

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

Что вошло в наполнение:

• каталог продукции из шести категорий — стандартные и фигурные памятники, мемориальные комплексы, вазы, шары, столбики и заготовки, каждая со своим описанием и фотографией;
• блок типовых размеров: комплектация «стела, подставка, цветник, столбик» с размерами и вариантами полировки, разложенная так, чтобы её было видно без прайса;
• характеристики пород камня — цвет, структура, объёмный вес, обработка и ГОСТ по каждой породе.

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

Производство, качество и логистика

Чтобы лендинг работал на доверие, мы показали производство изнутри — так, как это важно оптовому заказчику.

• Два завода полного цикла с адресами, координатами и ссылками на 2ГИС и Яндекс.Карты — по каждой площадке видно, что там делают.
• Раздел контроля качества: критерии отдела технического контроля по геометрии, цвету, полировке и упаковке — с возможностью скачать полные критерии отдельным файлом.
• Собственная логистика с доставкой «от двери до двери» и география поставок.

Разработка и интерактив

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

Что сделано в разработке:

• интерактивная карта географии поставок: из Петрозаводска расходятся маршруты в 58 городов трёх стран;
• переключаемый каталог пород камня и карусель продукции на собственном коде;
• формы заявки с загрузкой файла до 10 МБ — чертёж, спецификация или фото прикрепляются прямо к обращению;
• анимации появления секций при прокрутке, счётчики и всплывающее окно запроса прайса;
• cookie-баннер только для технически необходимых файлов, ссылки на политику и согласие на обработку данных.

Мобильная версия

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

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

Итог

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

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

Посмотреть страницу: https://gpkgranit.ru/.