Babybu - Интернет-магазин детской одежды собственного бренда

Команда PWD завершила разработку Интернет-Магазина детской одежды Babybu.

Расскажем о проекте, его реализации и полученном результате.



Под российским брендом Babybu производится удобная и качественная одежда для детей от 0 до 5 лет. Автор и основатель компании - Светлана Букина, мать пятерых детей, знает об этом не понаслышке. Именно поэтому, кроме тщательно продуманной цветовой гаммы и дизайна моделей, одежда Babybu отличается удобством, мягкостью и экологичностью тканей.

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



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

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

Для успешной реализации проекта важным вступительным этапом является изучение целевой аудитории и её приоритетов в принятии решений о покупке детской одежды.

Целевая аудитория:

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

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

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

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

Для этого сегмента наиболее важными факторами принятия решения о покупке будут:

• Скорость принятия решения (а, значит, доступность и полнота информации о товарах)
• Исчерпывающая информация о гарантированном качестве продукции
• Удобство оплаты и доставки товара

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

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

Реализация

В реализации проекта было решено выделить несколько значимых блоков:

Разработка каталога товаров c базовым набором рубрик

Цветовая гамма: мягкие пастельные тона, ассоциирующиеся с детством
Изображения: качественные фото товаров на моделях, lifestyle-снимки
Анимации: плавные переходы, интерактивные элементы при наведении

Удобная навигация

Меню: простая и понятная структура
Поиск: мгновенные подсказки, автозаполнение
Категории: логичная иерархия товаров

Система фильтров

В каталоге реализована уже привычная для Е-кома система фильтров, позволяющая сфокусировать выбор на узком сегменте нужных элементов одежды.
Структура фильтров продумана с учетом удобства для целевой аудитории. Применены “быстрые фильтры” по возрасту (как наиболее часто используемые), а, также, реализована удобная навигация по полу, цветам, брендам и коллекциям.
Использование фильтров одинаково удобно как на десктопной, так и на мобильной версии сайта:

Удобная и информативная карточка товара

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

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

Онбординг и авторизация

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

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

В корзине реализован традиционный для Екома функционал, включающий:

• Интеграцию с платежными системами
• Интеграцию со службой доставки (СДЭК), с автоматическим расчетом срока и стоимости доставки и выбором ближайшего ПВЗ на интерактивной карте
• Удобную авторизацию через СМС-код, позволяющую быстро войти в аккаунт на новом устройстве или браузере

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

Личный кабинет

В личном кабинете реализован классический функционал интернет-магазина, включающий:

• Подробную историю заказов
• Избранные товары
• Информация по бонусной программе

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

Адаптивность

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

Блог

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



В процессе подготовки и реализации задача обновления сайта, по сути, трансформировалась в создание “с нуля” функциональной E-Com платформы для продвижения бренда и повышения продаж.
Результатом работы стал новый сайт, созданный с учетом последних трендов веб-технологий и дизайна, богатого опыта исследований UI/UX, а, также, высоких требований целевой аудитории проекта.

Над проектом последовательно работали наши специалисты:

• Бизнес-аналитики и Архитектор собрали максимум информации по требованиям клиента и технологическим возможностям их реализации
• Визуализацию страниц и интерфейсов с учетом адаптации под мобильные устройства и планшеты выполнена дизайнером Наилем
• Разработчики в короткий срок реализовали задачи по верстке, разработке и интеграциям
• Тестировщики внесли финальные правки перед переносом проекта на бой

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

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

Есть похожий проект?
С удовольствием обсудим его и проконсультируем на всех этапах реализации!