Сайт для конструкторского бюро «Магнитные системы»
О клиенте
![Сайт для конструкторского бюро «Магнитные системы»](/static/images/cases/ms/client.png)
Конструкторское бюро «Магнитные системы» занимается производством электромагнитных железоотделителей и грузоподъёмных электромагнитов — специального оборудования для поиска металлических предметов под землёй. Это узкая специализация со своей аудиторией и конкуренцией.
Задача
Перед нами стояла задача создать сайт, который одновременно выделил бы компанию среди немногочисленных конкурентов и создал ощущение надежности для потенциальных покупателей.
Что мы сделали?
Изучив сайты конкурентов, мы заметили закономерности в дизайне, но решили им не следовать, и разработали свой уникальный визуал преимущественно в чёрном цвете. На главную страницу мы вынесли стандартные, но важные для потенциальных клиентов блоки — каталог продукции, преимущества компании и информацию о партнёрах в России и странах СНГ.
Дизайн
Тематически главная страница разделена на два основных блока — общая информация и преимущества компании. На первом экране сайта расположен баннер с названием компании и кратким описанием специализации, ниже представлен ассортимент продукции. За счёт этих элементов мы сразу даём пользователю понять, куда он попал и что он может здесь приобрести.
![Дизайн конструкторского бюро «Магнитные системы»](/static/images/cases/ms/ms.png)
Но что выделяет КБ «Магнитные системы» на фоне конкурентов? Об этом мы рассказываем во втором блоке.
Здесь мы отобразили преимущества компании в виде иконок и отрисовали баннер «Наши партнёры по всему СНГ». Уникальность баннера - это схематичная карта, на которой мы проиллюстрировали широкий спектр влияния компании на территории РФ и за ее пределами. Поимом этого на баннере отображается список именитых компаний, которые сотрудничают с КБ «Магнитные системы».
Баннер с картой — единственный фрагмент главной страницы, в котором используется светлый фон, что визуально его подчёркивает.
![Дизайн конструкторского бюро «Магнитные системы»](/static/images/cases/ms/ms-2.png)
Изначально дизайн внутренних страниц сайта соответствовал главной: преимущественно тёмный с белыми элементами. Но клиенту показалось, что это не совсем удобно для пользователей. Чтобы не отходить от общего стиля сайта, мы инвертировали цвета на внутренних страницах. Это стало отличным компромиссом.
Сайт разработан на Python, Django, MySQL. Front-end сайта — на фреймворке Nuxt.js.
Какой результат мы смогли достичь?
Получился стильный и простой сайт. Он выгодно выделяется на фоне конкурентов за счёт информативной главной страницы и проработанной визуальной составляющей.