Разработка веб-продуктов и продвижение топ-10 металлотрейдера России: сайт компании, HR-портал, личный кабинет, SEO
Ссылка на проект
Основной сайт Брок-Инвест-СервисДата
2024
Экспертизы
Аналитика
Проектирование
Дизайн
Frontend
Backend
Экосистемы
Продуктовая разработка
Личный кабинет
Тип продукта
Фирменный стиль
Корпоративные сайты и сервисы
Порталы и сервисы
Личный кабинет
Отрасль
Промышленность
Business 2 Business
Клиент
«Брок-Инвест-Сервис» входит в десятку лучших металлотрейдеров страны. Продукция компании применяется в строительстве, прокладке коммуникаций в жилых и коммерческих зданиях, а также при создании масштабных инфраструктурных объектов: Московский метрополитен, аэропорт Шереметьево, Крымский мост.
Задача
У «Брок-Инвест-Сервис» широкий круг заказчиков: от частных клиентов до крупных инфраструктурных организаций. Для укрепления позиций на рынке и развития компании важно качественно презентовать бренд в сети. А также наладить эффективное взаимодействие с партнерами и заказчиками, находить новые контакты и автоматизировать внутренние процессы. Все эти задачи можно решить при помощи цифровых инструментов, которые мы создаем для компании с 2022 года.
Реализованные проекты
Наша команда выполнила три проекта и провела комплексные работы по продвижению сайтов:
- SEO-продвижение. Оптимизировали старую версию сайта для повышения позиций сайта в поисковых системах.
- Внедрение личного кабинета клиента. Создали удобную авторизацию, а также функции оформления и отслеживания заявок.
- Создание каталога продукции. Структурировали товары по типам категориям проката.
- Разработка HR-портала. Сделали удобный карьерный сайт для управления вакансиями. Он помогает привлечь талантливых сотрудников и автоматизировать процесс подбора персонала.
- Обновление корпоративного сайта. Обновили дизайн и структуру основного сайта компании, расширили его функционал и добавили интеграцию с HR-порталом.
SEO-продвижение
Цель SEO-продвижения заключалась в том, чтобы увеличить посещаемость сайта. При этом обеспечить точную и релевантную выдачу по ключам. Мы рекомендовали клиенту начать с создания каталога продукции, чтобы увеличить количество посадочных страниц и охватить запросы по конкретным товарам и категориям.
Старт работ
Начали с детального аудита и составления SEO-стратегии. Для этого подготовили подробный отчет на 40 страниц, в котором описали ключевые шаги для эффективного продвижения:
- Влияние и сравнение коммерческих факторов.
- Рекомендации по архитектуре сайта.
- Создание структуры каталога и карточек товара.
- Требования к оформлению ключевых элементов — заголовки, хлебные крошки, теги и ссылки.
- Список методов и фильтров для улучшения пользовательского опыта.
Параллельно вели работы по UX-копирайтингу — наполняли блоки и разделы с учетом SEO-факторов.
Промежуточные результаты продвижения:
- Прирост трафика составил 10 000 пользователей.
- Количество вернувшихся посетителей выросло в 2 раза.
- Ключевые страницы сайта вошли в топ-5 поисковой выдачи.
Работы на новом сайте
Помимо работы с метатегами, текстами и техническими параметрами, одной из приоритетных задач SEO было продвижение по городам. Это помогает обеспечить релевантную выдачу по геозависимым запросам и повышать позиции.
У «Брок-Инвест-Сервис» 15 складских комплексов и 19 офисов по всей России. В каждом филиале сформирован определенный запрос на продукцию. Если товара нет на одном складе, компания доставляет его в другой цех, обрабатывает металл и привозит обратно.
Переходя на главную страницу, пользователь может выбрать город (регион проживания или близлежащий населенный пункт).
Выбор города на сайте
При смене локации меняются и адреса в подвале сайта. Это помогает пользователям увидеть актуальные контакты офиса и склада.
Смена адреса на сайте «Брок-Инвест-Сервис»
Когда человек переходит в каталог готовой продукции, система предлагает ему выбрать складской комплекс (СК).
Выбор складского комплекса
После выбора СК в названии каталога меняется локация. В зависимости от выбранного склада пользователь может видеть тип продукции и категории товаров.
Смена локации в каталоге
Личный кабинет
Внедрили удобный личный кабинет с простым и быстрым способом регистрации. В нем доступны:
- оформление заявки на заказ продукции;
- история заказов;
- подборки продукции в избранном.
При оформлении заказа клиент может оперативно выбрать отложенный товар и добавить его в корзину.
HR-портал
Ранее для HR-задач у Брока была страница на основном сайте. На замену ей мы создали полноценный карьерный сайт, который стал эффективным инструментом для привлечения новых сотрудников.
Сайт помогает кандидатам больше узнать о компании, ее ценностях и масштабах производства, а также быстро найти подходящую вакансию благодаря фильтрам и подробным описаниям.
Для HR-специалистов создали функциональную административную панель. С ее помощью сотрудники публикуют вакансии, редактируют контент и отслеживают отклики. Такой подход улучшил процесс найма и упростил взаимодействие с соискателями. Ежемесячно HR-специалисты публикуют 50 вакансий.
Заказчику понравился дизайн и функциональность HR-портала для размещения вакансий — и дальше мы приступили к обновлению основного сайта компании.
Новый корпоративный сайт
Наше сотрудничество с «Брок-Инвест-Сервис» началось с проработки каталога и создания HR-портала. Клиент оценил качество этих проектов и доверил нам следующий этап цифровизации — обновление основного сайта.
Для интерфейса разработали и добавили интерактивные элементы: видеоматериалы, анимации, загрузочный экран и режим ожидания. Они помогают сделать акценты, привлечь внимание аудитории и продемонстрировать производственные мощности компании.
При переходе на сайт пользователь видит первый блок сайта с баннером и видео. В шапке мы разместили ссылки на основные разделы, контактные данные компании, личный кабинет пользователя и корзину. После него находится поисковая строка, чтобы клиенты могли сразу найти необходимый товар.
Ниже расположены два блока с продукцией: виды металлопроката и хиты продаж. Это удобно для новых клиентов — сразу найти нужный раздел каталога или посмотреть самые продаваемые позиции в зависимости от региона.
Каталог продукции на главной странице
На каждой странице есть призывы совершить целевое действие с кнопками и формами обратной связи — зарегистрироваться на сайте или оставить заявку.
Ниже расположен блок с услугами металлообработки. Пользователь может перейти в раздел как с главной страницы, так и по клику на услугу в шапке сайта.
Блок с услугами компании
В конце страницы представлено несколько блоков о компании: ее преимущества, кейсы, партнеры и поставщики, а также новости. Часть этой информации является сквозной и дублируется на других страницах сайта.
Размещение подробных сведений о «Брок-Инвест-Сервис» помогает показать масштаб компании, ее производственные мощности и особенности. Это повышает лояльность аудитории к бренду.
Информация о компании на главной странице сайта
В подвале сайта размещается интерактивная карта, контактные данные компании, ссылки на социальные сети, документы и все разделы сайта.
Футер сайта
Каталог
Первая страница каталога представляет собой разделы продукции и услуг. Если пользователь выбирает товары — он попадает в интернет-магазин. А если услуги по металлообработке — открывается страница с описанием сервиса.
Каталог продукции с фильтром
Услуги металлообработки
На странице металлообработки дана общая информация об услуге, которая помогает клиентам изучить особенности обработки металла и возможности для реализации своих целей.
- Описание услуги.
- Особенности и преимущества оборудования, с которым работает компания.
- Расчет стоимости заказа. Добавили интерактивную форму в виде квиза для расчета заявки. Клиенту нужно указать вид металлообработки, тип металла и указать контакты.
- Отзывы клиентов.
- Ответы на часто задаваемые вопросы.
Когда пользователь переходит на страницу конкретной услуги по металлообработке, он видит ее полное описание: преимущества, параметры и сферы применения.
Описание услуги по ленточнопильной резке
Ниже на странице находится перечень металлопроката, который можно использовать в ленточнопильной резке. Так клиент выбирает продукт и тип металлообработки, а затем забирает товар с одного склада.
Также на странице указаны филиалы, в которых можно заказать услугу. Пользователь может посмотреть адрес в списке или использовать интерактивную карту, которая переключается по кнопке.
Отзыв
«Брок-Инвест-Сервис»
Сотрудничество с Атвинтой позволило нам выйти на новый уровень. Мы получили обновленный корпоративный сайт, удобный личный кабинет и отдельный HR-портал. Эти продукты упростили нашу работу, сделали процессы эффективнее и усилили доверие со стороны клиентов, партнеров и соискателей. Мы видим отличные результаты и продолжаем вместе улучшать цифровое пространство бренда.
Результат
Комплексный подход по разработке цифровых продуктов позволил «Брок-Инвест-Сервис» улучшить клиентский опыт и внутренние процессы, а также укрепить позиции бренда в сети. Заказчик презентовал наши совместные разработки на отраслевых конференциях и продемонстрировал, как это повлияло на рост бизнеса.
Итоги:
- Повышение лояльности клиентов. Обновление сайта и внедрение личного кабинета сделали взаимодействие с компанией более комфортным. Это способствует укреплению доверия аудитории.
- Улучшение позиций в поисковой выдаче. SEO-продвижение помогло вывести ключевые страницы в топ-5, увеличить органический трафик и привлечь новых клиентов.
- Автоматизация процессов. Личный кабинет и HR-портал упрощают работу с клиентами и кандидатами, ускоряя обработку заявок и откликов.
- Разделение аудиторий. Разработка отдельных сервисов для клиентов и соискателей позволила эффективно управлять разными группами аудитории, не смешивая их запросы и данные.
- Укрепление имиджа компании. Новый сайт и HR-портал отражают масштаб компании, ее ценности и современные подходы к работе. Это усиливает доверие со стороны партнеров и кандидатов.
- Оптимизация работы HR. Удобная административная панель для публикации вакансий и отслеживания откликов сократила время на найм сотрудников и сделала процесс более организованным. А также интеграция с системой автоматизации рекрутмента.
Дальнейшие работы
Наша команда продолжает сотрудничество с «Брок-Инвест-Сервис» в рамках следующих задач:
- Оптимизация нового контента на страницах сайта.
- Расширение функционала — например, добавление новых ролей для пользователей.
- Интеграция с дополнительными сервисами для автоматизации процессов и улучшения пользовательского опыта.
- Поддержка и регулярное обновление сайта в соответствии с потребностями клиента.
Мы ценим наших партнеров и всегда нацелены на долгосрочные отношения, которые приносят реальную пользу бизнесу. Средний срок работы клиентов с Атвинтой составляет пять лет, и мы готовы поддерживать развитие «Брок-Инвест-Сервис» на каждом этапе их цифрового развития.
Услуги из кейса
