Для проекта span1.ru нужно было адаптировать шаблон InSales четвёртого поколения под визуальную и функциональную логику референса. Задача была не в том, чтобы просто поменять цвета и шрифты. Нужно было приблизить шаблон Moon к нужному уровню подачи: главная страница, каталог, карточка товара, корзина, оформление заказа и контентные разделы должны были выглядеть как единый сайт.

В нише профессиональной косметики и spa-продуктов важно, чтобы сайт одновременно продавал товары, объяснял продуктовую линейку, поддерживал B2B-сценарии и давал доступ к материалам: сертификатам, прайсам, видео и странице производства.

Ключевые факты

Задача

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

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

Что было важно

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

Для такого проекта главная сложность — не один конкретный блок, а согласованность всего сайта. Если главная, каталог, карточка и checkout сделаны в разной логике, покупатель чувствует разрыв. Поэтому мы собирали структуру как единый e-commerce путь.

Что сделали

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

Результат

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

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

Что мы сделали для клиента

Мы помогли превратить стандартный шаблон в полноценный e-commerce сайт для профессиональной косметики: с каталогом, контентом, B2B-акцентами, дополнительными материалами и понятным путём от первого экрана до оформления заказа.