Оставить заявку

+7 (383) 209-39-89
- Телефоны
- +7 (383) 209-39-89
- Заказать звонок
г. Краснодар, ул. Кожевенная 38, оф.308
sale@bitagency.ru
Пн – Вс: с 9:00 до 19:00

Разработка дизайн-концепции при объединении двух сайтов ГК «РОВЕН»

Заказать проект

Задать вопрос

Сфера деятельности

Вентиляционное оборудование

Год разработки

28.07.2025

О компании

ГК «РОВЕН» — крупный поставщик вентиляционного оборудования с собственной сбытовой сетью, включающей 40 филиалов в России и Беларуси. Компания работает на рынке с 2002 года и охватывает полный цикл: от проектирования и производства до поставки инженерных решений. Продукция ГК «РОВЕН» используется в зданиях любого типа и функционала — от жилых домов до промышленных объектов.

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

Почему к нам обратились

Изначально у компании было два отдельных сайта: rowen.ru — корпоративный ресурс с ограниченным функционалом rowen.shop — интернет-магазин с более развитой структурой к маю 2022 года возникла потребность объединить оба сайта в один, чтобы упростить путь пользователя и представить компанию как единую структуру. С этим запросом к нам обратились коллеги из веб-студии офиса «Первый Бит» в Краснодаре.

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

Цели и задачи проекта

Разработать современный адаптивный дизайн, соответствующий UX/UI-трендам для нового сайта.

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

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

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

Сложности и проблемы проекта

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

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

Какие получились результаты

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

Расскажите нам
о своих задачах и целях

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

Ваш телефон *

Ваша почта

Сообщение

Введите текст с картинки *

Как мы всё это решали

Разработка макета главной страницы - десктопная и адаптивная версия

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

Макет 1 – за основу взять сайт https://www.rowen.ru/ сделать его макет с некоторыми доработками (сохранить цветовую гамму, блок “меню” оставить в исходном виде, убрать ненужные блоки, футер сделать компактнее).

Макет 2 – по аналогии с макетом 1, но сделать фон более темным, добавить лучи.

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

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

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

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

Дизайн четырёх страниц раздела «Проектировщикам»

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

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

В июле 2022 года мы переработали 4 ключевых страницы раздела, чтобы он стал не только полезным, но и удобным в использовании:

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

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

Детальная страница объекта программных решений. Контент структурирован так, чтобы пользователь мог быстро получить всю ключевую информацию: описание решения, технические характеристики, преимущества и схемы. Мы предусмотрели наглядную подачу — от визуальных блоков до адаптивных таблиц.

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

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

Технический контент на сайте

Усовершенствование дизайна главной страницы

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

сразу направлять пользователя в нужный раздел (например, в каталог, вакансии, отраслевые решения)

вовлекать в коммуникацию с брендом (через Telegram-канал)

информировать о возможностях компании

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

На главном баннере добавили две ключевые кнопки:

Актуальные вакансии с иконкой — теперь пользователь может перейти к открытым позициям прямо с первого экрана.

Актуальное в Telegram — добавили возможность развернуть или скрыть блок с изображениями. Это улучшило UX и позволило ненавязчиво продвигать дополнительные каналы связи.

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

Главный баннер с ключевыми кнопками

В меню сайта добавлен новый пункт — «Отраслевые решения»:

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

Под баннером разместили блок с отраслевыми решениями:

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

Разработана страница «Отраслевые решения»:

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

большую обложку с изображением подробное описание

кнопку «Перейти в каталог продукции для отрасли»

блок «Инженерные решения»

блок «Видео» с демонстрацией реальных кейсов или решений

Такой формат помогает создать экспертный образ бренда и показать глубину проработки решений.

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

Редизайн страницы «О компании»

Текущая страница https://rowen.ru/company/ не отражала масштаб и структуру компании, не имела визуального акцента на географию присутствия и преимущества бренда. В мае 2023 года мы переработали страницу полностью — с учетом фирменного стиля, адаптивности и поставленных задач:

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

Оформили преимущества в виде «вентилятора» — фирменного визуального элемента: этот формат позволяет структурировать сильные стороны компании, сделать их наглядными и легко читаемыми.

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

Новый дизайн страницы "О компании"

Редизайн карточки товара

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

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

Мы переработали мобильную версию карточки товара

Уменьшили изображение товара, чтобы оно не занимало всё пространство первого экрана.

Вынесли кнопку «Купить» выше, в зону быстрого доступа.

Работа с блоком сопутствующих товаров

Мы сделали интерактивную карусель с категориями сопутствующих товаров (например, хомуты, симисторный регулятор и т.д.)

Реализовали всплывающее окно с товарами выбранной категории по нажатию на плитку (список торговых предложений)

Адаптивная версия карточки товара

Сопутствующие товары

Дизайн промо-блоков для акций

В ноябре 2024 года в рамках этой задачи:

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

Отдельное внимание уделили детальной странице акции. На текущий момент она представляла собой просто текстовую страницу.

Совместно с клиентом решили, что нужно:

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

Сохранить соответствие текущему дизайну сайта — от шрифта и кнопок до цветовой схемы и отступов.

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

Что дальше

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