Не знаете с чего начать? Напишите нам
Получите полную консультацию по Вашему проекту бесплатно и быстро
MIMIBOX BEAUTY STORE — магазин уходовой и декоративной косметики, который вырос из идеи создавать готовые косметические боксы в полноценный beauty-проект с отобранным ассортиментом, собственными магазинами и активным сообществом покупателей.
До запуска сайта компания принимала интернет-заказы преимущественно через социальные сети, а офлайн продавала продукцию в своих бутиках. На этапе развития бизнеса этого стало недостаточно. Ассортимент расширялся, покупателям было сложно просматривать все товары в ленте и переписке, а менеджерам приходилось вручную уточнять наличие, характеристики продукции и состав заказа.
Мы разработали для MIMIBOX функциональный интернет-магазин на Битриксе. На одной площадке объединили каталог косметики, подбор по категориям и брендам, карточки товаров, сравнение, избранное, корзину, оформление заказа, личный кабинет, информацию о компании и адреса магазинов.
Главная ценность проекта — создание полноценной цифровой витрины бренда. Новый сайт не просто показывает товары, а помогает покупателю познакомиться с ассортиментом, выбрать подходящий уход, сравнить несколько позиций и самостоятельно пройти весь путь от первого просмотра до оформления заказа.
История MIMIBOX BEAUTY STORE началась с желания профессионалов решить знакомый многим вопрос: что подарить женщине, чтобы подарок был красивым, полезным и действительно соответствовал её интересам. Так появились косметические боксы — готовые наборы с тщательно отобранными средствами.
Постепенно проект вырос в магазин косметики с широким ассортиментом продукции для лица, волос, тела и макияжа. Команда не стремилась собрать на витрине как можно больше позиций. Каждый продукт проходил предварительный отбор: специалисты изучали составы, консультировались с косметологами, тестировали средства и оценивали соотношение цены и качества.
Важную роль в развитии бренда играет его основатель Анна Канищева. Она знакомит аудиторию с новинками, объясняет назначение компонентов, рассказывает, какие задачи решает продукт, и помогает покупателям ориентироваться в современных тенденциях ухода.
Такой экспертный подход необходимо было перенести и в цифровую среду. Сайт должен был восприниматься не как обезличенный каталог косметики, а как продолжение бренда, который помогает выбирать рабочие продукты осознанно.
На начальном этапе продажи через сообщения в социальных сетях были удобным способом проверить спрос и сформировать постоянную аудиторию. Но с ростом ассортимента такой формат стал ограничивать бизнес.
Покупатель видел только те товары, которые недавно появились в публикациях. Чтобы найти конкретное средство, приходилось листать ленту, изучать сохранённые подборки или обращаться к менеджеру. Сравнить несколько продуктов, посмотреть полный список брендов, собрать корзину и вернуться к заказу позже было невозможно.
Для команды магазина процесс также оставался трудозатратным. Менеджеры вручную отвечали на однотипные вопросы, отправляли фотографии, уточняли наличие и собирали заказ в переписке. Чем больше становился ассортимент, тем сложнее было поддерживать такой сценарий без потери времени и качества обслуживания.
При этом обычной страницы с перечнем товаров было недостаточно. Косметику выбирают не только по цене. Покупателю важны назначение средства, категория ухода, бренд, состав, формат продукта и возможность сопоставить несколько вариантов. Поэтому будущий сайт должен был стать не просто витриной, а полноценным сервисом выбора и покупки.
Перед нами стояла задача разработать интернет-магазин на Битриксе, который систематизирует ассортимент MIMIBOX BEAUTY STORE и перенесёт основные продажи из ручной переписки в управляемую онлайн-систему.
Необходимо было создать удобный каталог с разделением по направлениям ухода, реализовать фильтрацию и сортировку, подготовить подробные карточки товаров и связать их с корзиной и оформлением заказа.
Отдельное внимание требовалось уделить визуальной концепции. Сайт должен был отличаться от типовых магазинов косметики, сохранять лёгкость и эмоциональность бренда, но не отвлекать от продукции.
Также важно было показать, что MIMIBOX — это не только интернет-витрина. За брендом стоят основатель, команда, собственные магазины, профессиональный отбор продукции и сформированный подход к работе с покупателями.
На старте проекта мы рассмотрели несколько основных пользовательских сценариев.
Часть аудитории приходит за конкретным продуктом или уже знакомым брендом. Таким посетителям нужен быстрый поиск, понятная структура каталога и возможность сразу перейти к оформлению заказа.
Другие покупатели начинают выбор с задачи: найти средство для лица, подобрать уход за волосами, посмотреть косметику для тела или изучить продукты для макияжа. Для них важны категории, визуальные подборки и рекомендации.
Есть и пользователи, которые пока не определились между несколькими средствами. Им необходимы сравнение товаров, избранное и возможность вернуться к сохранённым позициям позднее.
Отдельный сценарий связан с доверием. Покупателю косметики важно понимать, кто отбирает продукцию, как устроена работа магазина и есть ли у бренда реальные офлайн-точки. Поэтому в архитектуру вошли страницы о компании, команде и адресах магазинов.
На основе этих сценариев мы выстроили структуру, в которой каталог, бренды и тематические подборки стали основными точками входа, а контент о MIMIBOX усилил экспертное и эмоциональное позиционирование проекта.
Главную страницу мы спроектировали по логике последовательного знакомства с ассортиментом.
Первый экран отдали под крупное сезонное или продуктовое предложение. В представленном дизайне посетителя встречает лимитированная серия Stay Home Box. Большая фотография продукции, короткое описание и кнопка перехода сразу формируют понятный сценарий: познакомиться с коллекцией и перейти к покупке.
Под первым экраном расположили блок актуальных товаров. Карточки показывают фотографию, название и стоимость, позволяют быстро перейти к детальной странице, добавить позицию в избранное или начать сравнение.
Далее разместили крупные визуальные направления Skin Care и Hair Treatment. Такие блоки работают не как технические пункты меню, а как эмоциональные входы в каталог. Покупатель сначала узнаёт свою задачу, а затем переходит к соответствующей подборке товаров.
Главную страницу дополняют секция трендовых позиций, промобаннер распродажи Korean Stock, информация о получении заказа, контент из социальных сетей и подробный подвал с навигацией.
В результате первый экран знакомит с актуальным предложением, следующие блоки помогают выбрать направление, а товарные подборки постепенно переводят интерес в покупку.
Каталог стал центральным разделом интернет-магазина. Ассортимент разделили по понятным покупателю направлениям: уход за лицом, волосами и телом, средства для макияжа и другие категории.
На странице раздела предусмотрели боковую навигацию по подкатегориям, фильтрацию, сортировку и товарную сетку. Пользователю не нужно просматривать весь ассортимент подряд — он может сузить выбор и перейти к нужному типу продукции.
Карточки товаров построены на чистой светлой основе. В центре внимания остаются упаковка и сам продукт, а текстовая информация не конкурирует с фотографией. Цена, название и доступные действия расположены единообразно, поэтому каталог легко просматривать даже при большом количестве позиций.
Структура подготовлена к дальнейшему развитию. Команда магазина может добавлять новые товары, категории и коллекции, не меняя общую логику ресурса.
Для покупателей косметики бренд нередко становится самостоятельным критерием выбора. Поэтому мы разработали отдельную страницу со всеми представленными производителями.
Названия организованы в алфавитном порядке и распределены по колонкам. Такой формат позволяет быстро найти нужную марку, даже если в магазине представлены десятки брендов.
Страница работает как дополнительный вход в каталог. Покупатель может начать не с типа средства, а с уже знакомого производителя, а затем перейти к доступным товарам.
Для бизнеса этот раздел создаёт удобную основу для расширения ассортимента. При появлении нового бренда его можно добавить в общую систему и связать с соответствующими карточками продукции.
Карточку товара мы сделали основной страницей принятия решения. Здесь покупатель получает крупные изображения продукта, название, цену, описание и элементы управления заказом.
Фотографии помогают рассмотреть упаковку и формат средства. Дополнительные изображения выводятся в виде миниатюр, между которыми можно быстро переключаться. Рядом расположены количество, добавление в корзину, избранное и другие действия.
Страница не заканчивается после основной информации. Ниже предусмотрели блок рекомендаций с похожими или дополняющими товарами. Это помогает пользователю продолжить знакомство с ассортиментом и собрать комплексный уход, не возвращаясь в общий каталог.
В нижней части повторяются преимущества получения заказа и сервисная информация. Покупатель видит важные условия непосредственно перед переходом в корзину, что снижает количество дополнительных вопросов.
В косметическом каталоге несколько средств могут решать похожую задачу, но отличаться брендом, форматом, объёмом или стоимостью. Чтобы облегчить выбор, мы предусмотрели функцию сравнения.
Пользователь может собрать интересующие позиции на одной странице и сопоставить их характеристики. Это особенно удобно при выборе ухода, когда решение редко принимается только по фотографии.
Избранное позволяет сохранить товары и вернуться к ним позднее. Такой сценарий важен для продукции, которую покупатель планирует заказать после дополнительного изучения, консультации или вместе с другими средствами.
Эти функции превращают сайт из простой витрины в инструмент осознанного выбора и помогают не терять интерес пользователя между несколькими посещениями.
Корзину спроектировали так, чтобы покупатель видел весь состав заказа на одном экране. В ней отображаются товары, количество, стоимость отдельных позиций и итоговая сумма. Пользователь может изменить количество или удалить ненужный продукт без возвращения в каталог.
Оформление заказа разбито на логичные этапы. Покупатель последовательно указывает контактные данные, выбирает подходящий способ получения и подтверждает заказ.
Мы стремились убрать из этого процесса всё лишнее. После выбора товара человеку не нужно переходить в мессенджер, повторно отправлять ссылки или перечислять позиции менеджеру. Информация о заказе формируется внутри сайта и передаётся в едином виде.
Такой сценарий сокращает ручные операции и делает покупку доступной в любое время, независимо от графика работы консультантов.
Для постоянных клиентов предусмотрели личный кабинет. После авторизации пользователь может работать со своими данными и просматривать историю заказов.
Интерфейс кабинета разделён на понятные функциональные блоки. Покупатель получает быстрый доступ к заказам, персональной информации, сохранённым позициям и другим разделам, связанным с его активностью в магазине.
История заказов облегчает повторные покупки. Клиент может вспомнить название средства, которое заказывал ранее, и быстрее вернуться к нужному продукту.
Для MIMIBOX личный кабинет стал основой для формирования долгосрочных отношений с аудиторией. Сайт поддерживает не только первую покупку, но и последующие обращения постоянных клиентов.
Отдельную страницу посвятили истории MIMIBOX BEAUTY STORE, подходу к выбору продукции и людям, которые развивают проект.
Верхний экран построен на крупной фотографии, которая сразу задаёт эмоциональный характер бренда. Далее история раскрывается через сочетание текстов, снимков основателя, команды, покупателей и офлайн-пространств.
Мы отказались от длинного однообразного полотна. Информация распределена между визуальными блоками, цитатами и короткими смысловыми фрагментами. Такая композиция помогает показать MIMIBOX как живой проект, выросший из профессионального интереса к косметике и общения с аудиторией.
На странице также представлены специалисты и команда. Для покупателя это важное доказательство того, что за интернет-магазином стоят реальные люди, которые знают ассортимент и могут помочь с выбором.
MIMIBOX работает не только онлайн, поэтому на сайте предусмотрели отдельную страницу с адресами магазинов.
Пользователь видит расположение торговых точек, фотографии фасадов и карту. Это помогает выбрать удобный магазин, заранее понять, где он находится, и при необходимости познакомиться с продукцией лично.
Наличие адресов также усиливает доверие к интернет-магазину. Покупатель понимает, что за сайтом стоит реальный локальный бизнес с физическими точками и командой.
Так сайт объединил два сценария: заказ с доставкой и посещение магазина. Онлайн-площадка не конкурирует с бутиками, а помогает приводить в них дополнительную аудиторию.
Условия получения вынесли в отдельный заметный блок на главной и товарных страницах.
Информация разделена на несколько понятных сценариев: доставка, самовывоз и получение через доступные точки магазина. Иконки и короткие пояснения позволяют быстро считать основное содержание, не изучая длинную инструкцию.
Это снижает неопределённость перед покупкой. Пользователь заранее понимает, как сможет получить товар, и увереннее переходит к оформлению.
Для MIMIBOX мы разработали лаконичный и воздушный дизайн в мягкой пастельной гамме.
Основой стали белый, молочный и светло-розовый оттенки. Они поддерживают beauty-направление бренда, создают ощущение деликатности и не искажают цвета упаковок. Чёрная типографика обеспечивает контраст и делает интерфейс собранным.
Розовый используется дозированно: в промобаннерах, служебных обозначениях, акцентах карточек и отдельных фонах. Благодаря этому сайт остаётся эмоциональным, но не превращается в однотонное декоративное пространство.
Большое количество свободного пространства помогает отделять смысловые блоки и делает товарные сетки легче. Тонкие линии, аккуратные иконки и сдержанные кнопки поддерживают ощущение чистоты.
В типографике сделали ставку на сочетание нейтральных надписей и крупных акцентных заголовков. Англоязычные названия категорий — Skin Care, Hair Treatment, Make-up и Body Care — поддерживают визуальный язык современной косметической индустрии.
Одной из важных составляющих проекта стала работа с фотоматериалами.
Для сайта использовались снимки продукции, моделей, основателя, команды и пространства магазинов. Фотографии заранее подбирались с учётом будущей структуры страниц: для широких баннеров, товарных карточек, тематических категорий и имиджевых блоков.
Благодаря этому визуальная система выглядит цельной. Изображения не воспринимаются как случайная подборка из разных источников, а продолжают фирменный стиль MIMIBOX.
Предметные фотографии на светлом фоне позволяют рассмотреть продукт и сохранить единообразие каталога. Более эмоциональные кадры с людьми используются в категориях, на странице о компании и в блоке социальных сетей.
Так мы соединили функциональность интернет-магазина с журнальной эстетикой beauty-бренда.
Социальные сети уже были важной частью коммуникации MIMIBOX, поэтому полностью отделять их от нового сайта было бы неправильно.
На главной странице предусмотрели блок Follow us с подборкой фотографий и публикаций. Он добавляет живой контент, показывает продукцию в использовании и позволяет сохранить связь с сформировавшимся сообществом бренда.
При этом роли каналов теперь разделены. Социальные сети продолжают отвечать за знакомство, вдохновение и общение, а сайт берёт на себя каталог, сравнение, корзину, оформление заказа и работу с персональными данными покупателя.
Основное меню построили вокруг ключевых разделов магазина: каталог, бренды, информация о компании, магазины и условия покупки. В верхней части также расположены поиск, личный кабинет, избранное и корзина.
Покупатель может двигаться по разным маршрутам. Начать с категории на главной странице, перейти к конкретному бренду, найти товар через поиск или открыть сохранённую позицию в личном кабинете.
На внутренних страницах сохраняется единая шапка, поэтому ключевые действия всегда остаются доступными. Пользователю не нужно возвращаться на главную, чтобы открыть корзину или перейти в другой раздел.
Подвал дополняет основную навигацию. В нём собраны информационные страницы, категории, контакты, социальные сети и служебные ссылки.
Интернет-магазин проектировался с учётом использования на смартфонах и планшетах.
Это особенно важно для MIMIBOX: значительная часть аудитории знакомится с косметикой через мобильный контент и переходит на сайт из социальных сетей. Такой пользователь должен без затруднений открыть каталог, рассмотреть фотографии, добавить товар в корзину и оформить заказ с телефона.
В адаптивной версии товарные сетки перестраиваются под ширину экрана, меню становится компактным, а элементы управления сохраняют удобный размер. Карточки, фильтры, корзина, авторизация и личный кабинет остаются функциональными на мобильных устройствах.
Сайт реализован на Битриксе как полноценный управляемый интернет-магазин.
В систему вошли каталог и категории, бренды, карточки товаров, цены, фотографии, товарные рекомендации, сравнение, избранное, корзина, оформление заказа, авторизация, личный кабинет, история покупок, информационные страницы и адреса магазинов.
Административная панель позволяет команде MIMIBOX самостоятельно обновлять ассортимент, добавлять фотографии и описания, менять цены, создавать категории, публиковать акции и управлять контентом страниц.
Это особенно важно для магазина косметики, где регулярно появляются новые коллекции, бренды, лимитированные серии и сезонные предложения. Обновления можно проводить без переработки дизайна и постоянного участия разработчиков.
Архитектура также создаёт основу для дальнейшего развития: подключения новых способов получения заказа, расширения персональных сценариев и запуска дополнительных маркетинговых механик.
Структура интернет-магазина подготовлена для дальнейшего поискового продвижения.
Категории, подкатегории, бренды и карточки товаров получили самостоятельные страницы. Благодаря этому сайт может привлекать аудиторию не только по общим запросам о косметике, но и по названиям производителей, конкретным продуктам и отдельным направлениям ухода.
Каталог можно дополнять уникальными описаниями, рекомендациями, характеристиками и тематическими материалами. Такая архитектура позволяет постепенно расширять поисковый охват вместе с ассортиментом.
Новый сайт систематизировал ассортимент MIMIBOX и сделал его доступным независимо от публикаций в социальных сетях. Покупатель может в любой момент увидеть актуальные товары, изучить бренды и самостоятельно собрать заказ.
Каталог и фильтры сокращают время поиска. Сравнение и избранное помогают принять решение без потери выбранных позиций. Подробные карточки уменьшают количество базовых вопросов к консультантам.
Корзина и оформление заказа переводят продажи из ручной переписки в единую систему. Менеджеры получают сформированный заказ, а покупателю не приходится повторно перечислять товары и контактные данные.
Личный кабинет и история покупок поддерживают повторные обращения. Разделы о компании, команде и магазинах усиливают доверие и показывают масштаб проекта.
Одновременно сайт становится основой для рекламы и поискового продвижения. Пользователя можно направлять не на общую страницу в социальной сети, а на конкретный товар, бренд, категорию или акционное предложение.
Поскольку проект был посвящён разработке интернет-магазина, результат оценивается прежде всего по созданной цифровой инфраструктуре.
MIMIBOX BEAUTY STORE получил управляемую площадку на Битриксе, которая объединила каталог, контент, онлайн-заказы и персональные функции покупателей.
Сайт можно использовать как основную точку продаж, витрину для новых коллекций, посадочную площадку для рекламы, инструмент повторных покупок и источник информации об офлайн-магазинах.
Команда бренда больше не ограничена форматом публикаций и переписки. Ассортимент представлен в постоянной структурированной системе, которую можно развивать вместе с бизнесом.
Для MIMIBOX BEAUTY STORE мы разработали не просто красивый сайт о косметике, а полноценный интернет-магазин на Битриксе.
Мы перевели широкий ассортимент в понятную структуру, создали удобные категории и каталог брендов, проработали карточки товаров, сравнение, избранное, корзину, оформление заказа и личный кабинет.
Через страницу о компании, фотографии основателя и команды, адреса магазинов и интеграцию контента из социальных сетей показали живой характер бренда и его экспертный подход к выбору продукции.
Мягкая цветовая палитра, воздушная композиция и специально подготовленные фотоматериалы сформировали узнаваемую визуальную систему, в которой косметика остаётся главным объектом внимания.
В результате MIMIBOX получил масштабируемую digital-платформу, которая объединяет имидж бренда, каталог, продажи и взаимодействие с постоянными покупателями. Сайт стал естественным продолжением проекта: внимательного к деталям, эстетичного и ориентированного на осознанный выбор качественной косметики.
Получите полную консультацию по Вашему проекту бесплатно и быстро
