Разработка web-сайта тм «BROIS», г. Санкт-Петербург
Описание
Под торговой маркой «BROIS» производятся минераловатные цилиндры из базальтовой ваты для качественной теплоизоляции трубопроводов различного назначения: магистральные тепловые сети, холодное и горячее водоснабжение и другие.
Реализуя принципы индивидуального подхода к каждому клиенту, компания поставляет элементы и теплоизоляцию нестандартных размеров. Для производства используется качественное сырье и материалы, современное высокотехнологичное оборудование.
Компания активно развивает дилерскую сеть, расширяя географию продаж. Число клиентов постоянно растет.
До обращения в нашу студию у «BROIS» уже был сайт на Joomla, на готовом шаблоне дизайна, но он не в полной мере удовлетворял ожиданиям компании и требованиям её клиентов:
Проанализировав имеющийся ресурс, мы выявили следующие недостатки:
- 1. Меню прибито к верхней части экрана и за счет этого незаметно пользователям. Навигационные элементы должны размещаться на привычных местах. В данном случае его необходимо разместить под логотипом.
- 2. Если пользователь находится в определенном разделе меню (к примеру, КОНТАКТЫ), то соответствующий пункт меню должен быть выделен.
- 3. Важные разделы, связанные с продукцией, скрыты под кнопкой ПРОДУКЦИЯ. Быстрый доступ (в один клик) к этим разделам обеспечен только с главной страницы, а должен быть с любой внутренней страницы сайта.
- 4. С целью повышения конверсии в шапке сайта необходимо разместить форму заказа и обратного звонка.
- 5. Преимущества на главной странице присутствуют, но не содержат пояснений и доказательств. Поэтому являются слабыми. Необходимо пересмотреть содержание этого блока, чтобы конверсия повысилась.
- 6. На сайте фигурируют три последние новости на главной странице. Но сам раздел НОВОСТИ в меню отсутствует. Страницу с новостями удалось найти методом подбора URL: /news. Необходимо обеспечить доступность этого раздела из меню.
- 7. Подобная проблема с разделом СТАТЬИ. /articles - ссылку на раздел СТАТЬИ с трудом удалось обнаружить в подвале. В меню этот раздел отсутствует.
- 8. В подвале сайта электронный адрес INFO@BROIS.RU необходимо сделать кликабельным с привязкой к почтовому сервису пользователя (как это сделано в шапке сайта).
- 9. На сайте отсутствует строка-навигатор или «хлебные крошки», которые показывают местонахождение пользователя на сайте. Это стандартный параметр, который обязан быть на любом сайте, меню которого имеет вложенности.
- 10. Дизайн сайта неадаптивный – фиксированная ширина на минимальном десктопном разрешении пользователя в 1024 точки по ширине. Необходимо создать адаптивный дизайн проекта с «резиновой» версткой, чтобы он подстраивался под экран монитора пользователя.
Кроме того, было еще несколько мелких недочетов.
По результатам аудита текущего проекта совместно с заказчиком было принято решение разработки нового сайта на базе CMS WordPress.
Цели и задачи нового сайта:
- позиционирование бренда продукции «BROIS», презентация возможностей и преимуществ компании;
- привлечение новых клиентов;
- знакомство потенциальных заказчиков с продукцией предприятия, ее особенностями и ценами;
- возможность получить консультацию и сделать заказ.
Особенности проекта
Текущий сайт на joomla уже занимал неплохие позиции в поисковых системах. Поэтому нашей задачей было не только устранить все вышеуказанные недостатки, выявленные в процессе аудита проекта и сделать проект более привлекательным и продающим для целевой аудитории, но и не потерять позиции в выдаче. А для этого нужно было максимально сохранить url-ы страниц и настроить переадресации там, где это было сделать невозможно из-за смены CMS.
Решение – разработка сайта производственной компании
Общий вид главной страницы сайта производственной компании:
В шапке сайта - логотип «BROIS», строка-дескриптор, содержащая информацию об основном направлении деятельности компании, также контактная информация и форма для заказа обратного звонка.
Ниже расположено верхнее меню, раскрывающее основную информацию о компании «BROIS».
Под ним – левое меню, связанное с продукцией и справа слайдер, презентующий 4 группы товаров под маркой «BROIS».
Все картинки в слайдере оформлены в едином стиле, с использованием малинового и тёмно-серого цветов:
- 1 слайд – кашированные цилиндры:
- 2 слайд – цилиндры некашированные:
- 3 слайд – фасонные части:
- 4 слайд – кожух оцинкованный:
Ниже слайдера размещены преимущества работы с компанией:
Все преимущества обоснованы, сделаны в едином стиле и расположены на 1-м и 2-м экранах ресурса (в зависимости от конкретного разрешения монитора пользователя), что позволяет посетителю выделить компанию на фоне конкурентов, позиционируя ее как клиентоориентированную.
Ниже преимуществ расположили краткую информацию о компании, новостях и сертификатах, картинки которых открываются в большом размере поверх основного.
Сертификаты подтверждают соответствие продукции «BROIS» стандартам качества и безопасности:
В нижней части расположили стандартные блоки – контакты с картой, где можно посмотреть месторасположение компании, а также футер сайта с дублированием верхнего меню и перечня продукции. Здесь же размещена ссылка на скачивание прайс-листа.
Внутренняя страница сайта производственной компании
На внутренних страницах слайдер отсутствует, освобождая место под размещение релевантного контента страницы:
На страницах, посвященных продукции, содержится важная информация об особенностях, технических характеристиках, свойствах товаров, а также форма заказа.
Меню с продукцией теперь присутствует на каждой странице, обеспечивая быстрый переход пользователя к интересующему его товару с любой страницы сайта.
Онлайн прайс-лист
Табличная форма с указанием цен на продукцию онлайн, размещенная в разделе ПРАЙС, приятно оформлена и предоставляет удобную информацию по стоимости товаров:
Полезные статьи
Помогают целевой аудитории найти ответы на волнующие их вопросы и сделать правильный выбор:
Цветовое решение сайта
Сайт компании «BROIS» выполнен в основном с использованием двух корпоративных цветов – малинового и тёмно-серого. Малиновый цвет как разновидность красного означает огонь и бурное развитие. Серый цвет символизирует сдержанность, справедливость и спокойствие. Казалось бы, это два цвета, столь противоположные по значению, однако их сочетание придаёт облику сайта презентабельный деловой вид, статус и доверие к качеству производимой продукции.
В итоге проект с корпоративным оригинальным дизайном и несложным, но полезным функционалом позволяет позиционировать и достойно презентовать бренд «BROIS» новым и существующим клиентам компании, привлекая внимание посетителей сайта к продукции компании.