Разработка интернет‑магазина профессиональной косметики для волос

Размер шрифта

Цвет фона и шрифта

Изображения

Озвучивание текста

Обычная версия сайта

+7 495 414-46-77
- Телефоны
- +7 495 414-46-77
- Заказать звонок
Москва, Пресненская набережная 12, Москва-Сити, Башня Федерация
info@joywin.ru
Пн. – Пт. с 9:00 до 18:00

Удобный каталог с фильтрами, интеграция с CRM и рост выручки на 40 % за 4 месяца.

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

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

Александр, заказчик

Нам нужен интернет‑магазин, который продает сам: удобный каталог для клиентов и полная интеграция с CRM.

Данил Жидков, проектный менеджер

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

Цель проекта

Cоздать современный, функциональный интернет-магазин, который продемонстрирует широкий ассортимент продукции и обеспечит рост продаж. Выйти на рост выручки на 35–45 % в течение 4 месяцев после запуска.

Задачи проекта

Сделать понятные карточки товаров с фото, видео и инструкциями.
Создать каталог с фильтрами по типу волос, эффекту и составу.
Настроить простой процесс заказа товара.
Интегрировать платежную систему (pay master) и систему доставки.
Настроить интеграцию с CRM.
Сделать личный кабинет для оптовых покупателей.
Позволить легко совершать повторные покупки.
Настроить SEO‑оптимизацию и мобильную адаптацию.

Ход проекта

Этап 1. Маркетинг

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

Компания:

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

Клиенты:

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

Конкуренты:

изучили 12 сайтов конкурентов
собрали 36 идей для структуры каталога, карточек товаров и оформления заказа

Результат:

4 аватара клиента
анализ 12 конкурентов
36 идей для реализации
сформирована база для проектирования интернет-магазина, которая учитывает логику ниши и реальные потребности клиентов

Этап 2. Проектирование

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

Основные разделы:

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

Для оптовых покупателей мы спроектировали свой личный кабинет, в котором доступны следующие опции:

Управление заказами

создание и редактирование заказов в корзине
просмотр истории заказов с фильтрацией по дате, статусу и номеру
отслеживание статуса заказа (в обработке / собран / отправлен / доставлен)
возможность повторных заказов одним кликом
скачивание сопроводительных документов (счета, накладные, сертификаты).

Персональные цены и каталог

доступ к оптовым ценам с учетом объема закупки
уведомления о новых поступлениях и сезонных коллекциях

Логистика и доставка

выбор способа доставки (курьер, самовывоз, ТК)
расчет стоимости доставки по регионам
трекинг заказов с актуальными статусами
график работы пунктов выдачи и история доставок

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

Мы делаем подробное ТЗ. Описываем все функции, для того, чтобы все было очевидно и понятно для обеих сторон.

Результат:

прототипы страниц
документ ТЗ
заложена логика интернет-магазина, которая упрощает путь клиента от выбора товара до оформления заказа

Галерея

Разработка интернет‑магазина профессиональной косметики для волос

Этап 4. Верстка

Что сделали:

сверстали макеты с использованием HTML, CSS и JavaScript;
оптимизировали скорость загрузки (сжатие изображений, кеширование, отложенная загрузка контента);
обеспечили адаптивность для различных браузеров и устройств;
добавили анимацию там, где это уместно.

Результат:

готовые HTML страницы сайта.
сайт стал быстрым, стабильным и удобным для пользователей на разных устройствах

Этап 5. Разработка (back-end)

Разработали интернет-магазин на платформе 1С-Битрикс (лицензия «Малый бизнес»), развернули платформу и настроили базу данных.

Подключили PayMaster и Shiptor, чтобы покупатель мог сразу оплатить заказ и выбрать удобный способ доставки на сайте.

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

Результат: альфа-версия сайта.

Что было сделано

Маркетинговое исследование

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

Дизайн сайта

Адаптивная
верстка

Программирование
1С-Битрикс

Тестирование

Обучение

Разработка личного кабинета

Разработка платежной системы

Подключение систем доставки

Оставьте заявку на проект, мы свяжемся с Вами в ближайшее время и ответим на все интересующие вопросы.

Заказать проект

Этап 6. Тестирование и запуск

Что мы сделали:

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

Результат:

готовый к запуску интернет-магазин
проект вышел на рабочую стадию и был подготовлен к полноценной эксплуатации и продажам

Этап 7. Обучение

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

Мы упростили административную часть в Битриксе, убрали лишние элементы из интерфейса и настроили удобный WYSIWYG редактор для работы с контентом.

Для удобной работы команды заказчика мы:

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

Результаты:

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

Галерея

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

Дизайнер

Наталья

Дизайнер

Наталья

Менеджер проектов

Данил Жидков

Менеджер проектов

Данил Жидков

Bitrix-разработчик

Виктор

Bitrix-разработчик

Виктор

Системный администратор

Владислав

Системный администратор

Владислав

Frontend разработчик

Александр

Frontend разработчик

Александр

Аккаунт-менеджер

Юрий

Аккаунт-менеджер

Юрий

Готовый проект

Компания получила интернет‑магазин профессиональной косметики с удобным каталогом и автоматизацией бизнес‑процессов. Через 2 месяца сайт вошел в топ‑15 Яндекса по запросам «профессиональная косметика для волос», а через 4 месяца принес рост выручки на 40 % относительно периода до запуска.

Александр, заказчик

Команда Joywin учла все нюансы нашего ассортимента и бизнес‑процессов. Сайт не просто выглядит современно — он продает.

Закажем у вас сайт для нашего второго косметического бренда на основе арганового масла Agadir!

Данил Жидков, проектный менеджер

Благодарим за доверие! Рады, что интернет‑магазин стал эффективным инструментом для вашего роста.
С удовольствием займемся разработкой сайта для проекта Agadir!

Перейти на сайт

Оставьте заявку на проект, мы свяжемся с Вами в ближайшее время и ответим на все интересующие вопросы.

Заказать проект

Похожие проекты

Интернет-магазины

Разработка интернет-магазина косметики для волос

Корпоративные сайты

Разработка сайта для сети салонов красоты

Интернет-магазины

Улучшение партнерской бонусной системы для интернет-магазина косметики

Предыдущий кейс Следующий кейс