KRASABEL.BY

Эксклюзивный дистрибьютор профессиональной косметики

Дата запуска сентябрь 2025

React
Laravel
Webpack
Docker
MySql
CSS
Evolution CMS
Redis

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

Компания является эксклюзивным дистрибьютором профессиональной косметики для волос, специализирующейся на окрашивании и уходе. KrasaBel объединяет ряд известных брендов премиум-класса, таких как Tefia, Kezy, Concept, Selective Professional, Barex и Sim Sensitive. Главная цель компании – предоставить безупречный сервис и качественную продукцию каждому представителю индустрии красоты.

О проекте

Перед нами стояла задача создать новую, полнофункциональную платформу, которая отразит статус компании как лидера на рынке и станет удобным инструментом для работы с существующими клиентами (B2B) и привлечения новых (B2C). Сайт должен был эффективно презентовать широкий ассортимент, подчеркнуть преимущества брендов и обеспечить бесперебойный процесс выбора и покупки товаров.

Основные задачи

Сложный каталог с фильтрацией
Помимо базовых фильтров реализовать возможность фильтрации товаров по брендам.
Сегментация аудитории
Продумать пользовательский путь как для оптовых B2B-клиентов (салоны красоты), так и для розничных B2C-покупателей.
Акцент на бренды
Каждому бренду выделить отдельную секцию с описанием философии и ключевых преимуществ, чтобы усилить доверие и узнаваемость.
Маркетинговые инструменты
Реализовать модули для удобного размещения акций, баннеров и создания промо-страниц для новых коллекций и трендовых продуктов.
Профессиональный и эстетичный дизайн
Создать визуал, отражающий высокое качество продукции — минималистичный стиль, чистая типографика и акцент на фотографии товаров, что создает ощущение премиальности.
Полная готовность к SEO
Предоставить техническую базу, включающую человекопонятные URL, карту сайта и модули для настройки мета-тегов, позволяющие эффективно продвигать сайт в поисковых системах.

01 — Проектирование

Процесс проектирования был направлен на создание сложной структуры, способной эффективно обслуживать две ключевые аудитории — B2B-клиентов (салоны, парикмахерские) и B2C-покупателей. Мы уделили особое внимание работе с обширным каталогом и интеграционным процессам.

Ключевые моменты, на которые мы ориентировались при проектировании:

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

02 — Дизайн и вёрстка

На этапе дизайна и верстки мы создавали визуальную концепцию, которая подчеркивает премиальность брендов-партнеров Krasabel и обеспечивает безупречный пользовательский опыт.

Фокус в дизайне:

Главная страница была спроектирована как витрина ключевых брендов (Tefia, Kezy, Concept и др.) и действующих акций, сразу погружая пользователя в продуктовую экосистему.
Карточки товаров получили продуманную структуру с акцентом на высококачественные изображения, четкую презентацию преимуществ и профессиональных характеристик.
Интерфейс Личного кабинета был отрисован отдельно с учетом расширенного функционала для B2B-партнеров, обеспечивая простоту отслеживания заказов и работы с персональными ценами.
Процесс оформления заказа был максимально упрощен, с четкими шагами и точками интеграции с платежным шлюзом.
Адаптивный интерфейс был спроектирован с учетом мобильной аудитории, чтобы мастера и покупатели могли удобно пользоваться сайтом с любого устройства.

Цветовая схема

03 — Программирование

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

Для реализации проекта была выбрана CMS MODX Evolution, которая предоставила необходимую гибкость для создания кастомного функционала, включая сложную интеграцию и разработку Личного кабинета с нуля.

Ключевой реализованный функционал:

Интеграция с 1С: настроен обмен данными через файлы выгрузки. Товары и их описания управляются на сайте, а система автоматически получает актуальные цены и остатки, что исключает ошибки и экономит время сотрудников.
Разработка Личного кабинета "с нуля": реализован кастомный модуль с регистрацией, авторизацией, историей заказов, корзиной и системой персональных скидок как для B2B, так и B2C-клиентов.
Подключение онлайн-оплат: интегрирован надежный и безопасный платежный шлюз от Альфа-Банка, позволяющий проводить мгновенные оплаты картами, что критически важно для конвертации B2C-трафика.
Гибкая система управления: для контент-менеджеров создан интуитивно понятный интерфейс для управления сложным каталогом, брендами, акциями и страницами без необходимости программирования.
SEO-архитектура: заложены все необходимые для продвижения технические элементы: семантическая разметка, автоматическая карта сайта sitemap.xml, а также мета-настройки для всех страниц и товаров.
Многофункциональная система скидок: был разработан и интегрирован модуль управления промокодами. Его функционал включает создание промокодов двух типов: общих (на весь ассортимент) и индивидуальных (на конкретные товарные позиции).