Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
INDEXIS
Разработка сайта с каталогом и сервисами для производителя уличной мебели, с глубокой 1С интеграцией
INDEXIS
WDA
2026
#Разработка сайтов под ключ

Разработка сайта с каталогом и сервисами для производителя уличной мебели, с глубокой 1С интеграцией

5479 
INDEXIS Россия, Москва
Поделиться: 0 0 0
Клиент

МАФ марткет

Сфера

Строительство и ремонт

Регион

Россия, Москва

Сдано

Ноябрь 2025

Задача

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

В рамках проекта было важно:

- Создать понятную и удобную цифровую среду для работы с широким ассортиментом продукции;

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

- Спроектировать выразительный, современный интерфейс, который усиливает восприятие бренда и помогает последовательно раскрывать его преимущества;

- Заложить основу для сервисных сценариев и дальнейшего развития цифровой платформы;

-Повысить узнаваемость бренда MAFmarket среди архитекторов, проектировщиков, девелоперов и муниципальных заказчиков;

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

Решение

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

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

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

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

1Каталог как часть рабочего процесса архитектурного или проектного бюро

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

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

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

2Серия — модели — опции

Реализовали логику выбора без потери контекста. Структура страниц следует естественному сценарию выбора. 

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

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

3Высокая плотность полезной информации без визуального шума

Контент подан с приоритетом на данные, необходимые для принятия решения: габариты, вес, материалы, вариативность исполнения и наличие файлов. Дизайн сервисной страницы детальной карточки серии изделия не перетягивает внимание на себя, а поддерживает сравнение и ускоряет выбор. Проектные файлы в точке принятия решения: DWG, фото-изображения и техническая информация доступны рядом с конкретной моделью, в момент выбора. Это снижает количество дополнительных запросов и ускоряет совместную работу дизайнера и инженера. Навигация, поддерживает работу с объёмными сериями. Якорные переходы по разделам, список моделей как оглавление и фильтрация внутри серии помогают быстро ориентироваться и сравнивать варианты, уменьшая когнитивную нагрузку при подборе.

4Конфигуратор опций, снижающий риск ошибки

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

5Ведомость вместо корзины как корректная механика для B2B

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

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

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

6«Коллекции» как быстрый вход в каталог через готовые линейки

В разделе «Коллекции» изделия уже собраны в едином стиле и удобно комбинируются в проекте. Пользователю она даёт три вещи: быстро выбрать подходящую серию из списка (с понятной маркировкой год/новинка), отфильтровать коллекции по типам изделий (например, сразу оставить только скамьи или урны) и дальше перейти в конкретную коллекцию уже для подбора состава.

7Раздел портфолио

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

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

8Cтраница «Производство» и «Дизайнеры»

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

Дизайн страницы с синим фоном задаёт «инженерный» характер и помогает удерживать внимание на ключевых фактах и визуальных доказательствах.

9Раздел Материалы

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

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

10Страница «Индивидуальный заказ»

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

11Дизайн интерфейсов, который усиливает доверие к бренду

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

Цветовая палитра сервисных страниц построена на ахроматической базе: белые и светло-серые цвета для фона, тёмные оттенки для текста, фирменный синий выступает единым акцентным цветом интерфейсов. За счёт этого интерфейсы не конкурируют с фотоизображениями и рендерами изделий. Чистая композиция, строгая типографика, аккуратные сетки, фокус на изделии и деталях формируют ощущение уверенного профессионального продукта.

Сайт дает ощущение инженерной точности и сдержанности, что соответствует позиционированию бренда как компании с передовым дизайном и собственным производством. 

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

Результат

MAFmarket стал профессиональным стандартом. Новый сайт объединил имиджевую подачу бренда, удобную работу с каталогом и функциональную основу для развития клиентских сервисов. Ресурс усилил присутствие MAFmarket в digital-среде, сделал бренд более заметным и убедительным для профессиональной B2B-аудитории и помог точнее транслировать ключевые преимущества компании: высокий уровень дизайна, качество исполнения и ориентацию на значимые проекты в городской среде.

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

Отзыв клиента

Дмитрий Буров
Дмитрий Буров

Руководитель ООО «Светосила М»

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

https://mafmarket.ru/

Стек технологий

  • HTML HTML Язык программирования
  • PHP PHP Язык программирования
  • 1С-Битрикс 1С-Битрикс CMS
  • jQuery jQuery Фреймворк/библиотека
  • MySql MySql База данных
  • Figma Figma Графический редактор

Над проектом работали:


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

INDEXIS с удовольствием обсудит вашу задачу

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