Кейсы компании Метриум

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

Кейс Метриум Корпоративный сайт для горнодобывающей компании с тендерами, ESG-отчётами и картой проектов

Cпроектировали и запустили корпоративный сайт, подчёркивающий промышленный масштаб компании горнодобывающего холдинга

Как мы создали строгий ресурс-витрину и упростили взаимодействие власти, инвесторов и подрядчиков

О клиенте

Казахстанская горнодобывающая компания, ведущая разработку нескольких месторождений цветных и редкоземельных металлов. Фокус — ответственная добыча, устойчивое развитие, открытая закупочная политика. Аудитория ресурса — представители госорганов, подрядчики, инвесторы, экологические надзоры.

Проблема / KPI

У компании был лишь одностраничный лендинг с базовой информацией. Документы размещались на разных облаках, тендеры — в Excel, новости публиковались в Telegram. Задачи:
  • создать строгий корпоративный сайт «под ключ» за ≤ 4 месяцев;
  • интегрировать разделы «Тендеры», «Инвесторам», «ESG»;
  • обеспечить двуязычность RU / EN и мобильную адаптацию;
  • PageSpeed ≥ 85;
  • модульную CMS без привязки к дорогим лицензиям.

Аудит и инсайт

Мы изучили сайты национальных недропользователей и зарубежных игроков: акцент на факты, минимум декора, крупные цифры, карта активов. Важно: госструктуры ищут тендеры и ESG-отчёты, подрядчики — техусловия, инвесторы — финансовую отчётность. Значит, сайт должен быть «функциональной витриной», а не промо-роликом.

Стратегия

  1. Структура — шесть разделов: «О компании», «Проекты», «Технологии», «Устойчивое развитие», «Тендеры и закупки», «Инвесторам».
  2. Навигация — максимум два клика до любого документа.
  3. Дизайн — промышленный минимализм: тёмный антрацит, акцентный охра, геометрическая сетка, крупные цифры.
  4. Платформа — Headless WordPress + Gutenberg Blocks: модульность, открытый исходный код, лёгкое обновление.
  5. ESG-блок — интерактивные показатели выбросов и карта рекультивации.
  6. Тендеры — каталог с фильтрами (регион, категория, статус), выгрузка Excel одним кликом.
  7. Интеграции — картографический сервис на Leaflet с активными точками месторождений, API-связка с 1C ЗУП для актуальных вакансий.

Реализация

  • Sitemap и прототип — 10 рабочих дней, согласование директоры+юристы.
  • Контент — переписали миссию и цели; цифры сверяли с ИТ-отделом и аудиторами.
  • Фотосессия — выезд на карьер и обогатительную фабрику: 120 кадров, 8 дрон-панорам.
  • Дизайн — 3 итерации: от mood-board до pixel-perfect.
  • Верстка и CMS — адаптивная сетка, lazy-load карт, SVG-иконки; PageSpeed: 93 десктоп / 89 мобайл.
  • Контроль качества — чек-лист WCAG 2.1, аудит безопасных заголовков и SSL.
  • Запуск — soft-release на поддомен, миграция DNS, настройка CDN Cloudflare.

Результаты

  • Срок: 120 календарных дней от брифа до «Production».
  • Документы: 214 файлов, структурированных в три клика вместо рассылаемых архивов.
  • Заявки на тендеры: +118 % за первый квартал после запуска.
  • Среднее время на сайте: 3 мин 12 с (данные GA4).
  • PageSpeed: 93/89, Core Web Vitals «зелёные».
  • Модульность: PR-отдел самостоятельно публикует отчёты, меняет карту активов и добавляет вакансии.

Анализ причин успеха

  • Фокус на функциях, не на декоре — аудитория получила то, что искала: тендеры, ESG и контакты.
  • Headless-CMS — лёгкий интерфейс и высокая скорость без дорогостоящих лицензий.
  • Карта проектов — интерактивный контент повышает вовлечённость и снижает показатель отказов.
  • Единая экосистема — документы, вакансии и новости теперь в одном окне, что экономит время партнёров и подрядчиков.

Уроки и рекомендации

  • Для B2G / B2I-сайтов важнее доступность информации, чем «вау-эффекты».
  • Используйте открытые платформы — они дешевле в поддержке.
  • Интеграция карт и фильтров делает сайт инструментом, а не брошюрой.
  • ESG-данные всегда должны лежать «в один клик» — этого требуют регуляторы и инвесторы.
  • Составьте чек-лист документ-флоу до старта проекта — тогда запуск пройдёт без сдвигов.

FAQ — о нашей работе

Сколько людей было в команде?
Project-менеджер, UX-дизайнер, UI-дизайнер, верстальщик, WordPress-разработчик, копирайтер, DevOps.
Почему WordPress, а не Bitrix?
Открытый код, отсутствие годовой лицензии, модульность Gutenberg, скорость.
Как обновляется карта проектов?
Маркер и описание добавляются через кастомное поле в админке — без вмешательства разработчика.
Что включает поддержка?
Бэкапы, обновление плагинов, мониторинг безопасности, SLA 24 ч.

Хотите такой же функциональный корпоративный сайт?

Смотрите другие проекты в разделе Кейсы.
Детали услуги — на странице Создание сайтов.