Разработка интернет-магазина профессиональной косметики Quantum Shop

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

Смотреть сайт Обсудить интернет-магазин

Главная страница интернет-магазина профессиональной косметики Quantum Shop

Кратко о проекте

Клиент: Quantum Shop
Отрасль: Профессиональная косметика
Тип проекта: Интернет-магазин официального дистрибьютора
Платформа: 1С-Битрикс

Что реализовали

Интернет-магазин официального дистрибьютора профессиональной косметики
Каталог с разделами «Волосы», «Лицо», «Тело», «Руки», «Гигиена и уход», «Макияж», «Для дома»
Фильтры и подбор товара внутри крупных категорий
Карточка товара с фото, характеристиками, ценой и наличием
Корзина, избранное, личный кабинет и подарочный сертификат
Разделы акций, брендов и блога

Теги

Большой каталог и подбор товара

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

Уход

Волосы
Лицо
Тело
Руки и ноги

Дополнительно

Макияж
Парфюмерия
Витамины и добавки

Сценарии покупки

Наборы
Для дома
Подарочный сертификат

Категории каталога и фильтры интернет-магазина косметики

Категории на витрине показаны фотографиями — это ускоряет вход в нужный раздел.

Карточка товара и покупка

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

Фото, характеристики и описание средства
Цена, наличие и быстрый переход в корзину
Избранное и повторный заказ из личного кабинета

Бренды, акции и контент

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

Бренды

Страницы брендов
Подборки дистрибьютора

Мотивация

Акции и скидки
Подарочный сертификат

Контент

Блог о уходе
Связка с Quantum Clinic

Развитие и продвижение

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

SEO категорий, брендов и карточек товара
Развитие каталога и подборок
Техническая поддержка магазина

Задача

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

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

Макеты сайта

Айдентика проекта

Типографика

Гротеск Bold

Заголовки и цены

Каталог

Гротеск Regular

Интерфейс и описания

Доставка и оплата

Палитра

Акцент действия#F26B21
Фон витрины#F4F0EA
Текст#1A1A1A

Дизайн: товар и цена на первом плане

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

Категории на витрине показаны фотографиями продуктов — это ускоряет вход в нужный раздел ухода даже для нового покупателя.