Корпоративный сайт крупной промышленной компании должен давать инвесторам, партнерам, поставщикам и соискателям доступ к нужным документам и контактам. Для недропользователя из Казахстана Метриум собрал разрозненные Excel-таблицы и PDF-отчеты в единый портал. На сайте появились разделы с активами, отчетностью, экологическими материалами, закупочными документами и вакансиями. Интерфейс передавал масштаб производства и поддерживал требования компании к раскрытию информации и ESG-отчетности.
До разработки материалы находились в отдельных таблицах, папках и PDF-файлах. Пользователь мог знать название документа, но не понимать, в каком разделе и за какой год его искать. В новой структуре активы, отчеты, экологические публикации, сведения для поставщиков и вакансии получили собственные страницы и архивы. Для каждого типа материала задали название, период, регион, категорию и файл. Эти поля использовал внутренний поиск. Сотрудник публиковал утвержденный документ один раз, после чего он появлялся в нужном разделе и выдаче поиска. Такой порядок сократил дубли и число ручных ответов на запросы о местонахождении файла.
Бизнес-контекст: задачи и вызовы недропользователей в РК
Для крупного недропользователя сайт объединяет материалы, которые раньше хранились в разных отделах и файлах. В проекте выделили три задачи. Первая - сократить ручную работу с запросами поставщиков за счет каталога закупочных документов и форм обращения. Вторая - собрать отчеты для инвесторов в одном разделе с поиском и архивом. Третья - публиковать экологические материалы и программы для регионов, где работает компания. Содержание документов и обязательность их раскрытия определяет заказчик вместе с юридической службой. Сайт отвечает за размещение, поиск и обновление утвержденных материалов.
Аудит и инсайты: почему старый ресурс тянул компанию вниз
Перед началом активной фазы разработки специалисты Метриум провели глубокий аудит существующего присутствия компании в сети. Мы обнаружили типичную для добывающего сектора РК проблему: информационную разрозненность. Данные о запасах полезных ископаемых находились в одних документах, тендерная документация рассылалась по электронной почте, а новости компании публиковались с задержкой в несколько недель. Мобильная версия сайта практически отсутствовала, что создавало барьеры для сотрудников министерств и ведомств, которые зачастую изучают документацию с планшетов или смартфонов во время выездных комиссий. Инструменты Google Search Console (GSC) показывали критически низкий индекс доверия со стороны поисковых систем из-за медленной загрузки тяжелых PDF-файлов. Мы зафиксировали, что текущий показатель CR (коэффициент конверсии) в качественные отклики от потенциальных подрядчиков составлял менее 1%, что вынуждало отдел закупа тратить сотни часов на ручной поиск поставщиков спецтехники и ГСМ.
Стратегия: создание цифрового фундамента для крупного бизнеса
Наша стратегия базировалась на принципе «Information First». Мы решили отойти от концепции простого корпоративного сайта в сторону полноценного промышленного портала, который станет единым окном входа для всех стейкхолдеров. Важным решением стало внедрение сложной структуры вложенности, где каждый тип контента (отчеты ОВОС, финансовые результаты, планы закупок) имеет свое четко определенное место и индексируемые теги. Мы понимали, что для рынка Казахстана критически важна легитимность, поэтому стратегия включала интеграцию с государственными реестрами и системами мониторинга. Основной упор был сделан на масштабируемость: архитектура должна была позволять безболезненно добавлять новые месторождения и дочерние компании по мере расширения бизнеса клиента. Это позволило нам заложить фундамент для долгосрочного SEO-продвижения по ключевым запросам в нише недропользования и горной добычи.
Реализация и технические этапы разработки
Проектирование информационной архитектуры и CJM
Проектирование начали с информационной архитектуры и сценариев четырех аудиторий. Представителю регулятора нужен экологический отчет, поставщику - закупочный документ, инвестору - производственные показатели, кандидату - вакансия по региону. Карту сайта построили так, чтобы основные документы открывались за два-три действия. Поиск индексировал заголовки страниц и содержимое загруженных файлов. Перед публикацией структуру разделов и набор документов согласовывали с заказчиком; юридическую оценку содержания проводила его профильная служба.
| Аудитория | Что ищет | Раздел | Действие |
|---|---|---|---|
| Инвестор | отчеты и производственные показатели | Инвесторам | открыть отчет |
| Представитель регулятора | экологические и разрешительные материалы | Документы | найти файл по году |
| Поставщик | закупочные документы и контакты | Поставщикам | отправить данные компании |
| Кандидат | вакансии по объекту и региону | Карьера | отправить резюме |
Сценарии аудиторий проверяли на реальных типах материалов. Инвестору требовались отчет, период и производственный актив. Представителю регулятора - экологический документ и возможность скачать утвержденную версию. Поставщику - категория закупки, статус публикации и контакт ответственного отдела. Кандидату - объект, регион и требования вакансии. Для документов предусмотрели единый формат названий и даты публикации, для объектов - координаты и карточку площадки, для вакансий - фильтр по региону. Проверка сценариев до дизайна помогла определить меню, поиск и поля CMS до начала верстки.
Выбор технологического стека и Headless WordPress
Для управления материалами использовали WordPress и редактор Gutenberg. PR-служба и маркетинг заказчика могли собирать страницы для событий, включая выставку KAZMIN, без привлечения разработчика к каждой публикации. Из сборки убрали лишние скрипты и настроили модульную структуру. По расчету проекта отсутствие отдельной ежегодной лицензии экономило клиенту от 500 000 ₸ в год. Открытый код сохранял возможность подключения CRM и аналитических отчетов через API.
Создание интерактивной карты активов недропользования
Масштаб деятельности показали на интерактивной карте активов, созданной на Leaflet. Для месторождений и фабрик разместили описание запасов, стадии разработки, рабочих мест и вакансий. Офисы в Алматы, Караганде и Астане добавили через карты 2GIS. Мобильную версию оптимизировали для просмотра при слабом мобильном сигнале, чтобы сведения о площадках и контактах загружались без тяжелых элементов.
Публикация закупочных документов для поставщиков
Для поставщиков создали каталог закупочных документов с категориями, статусами и архивом. Материалы публиковал ответственный сотрудник заказчика через систему управления сайтом. Форма обращения собирала данные компании и направляла их в профильный отдел. По внутренним данным проекта число заявок от новых подрядчиков выросло с 12-15 до 32-35 в месяц в первом квартале после запуска. Сайт не заменял государственную или корпоративную закупочную площадку и не автоматизировал выбор поставщика.
Раздел для поставщиков работал как публикационная часть корпоративного сайта. Ответственный сотрудник добавлял утвержденный файл, категорию, срок и контакт. Посетитель находил материал через каталог или поиск и мог отправить сведения о своей компании через форму. Дальнейшая квалификация, сравнение предложений и выбор поставщика проходили по внутренним правилам заказчика. На сайте не было функций государственной закупочной системы, электронной торговой площадки, подачи ценового предложения или определения победителя. Эта граница важна и для содержания кейса: Метриум отвечал за сайт, формы, поиск и передачу обращения, но не за проведение закупочной процедуры.
Система многоязычности и локализация для РК
Специфика работы в Казахстане диктует необходимость поддержки как минимум трех языковых версий. Мы реализовали полноценное двуязычие (казахский и русский), а также расширенную английскую версию для международных рынков капитала. Мы внедрили систему автоматической синхронизации контента: при публикации важной новости или отчета на русском языке, система автоматически создает черновики-заготовки для перевода на казахский и английский, сохраняя всю структуру верстки и мета-теги для SEO. Это исключило ситуации, когда информация на разных языках противоречила друг другу или обновлялась с большим временным разрывом. Особое внимание уделили переводу технической терминологии в горном деле, чтобы сайт выглядел профессионально в глазах узких специалистов и экспертов отрасли.
Визуальный контент-маркетинг и промышленная фотосъемка
Промышленный масштаб невозможно адекватно передать с помощью стоковых изображений или любительских фото. Мы настояли на проведении профессиональной фото- и видеосъемки на объектах заказчика. Были организованы выезды на карьеры и шахты: съемка с дронов в разрешении 4K, создание портретной галереи инженеров и руководителей подразделений, детальная фиксация процессов на обогатительной фабрике. Эти визуальные доказательства формируют у посетителя эффект «реального присутствия» и подчеркивают технологичность производства. Мы интегрировали видео-фоны в ключевые разделы сайта, что позволило удерживать внимание пользователей и снизить показатель отказов. Весь контент был оптимизирован с помощью современных алгоритмов сжатия, чтобы медиафайлы не замедляли работу портала в регионах с низкой скоростью интернета.
Оптимизация производительности и показателей PageSpeed
Для изображений и PDF-отчетов настроили отложенную загрузку. CDN Cloudflare распределял статические файлы, серверное кэширование сокращало повторную загрузку страниц, база данных проходила регулярную оптимизацию. После настройки показатель PageSpeed вышел в зеленую зону, а LCP главной страницы сократился с 4,8 до 1,4 секунды. Рост органического трафика оценивается отдельно и не приписывается одной технической правке.
Проверка производительности включала главную страницу, карточки активов, архивы документов и мобильную версию. Для изображений задавали размеры до загрузки, чтобы страница не меняла высоту во время просмотра. PDF загружались после основного содержимого, а повторные запросы обслуживал кэш. LCP измеряли на главной странице до и после настройки: 4,8 и 1,4 секунды. Разница равна 3,4 секунды, или 70,8%. PageSpeed 93 относится к десктопной версии. Эти показатели описывают техническое состояние сайта; рост органического трафика на 45% приводится отдельно по данным проекта.
WordPress использовали как редактор документов и страниц, Leaflet - для карты производственных активов, 2GIS - для офисов в городах Казахстана. Эти компоненты решали разные задачи и загружались только на нужных страницах. Русская, казахская и английская версии использовали одинаковую структуру разделов, чтобы документ сохранял место в меню при переключении языка. Для редакторов подготовили правила названий файлов, периодов и категорий. Это снижало риск дублей в архиве и сохраняло одинаковую навигацию после регулярных обновлений. После публикации редактор проверял файл, ссылку, язык и отображение карточки на смартфоне.
Интеграция с CRM и аналитика через Google Data Studio
Формы сайта передавали обращения партнеров, поставщиков и кандидатов в CRM заказчика. Дашборд Google Data Studio отображал просмотры закупочных документов, географию посетителей и популярность отчетов. Google Analytics показывал последовательность просмотренных разделов и источники переходов. Эти данные использовались для редакционного планирования и проверки востребованности документов.
Результаты: цифровая трансформация в цифрах
Результаты оценивали через скорость сайта, органический трафик и работу с обращениями. За 120 дней PageSpeed десктопной версии достиг 93 баллов. По данным проекта органический трафик по брендовым и отраслевым запросам вырос на 45%. Время обработки запросов от поставщиков сократилось в 2,5 раза после публикации документов в одном разделе и передачи форм в CRM.
| Метрика | До запуска | После запуска | Изменение |
|---|---|---|---|
| Заявки от новых подрядчиков | 12-15 в месяц | 32-35 в месяц | +118% по внутренним данным проекта |
| LCP главной страницы | 4,8 секунды | 1,4 секунды | время сократилось на 70,8% |
| Доступ к отчетности | 6-8 действий | 2-3 действия | примерно в 2,8 раза меньше действий |
| Показатель отказов | 68% | 34% | снижение на 50% |
За 120 дней число заявок от новых подрядчиков выросло с 12-15 до 32-35 в месяц. Доступ к отчетности сократился с 6-8 до 2-3 действий, или примерно в 2,8 раза при сравнении середин диапазонов. Показатель отказов снизился с 68 до 34%: разница составила 34 процентных пункта, относительное снижение - 50%. LCP главной страницы сократился с 4,8 до 1,4 секунды, что соответствует снижению на 70,8%.
Анализ причин успеха: почему решение сработало
В проекте совместили информационную архитектуру, управление документами и техническую оптимизацию. Интерфейс отделили от слоя данных, чтобы ускорить страницы и упростить развитие разделов. Состав отчетов, сведения об активах и материалы для партнеров согласовывали с техническими отделами заказчика. В результате посетители быстрее находили документы, а сотрудники реже отвечали на повторные запросы вручную.
Уроки и рекомендации для промышленного сектора
- Используйте реальные фотографии производственных площадок и подпишите объект, регион и источник изображения.
- Храните утвержденные отчеты и экологические документы в отдельных разделах с архивом и поиском.
- Публикуйте закупочные документы через CMS; выбор поставщика и закупочные процедуры остаются во внутренних системах заказчика.
- Проверяйте мобильную версию и загрузку PDF при слабом мобильном сигнале.
- Ограничьте доступ к административной панели, включите двухфакторную аутентификацию и резервное копирование.
- Подготовьте русскую и казахскую версии ключевых разделов, английскую - для международных партнеров.
- Используйте CDN для статических файлов и отчетов, если сайт посещают из разных стран.
FAQ по кейсу разработки портала
Зачем компании индивидуальная структура сайта? Готовый шаблон редко учитывает разные сценарии инвестора, поставщика, кандидата и представителя регулятора. Индивидуальная структура размещает отчеты, активы, вакансии и контакты в отдельных разделах и сокращает число действий до документа.
Насколько безопасно хранить внутренние документы на сайте? Мы используем многоуровневую систему защиты. Публичные документы хранятся в защищенных директориях, а доступ к административной панели ограничен по IP-адресам и требует двухфакторной аутентификации. Это полностью исключает несанкционированный доступ к конфиденциальным данным.
Как быстро сотрудники обновляют закупочные документы и вакансии? Через систему управления сайтом сотрудник без навыков программирования публикует документ или вакансию за 2-3 минуты. После запуска команда получает видеоинструкцию и обучение.
Обязательно ли делать английскую версию сайта? Если ваша компания планирует выход на международные рынки, привлечение займов в иностранных банках или проведение IPO - английская версия критически важна. Для работы исключительно на внутреннем рынке РК достаточно качественных русской и казахской версий.
Кто будет заниматься технической поддержкой сайта после запуска? Агентство Метриум предлагает услуги по сопровождению проекта в режиме 24/7. Это включает в себя мониторинг доступности, регулярное резервное копирование, обновление безопасности и оперативное внесение контентных правок по вашему запросу.
Заключение
Корпоративный портал недропользователя собрал отчеты, активы, вакансии и материалы для поставщиков в одном месте. Сотрудники получили редактор для обновлений, посетители - поиск и мобильный доступ к документам. Такой ресурс поддерживает деловую репутацию компании и сокращает ручную работу с повторными запросами.
Нужен корпоративный сайт с документами, картой объектов и несколькими языковыми версиями? Метриум спроектирует структуру, разработает страницы и настроит аналитику. Подробнее: разработка сайтов и SEO-продвижение.
Еще больше кейсов смотрите на странице Кейсы Метриум.