Разработка нового корпоративного сайта для «Свеза»: 68,7 тыс. посетителей за 4 месяца

Разработка нового сайта для «Свезы» стала масштабным проектом, требующим не только технической экспертизы, но и глубокой координации с командой Клиента.

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

На основании анализа старой версии специалисты Комплето предложили улучшенную структуру и логику навигации, которая учитывала разные сценарии взаимодействия с группами ЦА: от клиентов и партнеров до поставщиков и соискателей.

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

Вместе с командой «Свезы» на начальном этапе мы:

1. Провели рабочие встречи.

2. Уточнили задачи каждого блока.

3. Собрали требования и перевели их в пользовательские сценарии, прототипы и страницы.

Так карьерный раздел прорабатывали с HR-командой, блок для поставщиков — с отделом закупок, продуктовые страницы и каталог — с маркетингом и продажами.

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

Так сайт «Свезы» выглядел до старта работ

А так — на релизе

Изначально планировалось разработать 15 шаблонов страниц для ключевых разделов. Но уже в ходе проекта стало понятно, что структура сайта должна быть шире, поскольку у разных направлений «Свезы» были свои задачи, типы контента и сценарии пользователей.

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

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

Прототипы страниц для нового сайта

Дизайн страниц для нового сайта

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

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

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

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

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

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

Для корпоративного сайта «Свезы» было важно обеспечить не только разработку, но и контролируемый процесс внесения изменений. Поэтому мы совместно с Клиентом приняли решение разделить работу на 3 среды:

• Тестовую.

  Предназначена для первичной сборки и проверки функционала. Доступ к ней есть только у разработчиков сайта и специалистов «Свезы», которые отвечают за внесение изменений в различные разделы сайта.

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

• Приемочную.

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

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

• Публичную.

  Финальная версия сайта, доступная внешним пользователям.

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

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

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

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

Поэтому:

• Дизайн сайта был выдержан в стиле «чистых» блоков с акцентом на важнейшие элементы, что соответствует актуальным трендам корпоративных сайтов.

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

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

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

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

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

• находить нужный материал;

• изучать характеристики;

• скачивать документы;

• переходить к заявке.

При этом также было важно сохранить SEO-потенциал и гибкость веб-ресурса для бизнеса.

Создали удобный фильтр каталога, сочетая UX и SEO

На этапе проектирования каталога было уделено особое внимание фильтрации.

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

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

Благодаря этому пользователь, допустим, введя запрос «фанера для строительства», попадает сразу на релевантную страницу применения, а не в общий каталог. Это снизило количество кликов до целевого действия.

Путь клиента из поисковой системы до страницы применения товара

Тепловые карты взаимодействия подтвердили, что посетители активно пользуются всеми параметрами фильтра:

Карта кликов продуктовой страницы

Это доказывает, что решение эффективно с точки зрения и UX-дизайна, и конверсий.

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

Оформили стандартизированные шаблоны карточек товаров

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

• характеристики;

• показатели прочности и другие технические параметры;

• преимущества продукта;

• области применения;

• документацию;

• элементы для перехода к расчету или обращению.

Пример карточки товара

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

Карта кликов страницы с карточкой товара

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

Калькулятор норм загрузки транспортных средств в карточке товара

В карточках товаров мы также провели SEO-проектирование:

• прописали метатеги;

• разработали структуру каталога;

• подвязали фильтры.

Благодаря этому пользователь, например, вводя в Google или Яндекс запрос «купить фанеру», теперь попадает сразу на страницу нужного продукта, а не на Главную:

Путь клиента из поисковой системы до страницы применения товара

Это снижает количество кликов до целевого действия.

Разработали самостоятельные страницы для отраслевые решений

При проектировании структуры сайта мы смотрели не только на сайты компаний лесопромышленного комплекса, но и на ресурсы смежных B2B-индустрий и крупных промышленных брендов.

В итоге были разработаны отдельные страницы для ключевых отраслей, среди которых:

• строительство;

• мебель и интерьер;

• напольные покрытия;

• игрушки и сувениры;

• игровые, спортивные и общественные пространства;

• коммерческий транспорт;

• производство вырубных штампов;

• биотопливо;

• автоматизация и искусственный интеллект.

Страница с перечнем сфер применения продукции

Страница отраслевого решения «Строительство»

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

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

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

На первом этапе команда Комплето сфокусировалась на ключевых направлениях применения фанеры и отдельных продуктовых направлениях группы. В дальнейшем эта логика будет масштабироваться на другие дивизионы и продукты «Свезы», чтобы сайт развивался как единая система отраслевых решений.

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

Например, по запросу «фанера для мебели», «фанера для транспорта» или «фанера для опалубки» потенциальный клиент найдет подходящее решение в 1–2 клика:

Путь клиента из поисковой системы до страницы отраслевого решения

Продумали страницы для поддержки продаж

Раздел «Где купить» выполняет несколько важных функций:

1. Помогает клиентам быстро найти официальные точки продаж.

2. Снижает нагрузку на контакт-центр.

3. Увеличивает доверие к бренду, показывая только проверенных партнеров.

4. Работает на SEO и приводит новых клиентов по региональным запросам.

Тепловая карта показывает, что 74% пользователей доходят до блока с картой официальных дистрибьюторов, что подтверждает высокий интерес к разделу:

Тепловая карта раздела «Где купить»

Карта кликов же показывает, что пользователи активно нажимают на кнопку с продукцией и используют поиск — все это признаки вовлеченности:

Карта кликов раздела «Где купить»

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

Раздел «Сервисные решения» раскрывает комплексный подход компании — от консультаций и раскроя до брендирования и послепродажной поддержки:

Страница с готовыми решениями

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

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

Тепловая карта просмотра страницы показывает, что пользователи, перешедшие на страницу, просматривают сервисные предложения компании, листая вниз:

Тепловая карта раздела «Сервисные решения»

Вынесли блог для клиентов на главную страницу

Блог «Свезы», вынесенный на главную страницу, превратил сайт в экспертную платформу.

Так он помогает компании:

• делиться с пользователями знаниями о продукции и сферах применения;

• привлекать дополнительный поисковый трафик;

• усиливать доверие к бренду.

Блог работает как инструмент продвижения и вовлечения клиентов, позволяя им лучше понять ценность продукции.

Карта кликов показывает, что пользователи доходят до этого раздела сайта и просматривают статьи:

Карта кликов блога «Свезы»

В результате комплексная архитектура продуктовых страниц позволила объединить SEO, UX-дизайн и задачи маркетинга в одну систему.

Сайт стал не просто витриной, а полноценным инструментом продаж: информирует, вовлекает и ведет пользователя к целевому действию в 1–2 клика.

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

Переключатель языка на сайте

При этом каждая из них была адаптирована под конкретные бизнес-задачи и аудиторию, а не просто переведена на нужный язык.

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

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

Китайская версия сайта «Свеза»

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

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

Мобильная версия сайта

Десктопная версия сайта

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

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

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

Установили системы аналитики

На сайте были проведены интеграции со всеми необходимыми и разрешенными аналитическими инструментами:

• Яндекс Метрикой — для отслеживания показателей сайта.

• Яндекс Вебмастером, чтобы обеспечивать контроль за индексированием, проверять корректность метаданных и заниматься стабильным SEO-продвижением.

Важно: для безопасности и соответствия внутренним требованиям компании используются только российские аналитические сервисы с разрешенными IP-адресами.

Провели интеграцию с Elma CRM

Elma CRM — система автоматизации и управления бизнес-процессами, через которую обрабатываются заявки с сайта.

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

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

Настроили интеграцию с системой «Поток»

Для поддержки HR-направления была реализована интеграция с платформой «Поток» — системой автоматизации рекрутинговых процессов с искусственным интеллектом.

Все отклики на вакансии с сайта поступают напрямую в «Поток», где HR-специалисты управляют вакансиями: публикуют, редактируют и снимают с публикации.

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

Установили виджет Dream Job

Дополнительно был добавлен виджет Dream Job, повышающий доверие кандидатов и укрепляющий восприятие компании как современного и надежного работодателя.

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

• обеспечивает прозрачность процессов;

• повышает эффективность работы отделов;

• делает сайт не просто витриной, а рабочим инструментом развития компании.

Андрей Баяндин,

Full stack middle developer

Интеграции с внешними системами играют ключевую роль в организации эффективного взаимодействия с пользователями. Так заявки с сайта автоматически поступают в Elma CRM, где настроены собственные бизнес-процессы, что позволяет оперативно перенаправлять обращения ответственным сотрудникам и ускорять обработку запросов.

Компания «Свеза» активно работает со стажерами и регулярно публикует большое количество вакансий. Для этого используется HR-система «Поток», позволяющая при создании новой вакансии автоматически размещать ее на сайте. Отклики оттуда сразу попадают обратно в систему, что обеспечивает прозрачность и непрерывность работы с кандидатами.

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

Одними из ключевых задач разработки нового сайта стали поддержка и развитие HR-бренда компании.

Так раздел «Карьера» теперь уже не просто страница с вакансиями, а полноценное цифровое пространство, отражающее культуру и возможности работы в «Свезе».

Карьерный раздел стал точкой входа для кандидатов

Продвижение HR-бренда начинается с главной страницы:

• В меню сайта мы закрепили раздел «Карьера».

• В шапке расположили кнопку «Подобрать вакансию».

• На первом экране добавили блок «Команда “Свезы”», который ведет прямо на карьерную страницу.

Главная страница сайта с продвижением HR-бренда «Свезы»

Анализ тепловых карт кликов показал, что раздел «Карьера» входит в топ по нажатиям среди всех элементов меню — это один из наиболее востребованных маршрутов пользователей на сайте:

Тепловая карта кликов на главной странице сайта

Тепловая карта кликов в футере сайта

Объединили в карьерном разделе все направления HR-коммуникаций

Раздел «Карьера в “Свезе”» содержит:

• вакансии;

• информацию о работе;

• программы для молодых специалистов;

• истории сотрудников;

• FAQ;

• удобные способы отклика — от стандартной формы на сайте до переходов в соцсети и интеграции с ATS-системой.

Страница «Карьера в “Свезе”»

Для кандидатов этот раздел помогает быстро понять, чем живет компания и какие возможности она предлагает. Все это можно сделать в 1–2 шага.

Для бизнеса и HR-команды — это инструмент, который позволяет:

• привлекать больше релевантных специалистов в регионах;

• повышать качество откликов;

• сокращать время закрытия вакансий;

• укреплять HR-бренд.

Продумали сценарий перехода от страницы карьерного раздела

Разводящая карьерная страница построена по принципу минимального количества действий: уже на первом экране расположена кнопка «Подобрать вакансию», а следующий блок содержит сами вакансии.

Тепловая карта кликов показала, что именно эти элементы — самые «горячие» зоны страницы:

Тепловая карта кликов страницы «Карьера в “Свезе”»

Добавили в раздел «Вакансии» удобный фильтр

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

Страница с вакансиями компании

Из тепловой карты кликов видно, что инструмент активно используется: пользователи чаще нажимают на кнопки «Подробнее», изучая описание вакансий, чем сразу оставляют заявку, что логично для кандидатов, делающих осознанный выбор.

Тепловая карта кликов на странице с вакансиями

Карьерный раздел стал неотъемлемой частью HR-бренда «Свезы»: теперь он работает на повышение узнаваемости работодателя, формирует доверие и помогает кандидатам быстро принимать решение.

Для компании это уже не просто раздел с вакансиями, а стратегический инструмент для привлечения и удержания талантов.

Провели тестирование производительности нового сайта

Все ключевые метрики производительности PageSpeed Insights были выведены в «зеленую зону», что обеспечило быстрый отклик сайта и соответствие международным стандартам качества:

Оценка производительности десктопной версии нового сайта

Оценка производительности мобильной версии нового сайта

По данным PageSpeed Insights, показатели очень высокие, несмотря на достаточно жесткие требования после последних обновлений к сайтам:

Сравнение индекса скорости нового сайта «Свеза» со старым

Индекс скорости старого сайта «Свезы» на ПК по данным PageSpeed Insights составлял 6.3, а на мобильных — 16,3.

Новый сайт же оказался быстрее старого: в 2 раза на ПК и в 3,5 раза на мобильных устройствах. Проверка проводилась по следующим показателям:

• LPC (загрузка основного контента на страницах) соответствует норме.

• CLS (визуальная стабильность) — верстка не «прыгает» при загрузке страниц и также соответствует норме.

• INP (скорость реакции) — сайт быстро реагирует на действия пользователя.

Это выделило «Свезу» среди российских B2B-компаний, поскольку быстрая загрузка страниц позволяет:

• удерживать внимание клиентов;

• снижать количество отказов;

• повышать вероятность заявки;

• положительно влиять на позиции в поисковых система;

• привлекать дополнительный органический трафик;

• усиливать доверие аудитории;

• формировать технологичный имидж компании.

Проанализировали поведение пользователей

После запуска сайта эксперты Комплето провели детальный анализ поведения пользователей с помощью:

• тепловой карты кликов;

• карты ссылок.

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

Карта кликов показала, что главная страница работает как эффективный навигационный центр:

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

2. Второе место занял раздел «Команда “Свезы”», что подтверждает высокий интерес к HR-направлению и корпоративной культуре компании.

Тепловая карта кликов главной страницы сайта «Свеза»

Это говорит о том, что:

1. Главная страница решает сразу 2 ключевые задачи бизнеса — продажи и привлечение сотрудников.

2. Пользователи находят нужные разделы уже на первом экране, то есть визуальные акценты были расставлены правильно, а архитектура контента — разработана грамотно.

По карте ссылок видно, что пользователи активно пользуются всеми основными навигационными блоками. Особый интерес вызывают отраслевые страницы — «Строительство» и «Мебель и интерьер», которые помогают клиентам находить решения под конкретные задачи.

Карта ссылок на главной странице. Блок «Сферы применения»

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

Карта ссылок футера сайта

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

Опыт разработки нового корпоративного сайта для «Свезы» показал, что успешный B2B-ресурс сегодня должен быть не просто витриной, а полноценным инструментом продаж, коммуникации и HR-брендинга.

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