BBcream
интернет-магазин косметики

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

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

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

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

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

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

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


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

После завершения дизайна и утверждения макета сайта "BB Cream" команда разработчиков IP5 приступила к кастомной разработке на платформе управления контентом CMS CS-Cart. Этот этап включал не только настройку стандартных функций платформы, но и создание уникальных элементов и функциональности, специально адаптированных под требования интернет-магазина корейской косметики.

1. Разработка уникальных модулей и функций:

Были разработаны и настроены уникальные модули и функции, специально адаптированные под особенности бизнеса "BB Cream".

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

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

Преимущества многоуровневых категорий:

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

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

Повышение конверсии: Хорошо структурированные категории способствуют улучшению пользовательского опыта и, как следствие, повышению конверсии и продаж.

Внедрили кастомные разделы в карточку товара:

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

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

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


2. Интеграция дизайна и верстки:

Разработанный ранее дизайн сайта был интегрирован в CMS CS-Cart с помощью кастомизированных шаблонов и стилей. Это включало создание адаптивного дизайна, который обеспечивал корректное отображение сайта на различных устройствах и экранах.

3. Тестирование и отладка:

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

4. Импорт данных и контента:

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

5. Тестирование окончательного продукта:

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

6. Запуск и поддержка:

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