Проект

Клиент

Интернет - магазин корейской косметики, продающий в РФ оригинальную корейскую косметику высшего качества прямиком из Кореи.

Задача

Целью проекта является создание уникального и привлекательного онлайн-магазина, который предложит клиентам широкий выбор корейской косметики, обеспечивая удобство покупки и высокий уровень обслуживания.
1
Разработать дизайн сайта, отражающий стиль и концепцию магазина "BB Cream".
2
Создать функциональный интернет-магазин с возможностью просмотра продукции, оформления заказа и оплаты.
3
Обеспечить удобную навигацию и пользовательский интерфейс для приятного и эффективного онлайн-покупательского опыта.
4
Организовать акции, скидки и специальные предложения для привлечения новых клиентов и удержания существующих.

Этапы создания

Этапы реализации проекта интернет-магазина ББкрем

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

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

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

В результате исследования были выявлены следующие ключевые моменты:

- Популярность пастельных цветов в корейской культуре и их связь с нежностью, женственностью и элегантностью.

- Предпочтения целевой аудитории в отношении цветов и их влияние на восприятие бренда и продукции.

- Успешные примеры использования пастельных цветов на сайтах конкурентов и их влияние на пользовательский опыт и конверсию.

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

Главная

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






Страницы и
компоненты

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

Результаты

После успешного запуска интернет-магазина "BB Cream" были достигнуты следующие результаты:
1
Привлекательный и современный дизайн: С помощью использования пастельных цветов и эффективной компоновки элементов интерфейса был создан привлекательный и современный дизайн сайта, который соответствует концепции бренда "BB Cream" и ожиданиям целевой аудитории.
2
Функциональность и удобство использования: Благодаря кастомной разработке на CMS CS-Cart были реализованы уникальные функции и модули, обеспечивающие высокую функциональность и удобство использования сайта как для администраторов, так и для пользователей. Это включает в себя удобный процесс оформления заказа, интуитивно понятную навигацию и мгновенный доступ к информации о продуктах.
3
Адаптивность и доступность: Интернет-магазин "BB Cream" был разработан с учетом адаптивного дизайна, обеспечивающего корректное отображение и функциональность на различных устройствах и экранах. Это делает сайт доступным для широкой аудитории и повышает удобство использования для клиентов.
4
Успешный запуск и реализация целей: Интернет-магазин "BB Cream" был успешно запущен и начал привлекать клиентов со всего мира. Реализация проекта позволила достичь поставленных целей, включая увеличение продаж корейской косметики, укрепление позиций бренда на рынке и повышение удовлетворенности клиентов.
5
Дальнейшая перспектива и развитие: Результаты проекта служат основой для дальнейшего развития и улучшения интернет-магазина "BB Cream". Постоянный мониторинг и анализ эффективности сайта, а также внимание к обратной связи пользователей, помогут оптимизировать работу магазина и обеспечить его успешное развитие в будущем.

Итог

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

Команда

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

Стунжина Анастасия
project менеджер
Евлошевский Валерий
Стунжина Анастасия
frontend разработчик
Серба Алексей
backend разработчик
Кияшко Андрей
тестировщик
Амбарцумян Геворг
арт-директор
Дмитрий Осипенко
архитектор 1C
Чернышев Владислав
DevOps специалист
Войтенко Александр
founder АйПи5

Технологии

В интеграции были задействованы следующие технологии

Backend:
CS-Cart
REST API CS-Cart
Интеграция с 1C
Интеграция с SMSC
Telegram Bot API
Frontend:
HTML5
Less
jQuery
Smarty