Не знаете с чего начать? Напишите нам
Получите полную консультацию по Вашему проекту бесплатно и быстро
Sysar Cosmetics обратились к нам с задачей разработать интернет-магазин для косметического бренда, в котором покупка должна ощущаться не как обычный заказ товара, а как мягкое знакомство с ароматом, настроением и философией ухода за собой.
Для косметики особенно важно первое впечатление. Пользователь оценивает не только состав, цену и упаковку, но и атмосферу бренда: насколько продукт кажется желанным, аккуратным, эстетичным и подходящим именно ему. Поэтому сайт нельзя было делать как стандартный каталог с карточками товаров и корзиной. Нужно было создать визуальную среду, которая передаёт характер Sysar Cosmetics и при этом не мешает главному сценарию — выбрать продукт, добавить его в корзину и оформить заказ.
Мы разработали интернет-магазин на Битриксе с каталогом, карточками товаров, корзиной, пошаговым оформлением заказа, личным кабинетом, регистрацией, авторизацией и восстановлением пароля. В основе проекта — минималистичная структура, яркая фирменная палитра и необычная деталь: для продукта предусмотрена «мелодия аромата», которая усиливает эмоциональное восприятие товара.
Sysar Cosmetics — косметический бренд с мягким, чувственным позиционированием. В коммуникации бренда важны не агрессивные продажи, а ощущение заботы, чистоты, телесности и личного времени. Это отражено уже в структуре каталога: «Твоё тело», «Твои руки», «Время для себя». Такие разделы помогают покупателю выбирать не только по типу продукта, но и по состоянию, которое он хочет получить: увлажнение, нежность, расслабление, ежедневный ритуал ухода.
На момент разработки бренду был нужен не просто сайт-витрина, а полноценный интернет-магазин, где визуальная подача и функциональность работают вместе. С одной стороны, ресурс должен был заявить о Sysar Cosmetics на рынке, выделить бренд среди конкурентов и сформировать желание узнать о продукте больше. С другой — пользователь должен был без лишних шагов перейти от знакомства с ароматом к покупке.
В нише косметики стандартный интернет-магазин часто превращается в обезличенный каталог: сетка товаров, цена, кнопка «Купить» и минимум эмоций. Для Sysar Cosmetics такой подход не подходил. Продукт строится вокруг ощущений, аромата и личного ритуала, а значит сайт должен был передавать эту ценность ещё до того, как пользователь попадёт в корзину.
Если интерфейс перегрузить фильтрами, баннерами и техническими блоками, бренд потерял бы свою лёгкость. Если сделать только красивую витрину без полноценной покупки, сайт не решал бы коммерческую задачу. Поэтому главным вызовом стало соединить эмоциональный дизайн и понятную e-commerce-логику.
Нужно было продумать путь пользователя так, чтобы он легко переходил от раздела к карточке товара, видел цену, наличие, описание аромата, мог выбрать количество, добавить продукт в корзину, получить понятное уведомление и оформить заказ через доставку и оплату. При этом весь сценарий должен был оставаться визуально чистым и спокойным.
Перед нами стояла задача создать интернет-магазин на Битриксе, который будет работать как самостоятельная точка продаж для бренда Sysar Cosmetics. В проекте было важно не просто сверстать красивые страницы, а собрать полноценный пользовательский сценарий: каталог, карточка товара, корзина, оформление заказа, личный кабинет и служебные страницы должны были выглядеть как части одной системы.
Отдельное внимание уделили визуальному языку. Клиент хотел использовать яркие и сочные оттенки фирменного стиля, поэтому мы построили дизайн вокруг тёплого жёлтого фона, глубокого синего акцента, мягкого розового, зелёного и коричневого. Органичные цветовые пятна сделали интерфейс живым, но не перегруженным, а минималистичная типографика сохранила ощущение чистоты и премиальной простоты.
На старте мы отталкивались от поведения покупателя косметики. Такой пользователь редко выбирает только по характеристикам. Ему важно понять настроение продукта, представить аромат, почувствовать качество и убедиться, что покупка будет удобной. Поэтому структура сайта должна была поддерживать эмоциональный выбор, а не только показывать ассортимент.
Мы выделили несколько ключевых сценариев. Первый — пользователь приходит за конкретным продуктом и хочет быстро купить: ему важны карточка, цена, наличие, количество, корзина и понятное оформление заказа. Второй — человек знакомится с брендом впервые и выбирает по категории: для него важны разделы «Твоё тело», «Твои руки», «Время для себя», визуальная подача и описания. Третий — постоянный покупатель возвращается за повторной покупкой: ему нужен личный кабинет, сохранённые данные, авторизация и быстрый доступ к заказу. Четвёртый — пользователь оформляет заказ с телефона, поэтому интерфейс должен быть простым, без лишних полей и перегруженных экранов.
Эти сценарии легли в основу проектирования. Мы не стали усложнять каталог большим количеством подразделов, потому что для небольшого косметического бренда важнее ясность и атмосфера. Пользователь должен быстро понять, где искать продукт для тела, рук или личного ухода, а затем спокойно перейти к покупке.
Главную страницу мы сделали как эмоциональную витрину бренда. В верхней части предусмотрен видеоблок, который задаёт настроение, а ниже — три основных направления каталога. Каждый раздел сопровождается коротким текстом, крупной графикой и кнопкой «Подробнее». Такой формат помогает не перегружать пользователя ассортиментом сразу, а вести его через понятные продуктовые зоны.
Каталог построили в виде чистой сетки товаров. На странице раздела пользователь видит карточки с изображением, названием и ценой. Продукты не теряются в сложной навигации: внимание остаётся на выборе, а не на интерфейсе. Для магазина косметики это особенно важно, потому что визуальная лёгкость напрямую влияет на желание рассмотреть товары и продолжить покупку.
Карточку товара сделали точкой принятия решения. В ней есть галерея изображений, название, объём, наличие, цена, выбор количества и кнопка покупки. Ниже раскрывается описание аромата: например, для Moon Child текст построен не как сухое перечисление нот, а как образ — сухофрукты, специи, какао, ваниль, бобы тонка, древесина, дорогие сорта табака, океан у берегов тропических островов и ощущение счастья. Такой подход помогает передать продукт через эмоцию, а не только через состав.
Отдельной особенностью стала «мелодия аромата». В карточке предусмотрена ссылка на Spotify-плейлист, который помогает пользователю глубже почувствовать настроение продукта. Это необычный для интернет-магазина косметики элемент: он не усложняет покупку, но делает бренд более запоминающимся и создаёт дополнительную точку контакта.
Корзину и оформление заказа мы спроектировали как последовательный сценарий без лишних отвлечений. После добавления товара появляется понятное уведомление «Товар добавлен в корзину» с кнопкой перехода к заказу. В корзине пользователь видит список товаров, цены, количество и итоговую сумму. На этапе оформления заказ разделён на понятные шаги: товары в заказе, регион доставки, доставка, оплата и данные покупателя. Такой подход снижает нагрузку и помогает человеку понимать, на каком этапе он находится.
Для доставки предусмотрели интеграцию с логикой выбора региона и службами доставки, включая СДЭК и Boxberry. В блоке оплаты заложили варианты онлайн-платежей, включая Google Pay, Apple Pay и оплату картой. Это делает покупку привычной для пользователя и позволяет оформить заказ без необходимости связываться с менеджером.
Также реализовали личный кабинет. Пользователь может зарегистрироваться, авторизоваться, восстановить пароль и отредактировать личные данные: ФИО, телефон, адрес доставки, e-mail и пароль. Для интернет-магазина это важная часть повторных покупок, потому что постоянный клиент не должен каждый раз заново вводить одни и те же данные.
Проект был реализован на Битриксе. Мы разработали основные пользовательские и служебные страницы: главную, раздел каталога, карточку товара, корзину, оформление заказа, регистрацию, авторизацию, восстановление пароля, профиль пользователя и уведомления. Также подготовили подвал сайта с контактами, социальными сетями, ссылками на декларации, правила использования сайта и политику обработки персональных данных.
Сайт получился функционально полноценным, но визуально лёгким. В нём нет лишних механик, которые мешают покупке. При этом вся необходимая e-commerce-инфраструктура присутствует: каталог, карточки, наличие, количество, корзина, оформление заказа, доставка, оплата и личный кабинет.
Новая структура помогает Sysar Cosmetics продавать продукт не только через цену, но и через ценность. Разделы «Твоё тело», «Твои руки» и «Время для себя» работают как понятные входы в ассортимент, а не просто как категории каталога. Пользователь выбирает продукт через собственный сценарий ухода, что ближе к поведению аудитории косметического бренда.
Карточка товара усиливает желание покупки за счёт эмоционального описания и дополнительных деталей вроде музыкального сопровождения аромата. Это помогает бренду отличаться от типовых магазинов, где товар описывается формально и не создаёт запоминающегося впечатления.
Корзина и пошаговое оформление заказа делают покупку управляемой. Пользователь видит товары, количество, сумму, регион доставки, способ оплаты и данные покупателя. Для бизнеса это снижает риск брошенной покупки из-за непонятного интерфейса, а для клиента делает процесс спокойным и предсказуемым.
Личный кабинет помогает работать с повторными продажами. Когда пользователь может войти, обновить данные и быстрее оформить следующий заказ, интернет-магазин становится удобнее для постоянных покупателей.
Клиент получил интернет-магазин на Битриксе, который сочетает эмоциональную подачу бренда и полноценную механику онлайн-продаж. В проекте реализованы каталог с разделами, карточки товаров, корзина, оформление заказа, выбор доставки и оплаты, личный кабинет, регистрация, авторизация, восстановление пароля и редактирование пользовательских данных.
Главная ценность проекта — в балансе между эстетикой и коммерцией. Sysar Cosmetics получили не просто красивый сайт, а рабочий интернет-магазин, где дизайн поддерживает восприятие продукта, структура помогает выбрать категорию, карточка раскрывает аромат и настроение, а e-commerce-функционал доводит пользователя до покупки.
Сайт Sysar Cosmetics стал цифровым продолжением бренда: мягким, ярким, минималистичным и при этом функциональным. Он помогает заявить о себе на рынке косметики, выделиться среди конкурентов и продавать товары через понятный пользовательский путь — от первого впечатления до оформленного заказа.
Получите полную консультацию по Вашему проекту бесплатно и быстро
