Все кейсы

B2B

Заказная веб-разработка

UX\UI-дизайн и проектирование

Корпоративный сайт

Ушли в забой: сайт для производителя горно-шахтного оборудования

Клиент

ИГЕЯ

Дата запуска

Февраль 2021

Что сделали

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

igea.by

Ушли в забой: сайт для производителя горно-шахтного оборудования

Заказчик

«Институт горной электротехники и автоматизации» — IGEA. Компания занимается автоматизацией и модернизацией предприятий горно-химической промышленности, а также специализируется на научно-исследовательских и проектных работах в отрасли.

Задача

Разработать корпоративный сайт, наполнить каталог и обеспечить высокую скорость отдачи страниц.

Особенности проекта

Особенности ниши и подход к структуре

Узкая специализация заказчика требует нетипового подхода: стандартные шаблоны интернет-магазинов здесь не работают.

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

Ключевые требования аудитории:

Подробные технические характеристики.
Сертификаты и документация.
Полная информация по продукту.

Отсюда и решение: 

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

Доступность

Надежность в любых условиях

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

Следовательно, можно забыть о визуальных излишествах: анимированных баннерах, слайдерах и прочем, что может тормозить страницу при низкой скорости соединения. Зато возможность скачать PDF-каталог — это обязательная функция, потому что решает реальные задачи бизнеса даже офлайн.

Предварительный набросок

Готовим прототипы

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

Разработали шаблоны для главной страницы, каталога, карточки товара, информации о руководстве и контактах.

Промежуточные макеты

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

Детали и логика

От дизайна до реализации

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

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

Вход в каталог

Навигация по каталогу

Еще один ховер возникает при наведении мыши на блок «Горно-шахтное оборудование». Это одна из точек входа в каталог продукции компании.

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

Каталог

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

Товар

Карточка товара как инструмент продаж

Карточка товара — ключевой раздел сайта, фактически технический паспорт изделия.

Пользователь получает максимум информации для принятия решения:

характеристики и назначение;
допустимые нагрузки и совместимость;
условия эксплуатации и монтаж;
сертификаты и нормативная документация.

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

С учетом длительного цикла сделки сайт становится инструментом сопровождения клиента на всех этапах выбора.

Проекты

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

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

Другие страницы

Кроме того, среди шаблонов на отрисовку были страницы с информацией о руководстве института, контактной информацией, дилерами и дистрибьюторами.

Управление

Текстовый шаблон для страниц

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

Удобство управления

Шаблон работает как инструкция: помогает быстро собрать страницу и не нарушить визуальную логику сайта.

Базовый функционал сайта

Реализовали пагинацию, страницу 404 и полнотекстовый поиск, доступный с любой страницы.

Техническая основа

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

Скорость работы

Оптимизируем загрузку

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

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

Результат

Простота, скорость и фокус на продукте

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

Ключевые решения:

оптимизация кода и сокращение тяжелых элементов;
настройка кэширования;
быстрая загрузка даже при слабом интернете;
стабильная работа на мобильных устройствах.

В результате сайт стал простой и понятной точкой входа: он подчеркивает экспертизу компании и эффективно привлекает клиентов.

Отзывы

ОАО «Паритетбанк» благодарит ООО «Найнсевен» за сотрудничество в рамках разработки корпоративного сайта www.paritetbank.by.

Специалисты продемонстрировали профессионализм, ответственность и творческий подход. Работы были выполнены качественно, в полном объеме и в установленные сроки.

На всех этапах отмечались доброжелательность, готовность помочь, четкая постановка задач и контроль качества.

Отдельно отмечаем компетентность и корректность специалистов, а также слаженность работы всей команды.

Андрей Малашевич

Руководитель управления маркетинга и рекламы, Paritetbank