Корпоративный сайт для золотодобывающей компании АО «ЗРК ОМЧАК»

АО «ЗРК «ОМЧАК» — одна из ведущих золотодобывающих компаний в Забайкальском крае. Перед нами стояла задача не просто сделать сайт, а создать цифровой актив, который будет работать на репутацию, привлекать инвесторов и новых сотрудников.

Дизайн и интерфейс

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

В визуальную составляющую заложили:

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

Использовали UI-решения, которые упрощают использование сайта клиентом:

• навигация всегда под рукой (липкое меню);
• контакты видны с любого экрана;
• смысловые блоки отделены так, что глаз не теряется.

Интерактивность без перегруза

Стояла задача сделать сайт современным, но не превращать его в игрушку.

Где добавили динамику:

• 3D-элементы на главной — реагируют на скрол страницы, создавая легкий эффект погружения. Работают на имидж, не отвлекает от контента.
• Плавные переходы между блоками — скрол становится естественным, страница «дышит».
• Анимация при наведении на элементы интерфейса — тактильный отклик, понятный любому пользователю.

Технически: использован чистый JavaScript, без тяжелых библиотек, чтобы не просаживать скорость загрузки.

О компании — не скучно

Раздел «О компании» (О нас) обычно читают по диагонали. Мы решили это исправить.

В разделе «История» сделали интерактивный таймлайн. Вместо длинного текста — хронология с ключевыми событиями и фотографиями. Можно листать и смотреть, как развивалась компания.

В разделе «Команда» реализовали функционал галереи руководящего состава. Фото, должность, краткая биография. Однако заказчик попросил заменить его из соображений безопасности. Мы всегда идем навстречу пожеланиям наших клиентов, поэтому заменили функционал цитатой руководителя. Сохранив задуманный функционал до лучших времен 😉.

Вакансии и карьера

Для добывающей отрасли кадровый вопрос — один из ключевых. Мы сделали раздел, который реально используют HR-специалисты.

Как это работает для вакансий компании:

• реализовали возможность вывода ключевых или «горящих» вакансий на главной странице;
• на странице «Вакансии» выведен список открытых позиций с полными требованиями, обязанностями и условиями;
• вся информация о вакансиях заполняется кадровым работником в админке;
• форма отклика прямо на странице вакансий (имя, телефон, email, название вакансии)

Технически: защита от спама, валидация полей формы, заявка уходит менеджеру на почту и сохраняется в админке с уведомлением в Telegram-чат (сделали для оперативности).

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

Еще один подраздел блока «Карьера» посвящен охране труда. 

Для компании это не просто раздел сайта, а одна из приоритетных ценностей.

Что внутри:

• политика компании по безопасности;
• документы и регламенты (PDF для скачивания);

Адаптивность

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

• в офисе — с больших экранов;
• в командировках — с ноутбуков;
• на объектах — с телефонов и планшетов.

Поэтому макеты дизайна и в последующем верстка делались под все разрешения. Не просто «сжали десктоп», а продумали интерфейс для каждого типа устройств:

• на мобильных — меню собирается в «бургер», шрифты остаются читаемыми;
• на планшетах — сетка перестраивается, ничего не «плывет»;
• на десктопе — полная картина с интерактивом.

Верстка сделана не просто адаптивная, а "резиновая". Это значит, что сайт всегда будет отлично выглядеть на любом типе устройств, даже на тех, которые еще не придумали.

Админка: самописная, без готовых CMS

Отдельная история — панель управления. Заказчик просил не использовать готовые CMS и конструкторы (WordPress, Tilda, Joomla и т.д.) из соображений безопасности и производительности.

Зачастую к ним давно уже нашли подход различного рода боты и взломщики. Также такие решения всегда содержат в себе готовые модули, которые в данный момент не используются, а может даже никогда и не будут использоваться клиентом. Однако забирают на себя часть ресурсов, из-за чего сайт может работать не так быстро как хотелось бы пользователям.

Мы реализовали полностью кастомную административную панель.

Возможности админки:

• управление динамическим контентом страниц (тексты, заголовки, изображения);
• редактирование SEO-полей (title, description, keywords) для каждой страницы отдельно;
• новости — создание и редактирование новостей в удобном конструкторе, клиент может самостоятельно наполнить новость заголовками, текстами с различным офромлением, галереями и слайдерами изображений;
• вакансии — открыть/закрыть позицию, менять описание, вывести на главной странице;
• команда — добавлять и редактировать данные и фото сотрудников;
• документы — загружать PDF в раздел охраны труда
• заявки — просмотр всех откликов в одном месте

Архитектура MVC, чтобы код было легко поддерживать и масштабировать.

Передача и поддержка

Проект сдан очно в городе нахождения клиента.

Что передали заказчику:

• полностью рабочий сайт;
• исходные коды и базу данных
• документацию;
• доступы к админке

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

Оказываем техподдержку в рамках договора. Следим за доступностью, помогаем с правками, консультируем.

Оценить проект вживую:
Сайт запущен и доступен по адресу 👉 — https://omchak.info
*Рекомендуем открывать на десктопе, чтобы оценить 3D-элементы и анимацию.*