Меню

Кейс по созданию интернет-магазина детской одежды и обуви

У команды Webnauts достаточно часто заказывают создание интернет-магазинов на Битрикс. Что неудивительно, ведь Bitrix одна из самых популярных CMS, устойчивая к большим нагрузкам, надежная и безопасная. Наша компания является официальным партнером Битрикс, мы хорошо знаем эту систему, создаем на ней удобные быстродействующие сайты.

Об одном из таких проекте – о разработке и создании интернет-магазина детской одежды и обуви на Битрикс, – мы и расскажем в этом кейсе.

О проекте

Главная страница интернет-магазина Bambini

Наш заказчик – мультибрендовый онлайн-магазин детской одежды bambini174.ru с офисом в г. Челябинске. Компания ориентируется не только на жителей своего города, но доставляет заказы по всей России. Bambini является официальным дилером европейских брендов одежды преимущественного среднего ценового сегмента. Основная целевая аудитория сайта – родители, преимущественно женщины со стабильным доходом, способные купить своим детям фирменные вещи.

Мы поставили перед собой несколько целей:

Разработать простой дизайн, не смещающий акценты с фото товара;

Настроить удобные для покупателей фильтры;

Наладить корректную выгрузку заказов с сайта в 1C.

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

Каталог интернет-магазина для детей

Ассортимент Bambini очень большой и подразделяется на пять основных категорий:

Одежда для девочек;

Одежда для мальчиков;

Обувь для девочек;

Обувь для мальчиков;

Аксессуары.

Каталог товаров интернет-магазина Bambini
Страница брендов магазина детской одежды

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

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

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

В каталоге предусмотрены фильтры по параметрам товаров:

Пол ребенка;

Возраст;

Сезон;

Цвет;

Бренд.

Дополнительный фильтр позволяет отсортировать позиции по популярности или по цене.

Фильтр по каталогу в интернет-магазине
Карточка товара Bambini
Блок Нашли товар дешевле

Карточки товаров

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

На карточках в Bambini реализована функция «Торговое предложение» от Битрикс. Это позволяет выбрать товар по нужным покупателю характеристикам: цвет, размер, комплектация.

Силами клиентами были сделаны красивые фотографии продукции. При желании фото можно увеличить и как следует рассмотреть.

Каждая карточка содержит информацию о наличии товара на складе. Цепляет внимание ссылка «Нашли дешевле?», при нажатии на которую загружается форма, через которую пользователь может сообщить об аналогичной товарной позиции в другом магазине. Такое обращение поможет покупателю получить дополнительную скидку.

Помимо классической кнопки «В Корзину» добавлена функция покупки в 1 клик. Ее часто используют люди, которые торопятся и оставляют заказ с мобильного телефона.

Дизайн сайта

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

Оформление не отвлекает посетителей от основной их цели – выбора и покупки товара.

Сайт полностью адаптивен на мобильных устройствах:

На смартфонах

Адаптивный дизайн Bambini

На планшетах

Адаптив на планшете Bambini

Интеграция Bitrix с 1C

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

Стоит отметить, что на этапе интеграции возникли непредвиденные сложности, поскольку структура каталога 1С не подходила для размещения на сайте. Но специалисты Webnauts уже сталкивались с такой проблемой и знали порядок действий. Мы доработали выгрузку, наладив бесперебойный обмен данными между продуктами.

Информация подгружается в режиме реального времени:

Из 1С в Bitrix приходит информация о товарах, их фото и характеристики, стоимости и остатки на складе;

Из Битрикс в 1С подгружаются заказы, информация о статусе оплаты и плательщиках.

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

Базовые SEO-настройки

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

В первую очередь были настроены служебные файлы robots.txt и карта сайта. На каждой странице реализован заголовок H1 с ключом-названием раздела. Кроме этого реализованы «хлебные крошки» и настроена автоматическая генерация Title для карточек товаров.

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

Полезный блок «Ранее вы смотрели» позволяет вернуться к просмотренным товарам. Это очень удобно для пользователя и благотворно влияет на SEO, поскольку задерживает посетителей на сайте, улучшая поведенческие факторы.

Блок Ранее вы смотрели в Bambini

Итоги работ

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

Над задачей работали

Сергей Стеценко

Программист. Front- end разработчик
Разработка сайтов на Bitrix, WordPress. HTML/CSS/PHP/JS/SQL.

Олег Фролов

CEO, партнер
Продажи. Управление проектами. SEO. Разработка сайтов на CMS Wordpress и Битрикс.

Оставить комментарий

avatar
  Подписаться  
Уведомление о