Пн-Пт 9:30-18:00
порфтолио

LashComfort

От продаж через социальные сети к собственному интернет-магазину: разработка сайта LashComfort на Битриксе

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

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

Мы разработали для LashComfort полноценный интернет-магазин на Битриксе. На сайте объединили презентацию бренда, каталог продукции, подробные карточки товаров, выбор материалов и расцветок, дополнительные услуги, корзину, оформление заказа и личный кабинет покупателя.

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

О клиенте

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

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

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

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

Благодаря этому LashComfort предлагает не отдельные предметы, а возможность комплексно оформить профессиональное пространство в едином стиле.

Проблема: социальные сети больше не справлялись с ролью интернет-магазина

На начальном этапе социальные сети были удобным инструментом для развития бренда. Через публикации компания показывала новые модели, рассказывала о материалах, принимала заказы и поддерживала общение с профессиональным сообществом.

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

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

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

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

Незавершённый проект и необходимость пересобрать сайт

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

Для бизнеса это означало не только потерю времени. Пока проект находился в неопределённом состоянии, ассортимент продолжал расширяться, а потребность в полноценной площадке становилась всё острее.

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

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

Задача

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

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

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

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

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

Тип работ:
Интернет-магазин
Сайт:
lashcomfort.com
Пояснительное изображение для первого шага

Исследование и стратегия

На старте проекта мы рассмотрели несколько основных пользовательских сценариев.

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

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

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

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

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

Главная страница как знакомство с брендом

Главную страницу мы выстроили по логике последовательного знакомства с LashComfort.

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

Рядом расположено основное целевое действие — переход к каталогу. Оно помогает не задерживать посетителей, которые уже готовы выбирать продукцию.

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

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

После каталога мы разместили блок преимуществ. Он раскрывает основные аргументы бренда: собственное производство, продуманную конструкцию, выбор материалов, возможность персонализации и внимание к удобству мастера и клиента.

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

порфтолио

Структурированный каталог продукции

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

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

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

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

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

Карточка товара как конфигуратор заказа

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

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

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

После изменения параметров покупатель может добавить товар в корзину в выбранной комплектации. Информация о выбранном цвете, материале и дополнительных услугах сохраняется в заказе и передаётся менеджеру.

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

Выбор материалов и расцветок

Большой выбор вариантов исполнения — одно из конкурентных преимуществ LashComfort. Поэтому мы сделали его заметной частью пользовательского сценария.

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

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

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

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

Индивидуальная вышивка и персонализация

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

Поэтому возможность нанести логотип стала не второстепенной услугой, а отдельным преимуществом бренда.

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

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

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

Пояснительное изображение для третьего шага

Преимущества продукции через понятные аргументы

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

Поэтому на сайте предусмотрели отдельные блоки с преимуществами. Они объясняют конструктивные особенности продукции, подход к материалам, удобство ухода и возможности индивидуального изготовления.

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

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

Товарные рекомендации

В нижней части карточки товара предусмотрели блок рекомендаций.

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

Такой сценарий полезен и покупателю, и бизнесу. Клиенту не приходится самостоятельно искать совместимые аксессуары в разных разделах, а LashComfort получает возможность показывать ассортимент комплексно.

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

Корзина и оформление заказа

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

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

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

Главная задача этого сценария — сохранить уверенность покупателя после выбора товара. Чем сложнее конфигурация, тем важнее показать, что все параметры зафиксированы правильно.

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

Личный кабинет покупателя

Для постоянных клиентов предусмотрели личный кабинет.

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

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

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

Навигация и пользовательский маршрут

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

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

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

Подвал дополняет основную навигацию. В нём собраны контакты, информационные страницы, ссылки на социальные сети и служебные документы.

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

Визуальная концепция

Для LashComfort мы разработали светлый, спокойный и лаконичный дизайн, который объединяет эстетику beauty-индустрии с функциональностью интернет-магазина.

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

В качестве активного акцента используется тёплый оранжевый. Он выделяет кнопки, элементы управления, отдельные фоны и важные действия. Цвет добавляет интерфейсу эмоциональности, но применяется дозированно, поэтому не мешает просмотру каталога.

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

Крупные интерьерные изображения чередуются с аккуратными интерфейсными блоками. Такая подача помогает одновременно показать атмосферу бренда и сохранить удобство покупки.

Типографика

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

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

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

Фотографии как часть интерфейса

Фотоматериалы играют в проекте важную роль.

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

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

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

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

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

Значительная часть аудитории LashComfort приходит из социальных сетей и использует смартфон. Поэтому мобильная версия была важна не меньше десктопной.

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

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

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

Так покупатель может пройти весь путь — от перехода из социальной сети до оформления заказа — непосредственно со смартфона.

Разработка на Битриксе

Интернет-магазин реализован на Битриксе как управляемая система продаж.

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

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

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

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

Подготовка к интеграции с Битрикс24

В архитектуре проекта предусмотрели возможность дальнейшей интеграции интернет-магазина с CRM Битрикс24.

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

Для LashComfort это особенно важно, поскольку часть заказов имеет дополнительные параметры и требует коммуникации после оформления. CRM поможет не терять договорённости и контролировать этапы выполнения.

Таким образом, сайт становится не изолированной витриной, а основой для последующей автоматизации продаж и производства.

Пояснительное изображение для первого шага

Основа для SEO-продвижения

Структура интернет-магазина подготовлена для дальнейшего поискового продвижения.

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

Карточки можно дополнять уникальными описаниями, характеристиками, рекомендациями по использованию и ответами на частые вопросы.

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

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

Как решения влияют на бизнес

Новый сайт систематизировал ассортимент LashComfort и сделал его доступным независимо от работы социальных платформ.

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

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

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

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

Одновременно сайт становится собственной площадкой для рекламы. Теперь трафик можно направлять не в общий профиль социальной сети, а на конкретный товар, категорию или предложение.

Инфраструктурный результат

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

Сайт объединил каталог, параметры продукции, контент о бренде, корзину, заказы и персональные функции покупателей.

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

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

Результат

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

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

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

Главное изменение произошло в самой модели онлайн-продаж. Покупателям больше не нужно собирать заказ из публикаций и сообщений, а менеджерам — вручную переносить параметры из переписки.

LashComfort получил самостоятельную масштабируемую площадку, которая объединяет имидж бренда, ассортимент, персонализированный выбор и обработку заказов. Новый сайт стал основой для дальнейшего продвижения, автоматизации через Битрикс24 и развития продаж в России и за её пределами.

Не знаете с чего начать? Напишите нам

Получите полную консультацию по Вашему проекту бесплатно и быстро

map map