Содержание
- Клиент
- Задача
- Решение
- Аналитика и работы по SEO
- Дизайн и визуальные решения
- Главная страница
- О компании
- Услуги
- Историческая справка
- Масштабирование проекта
- Отзыв
- Результат
Клиент
«Сибгипрошахт» (СГШ) — первый сибирский горный институт по проектированию шахт, разрезов и обогатительных фабрик. Комплексно подходит к созданию горно-технической инфраструктуры, проводит прикладные исследования и лабораторные испытания, а также консультирует предприятия.
Задача
Клиент обратился за разработкой нового корпоративного сайта. Предыдущая версия сервиса устарела — сложная навигация, разрозненные блоки, отсутствие доказательств экспертизы и вклада института в угольной отрасли. Сайт не отражал масштабы и историю СГШ.
Прошлая версия сайта заказчика
Цель проекта: создать имиджевый сайт, который демонстрирует компетенции «Сибгипрошахта» и позволяет оставить заявку на услуги.
Задачи:
- Понятная структура услуг. Перестроить сайт под четыре направления и провести пользователя по короткому маршруту от главной к услуге и ответственному специалисту.
- Доверие к институту. Показать ключевые цифры, историю, документы и примеры проектов.
- Единые шаблоны контента. Привести услуги и внутренние страницы к повторяемой структуре, чтобы команда могла публиковать материалы без разработчиков.
- Стабильная работа на всех устройствах. Обеспечить адаптивность и высокую скорость загрузки.
- SEO-оптимизация. Настроить человекопонятные URL, карту сайта, файл для роботов, каноничные адреса и постоянные переадресации. Задать шаблоны заголовков и описаний.
- Защита и обработка данных. Настроить защиту форм от спама и корректную работу с персональными данными.
- Масштабирование. Подготовить разделы «Вакансии» и «Новости и события» для включения по мере наполнения.
Решение
Мы разработали новый корпоративный сайт «Сибгипрошахта». Страницы показывают направления работы института и ведут пользователя к заявке.
Перед стартом разобрали старую версию сайта, проанализировали рынок и конкурентов. Выделили точки роста — например, заменить громоздкую навигацию на короткие маршруты, собрать доказательства в блоки — факты, история и проекты, унифицировать формат страниц для самостоятельного ведения.
Оформление нового сайта СГШ
Что сделали:
- Переработали визуальный стиль на базе прежнего. Обновили палитру и типографику, добавили иллюстрации и 3D-элементы. Сайт отражает опыт СГШ и наглядно показывает преимущества бренда.
- Сделали 3D-ролик для первого экрана. Формат подчеркивает строгий и точный подход к работе и удерживает внимание пользователя на старте.
- Перестроили навигацию и маршруты, чтобы сократить путь до обращения и убрать лишние переходы.
- Выделили блок с услугами и видами работ. Оформили шаблон страницы услуги с контактами ответственного лица, чтобы пользователь мог оценить варианты деятельности института.
- Добавили цифровой музей СГШ. Сделали ленту по событиям с фотогалереей, чтобы показать опыт и вклад компании.
- Реализовали проект на Битриксе. Клиенту удобно самостоятельно добавлять страницы и редактировать тексты.
- Подготовили проект к масштабированию. Добавили два раздела, которые включаются по мере появления материалов.
Аналитика и работы по SEO
Перед стартом провели аудит текущего сайта и материалов заказчика. Отдельно изучили книгу об институте с ключевыми историческими событиями и корпоративный архив: презентации, документы и фото. Эти источники помогли уточнить позиционирование и задать фактуру для публичных страниц.
Выделили основные направления работы, вокруг которых строится сайт «Сибгипрошахта»:
- Проектирование.
- Прикладные исследования.
- Испытательная лаборатория.
- Консалтинг.
Чтобы проработать аудитории, сопоставили направления услуг с типовыми ролями на стороне предприятий и партнеров. Зафиксировали, кто и зачем приходит на сайт СГШ:
- руководители и главные инженеры угледобывающих предприятий;
- технологи, экологи, специалисты по промышленной безопасности;
- партнеры и отраслевые СМИ;
- соискатели в поиске работы.
Зафиксировали ключевые сценарии:
- Выбрать подрядчика на проектирование и запросить консультацию.
- Получить исследование или заключение и оставить заявку в лабораторию.
- Найти контакты ответственных лиц и удобный способ связи.
- Убедиться в опыте и истории института, чтобы выбрать комплексный подход к решению задачи.
На базе исследований спроектировали архитектуру сайта с ключевыми страницами.
Архитектура сайта
Собрали развернутую структуру страниц. Полученные артефакты ускоряют проектирование интерфейса, упрощают этап согласования и закладывают основы для дальнейшего масштабирования.
Структура страниц
Провели первые работы для поискового продвижения и корректной индексации. Создали карту сайта и шаблоны метатегов, подключили разметку Schema.org, прописали требования к адаптивности, а также предусмотрели защиту от спама.
Дизайн и визуальные решения
Собрали для «Сибгипрошахта» целостную визуальную систему, которая отражает стиль института и угольную промышленность. Разработали 3D-объекты оборудования, фирменные иконки, анимации и видеоролик на первом экране с движением по шахтному штреку.
Подобрали палитру и типографику, собрали UI kit, чтобы можно было быстро развивать проект. Такой подход задает стиль бренда, заставляет пользователя изучать сайт и доходить до целевого действия.
Элементы сайта
Перед открытием сайта показываем короткую заставку, которая задает тон и подводит пользователя к первому экрану. Карточки услуг реагируют на наведение мыши: графичные иллюстрации переключаются на объемные 3D-изображения, а при наведении на фотографии сотрудников включается анимация. Это делает изучение страницы более вовлекающим процессом.
Дополнительно подготовили макеты деловой полиграфии и сувенирной продукции. Единый стиль закрепляет образ института.
Сувенирная продукция для клиента
Бизнес получил основу для презентаций и переговоров, а также развитие проекта за счет дизайн-системы. Образ бренда повышает доверие как к технологичному и надежному партнеру.
Главная страница
Главная страница сайта знакомит посетителя с институтом и ведет его до ключевого действия. Наша команда выделила основные блоки: факты о компании, список руководителей, услуги, интерактивная карта проектов и партнеры. Это помогает пользователю понять, чем занимается «Сибгипрошахт», с какими проектами работает и что предлагает для сотрудничества.
Главная страница сайта
Сделали акцент на карте проектов, с которыми работал СГШ. Это фабрики и шахты на территории России и за ее пределами. Точки связаны с карточками справа — пользователь может листать портфолио и взаимодействовать с самой картой. Этот блок показывает географию и масштаб работ.
Карта проектов
На главной также есть короткая историческая справка — слайдер с датами и фотографиями. Институт работает с 1920 года и за эти годы накопил богатый опыт и экспертизу в развитии горнодобывающей промышленности. Это усиливает доверие клиентов и ускоряет решение о сотрудничестве.
О компании
Страница нужна для подкрепления доверия и демонстрации масштабов деятельности «Сибгипрошахта». Здесь показываем, чем институт живет сегодня: ключевые факты, миссию и ценности, блок с преимуществами и раздел с официальными документами. Открытая публикация подтверждает соответствие требованиям и упрощает проверку для партнеров.
Пользователь может изучить подход к работе и компетенции компании, посмотреть документы и перейти к услугам.
Информация об институте
Услуги
Страница с услугами включает четыре направления: проектирование, прикладные исследования, испытательная лаборатория и консалтинг. Каждая карточка ведет на посадочную страницу с единой структурой:
- краткое описание;
- состав работ;
- преимущества;
- контакт ответственного лица.
Ориентируясь на ЦА, которая предпочитает сразу звонить, добавили контакты для быстрой связи. Также для страницы с лабораторными исследованиями предусмотрели два сценария: форма для физлиц и отдельный блок для компаний. Такой формат помогает оценить объем работ и отправить корректную заявку.
Услуговые страницы
Историческая справка
Страницу с историей «Сибгипрошахта» сделали в формате цифрового музея института. Собрали хронологию из книги о СГШ и корпоративного архива. Ключевые события и фотографии оформили в ленту, по которой удобно перемещаться.
Оксана Денисенко
Руководитель группы в Атвинте
История — одна из важнейших ценностей «Сибгипрошахта». На этой странице мы погружаем пользователя в застывшие в вечности моменты прошлого и передаем дух времени через фотогалерею. Лица, события, успехи и достижения — мы бережно собрали кусочки истории и расставили акценты, чтобы создать уникальный альбом зарождения угольной отрасли.
Раздел можно редактировать в админке: добавить новые периоды, менять порядок и иллюстрации. Пользователь видит путь развития института — от первых проектов до текущих достижений. Наш подход усиливает репутацию бренда и преемственность.
Историческая справка
Масштабирование проекта
На старте заложили варианты для дальнейшего развития сайта: структура и админпанель позволяют подключать новые разделы. Скрыли два блока — «Новости и события» и «Вакансии». Обе страницы собраны и готовы к публикациям — институт сможет включить их по мере наполнения.
Новости и события
Добавили страницу, на которой компания может размещать статьи и события из жизни института. К примеру, рассказывать про конференции, новые методологии и проекты. Это позволит лучше ранжироваться на поиске, привлекать клиентов и партнеров.
Новости и события
Вакансии
Подготовили страницу с вакансиями, на которой кандидат может выбрать направление и город. Отдельный раздел позволяет разграничить заявки от клиентов и соискателей. А также оперативнее закрывать позиции и и не терять отклики.
Раздел с вакансиями для соискателей
Отзыв
ООО «Сибгипрошахт»
Работали с Атвинтой над новым корпоративным сайтом. Команда быстро погрузилась в нашу отрасль, оперативно реагировала на вопросы и решала задачи. Наш институт получил красивый и современный сайт, которым легко управлять. Ставим 10 из 10 и готовы рекомендовать агентство. Отдельная благодарность дизайнеру за внимание к деталям.
Результат
Запустили новый сайт «Сибгипрошахта», который презентует институт и показывает его масштабы развития. Карта проектов и историческая лента усиливают доверие, а страницы услуг помогают понять варианты работ и связаться с компанией.
Итоги:
- Разработали уникальный визуальный стиль бренда, чтобы укрепить доверие партнеров и клиентов.
- Показали масштаб и опыт СГШ с помощью анимаций, блоков о компании и проектах.
- Стандартизировали услуги. Единый шаблон с описанием и составом работ позволяет быстро разобраться в интерфейсе. Компания может самостоятельно добавлять новые услуговые страницы.
- Добавили валидацию и защиту от спама в формы обратной связи, чтобы исключить нецелевые заявки.
- Обеспечили автономность команды. Через админпанель удобно вести наполнение сайта и самостоятельно настраивать страницы.
- Предусмотрели варианты развития. Подготовили разделы, которые институт подключит позже.
Новый сайт показывает компетенции специалистов, упрощает доступ для заказа услуг и позволяет развивать проект в зависимости от задач института.
