01
Задача
AKROLUX — мебельная фабрика в Кузнецке. Она выпускает столы и корпусную мебель под заказ. На сайте посетитель знакомится с продукцией и выбирает основу своего проекта. Для кухни или шкафа важны планировка и размеры. Затем нужно определиться с отделкой и наполнением.
У фабрики уже работал сайт с каталогом столов. Требовалось добавить кухни и шкафы в тот же сайт. Новые направления должны были использовать общие меню и оформление. Существующий каталог и адреса страниц требовалось сохранить.
Материалы заказчика нужно было превратить в последовательный выбор. Сначала посетитель определяет тип мебели. Затем смотрит варианты оформления и образцы отделки. После этого собирает параметры для обсуждения с фабрикой.
02
Решение
Добавил вход в новые направления
Разработал раздел «Корпусная мебель» и включил его в каталог. На входной странице показал кухни и шкафы. Рядом разместил примеры оформления и материалы. Посетитель может выбрать направление или перейти к подготовке расчёта.
Связал новые страницы с действующим сайтом на MODX. Подключил общие шапку и подвал. Согласовал цвета и поведение меню на телефоне. Новые разделы стали продолжением сайта фабрики.
Собрал каталог вариантов кухни
Подготовил галерею из 42 фотографий. Добавил фильтр светлых и тёмных кухонь. Отдельные решения получили страницы с крупными изображениями. От них можно перейти к обсуждению похожей кухни.
Варианты показывают сочетания цветов и расположение секций. Это ориентиры для будущего заказа. Они не представлены в кейсе как выполненные объекты фабрики.
Организовал образцы материалов
Разделил отделку по производителям и видам материалов. Для AGT подготовил 111 исходных образцов. Добавил поиск по названию и обозначению декора. Из карточки можно открыть изображение и выбрать отделку.
Связал материалы с кухнями и шкафами. Для фурнитуры подготовил отдельную страницу со ссылками на производителей. Посетитель может уточнять комплектацию последовательно внутри каталога.
Подготовил параметры для расчёта
Собрал пошаговый выбор кухни или шкафа. Пользователь указывает исполнение и примерные размеры. Затем выбирает фасады и добавляет пожелания. Из этих данных формируется описание проекта.
Описание можно проверить и скопировать перед обращением. Стоимость в этом сценарии не вычисляется автоматически. Её определяет фабрика после уточнения комплектации.
Доработал просмотр с телефона
На небольшом экране фотографии остаются видимыми целиком. Каталог кухонь перестраивается в одну колонку. Крупные изображения открываются для подробного просмотра. Меню и переходы между разделами доступны с телефона.
03
Результат
На основном домене появились новые направления мебели. Покупатель может выбрать кухню или шкаф. Посмотреть варианты оформления и найти отделку. Затем собрать размеры и пожелания в описание проекта.
Фабрика получила опубликованные разделы внутри действующего MODX-сайта. Каталог столов продолжает работать рядом с новыми направлениями. Новую мебель можно представить без замены всего сайта.
Посмотреть результат: раздел мебели AKROLUX.
Технологии: MODX, PHP, JavaScript, CSS.
Проект в деталях
