Разработка на 1С-Битрикс
и внедрение Битрикс24
Обсудить задачу Написать в MAX
Ответим сразу, оценим задачу за день
Разработка на 1С-Битрикс
и внедрение Битрикс24

Интернет-магазин на 1С-Битрикс для производителя ортопедических матрасов «Соня»

Матрасы Соня · Ортопедические матрасы

Матрасы Соня — Ортопедические матрасы
Оригинал здесь
Ссылка на сайт: перейти
Описание: комплексное создание и перенос интернет-магазина производителя матрасов со старой платформы на "1С Битрикс: управление сайтом".
Переход на платформу 1С-Битрикс сайта производителя матрасов «СОНЯ»

О компании

Сайт:  https://matras-rf.ru/

Компания «СОНЯ» — это производитель ортопедических матрасов. Производство оснащено современным производственным оборудованием, квалифицированным персоналом и широким модельным рядом. Компания производит не только ортопедические матрасы, но и товары для сна. Компания «СОНЯ» представлена сетью салонов в Екатеринбурге.

Цель

Осуществить переход сайта на платформу 1С-Битрикс без существенной потери трафика. Настроить двусторонний обмен сайта с 1С.

Задачи

  • Осуществить смену платформы сайта на 1С-Битрикс.

  • Настроить двусторонний обмен сайта с 1С

  • Реализовать доработку функционала связанную с обменом сайта с 1С и выводом информации в карточку товара.

  • Оптимизировать фильтры в каталоге.

Этапы

1. Разработка Технического задания

Для разработки сайта было написано техническое задание с проработкой прототипов основных страниц сайта.

На этапе разработки ТЗ формируется общая картина работы сайта и его технических особенностей.

В техническом задании описывается:

  • требования к хостингу и его настройкам;

  • требования к платформе и техническим особенностям CMS;

  • требования к верстке и программному коду;

  • описание работы всех элементов страниц на основании прототипов;

  • схема интеграции и обмена с 1С;

  • доработка функционала сайта для реализации обмена сайта с 1С.

2. Разработка дизайна

Дизайн сайта был разработан на основании прототипов страниц и фирменного стиля компании.

Для главной страницы сайта были отрисованы несколько банеров актуальных на момент запуска сайта.

Дизайн главной страницы «Соня»: баннер «Глобальная распродажа», популярные матрасы и категории

Рисунок 1. Дизайн главной страницы сайта

Дизайн каталога «Соня»: список матрасов с подбором по параметрам и ссылками по материалу и цене

Рисунок 2. Дизайн списка товаров

Дизайн карточки товара был нарисован с перспективой на реализацию функционала по этапам.

Дизайн карточки матраса «Соня»: выбор размера, схема состава слоёв и рекомендуемый комплект

Рисунок 3. Дизайн карточки товара.

3. Разворачивание платформы и установка дизайна

Сайт был разработан на платформе 1С-Битрикс на основе шаблона нашей собственной разработки. Была реализована доработка внешнего вида и функционала шаблона под дизайн и нужды заказчика.

Главная сайта «Соня»: баннер «Дарим подушку при покупке матраса», популярные товары и категории

Рисунок 4. Главная страница

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

Для быстрого поиска товаров на сайте реализована строка поиска и удобное расширенное меню по запросам.

Выпадающее меню «Матрасы» на сайте «Соня»: подборки по размеру, основе, наполнителю и жёсткости

Рисунок 5. Дополнительное выпадающее меню

Так же быстрый отбор товаров можно осуществить с помощью фильтров в каталоге. Фильтр организован по самым значимым свойствам товара.

Список матрасов на сайте «Соня»: плитка товаров с таблицами размеров и фильтром слева

Рисунок 6. Список товаров

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

Карточка матраса Ultra Tropikana Foam на сайте «Соня»: выбор размера, цена и характеристики

Рисунок 7. Карточка товара

Товар можно положить в корзину не проваливаясь в карточку товара. Прямо в списке товаров у понравившейся модели установите подходящий размер и нажмите кнопку «Купить».

Плитка матраса в каталоге «Соня»: выбор размера прямо в списке и кнопка «Купить»

Рисунок 8. Покупка из списка товаров

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

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

Оформление заказа на сайте «Соня»: данные покупателя, способы доставки и оплаты, состав заказа

Рисунок 9. Оформление заказа

4. Перенос информацию со старого сайта

Со старого сайта были перенесены разделы:

  • Доставка;
  • Оплата;
  • Гарантия  и возврат;
  • О компании;
  • Текст на главной странице;
  • Отзывы;
  • Новости и акции
  • Контакты.

5. Интеграция с 1С с доработкой

Между сайтом и 1С была настроена двусторонняя интеграция.

Из 1С на сайт:

  • информация по товарам (название, фото, описание, характеристики);
  • цена товара;
  • наличие товара;
  • статусы заказов.

С сайта в 1С:

  • заказы;
  • статусы заказов.

Отличительной особенностью данной интеграции является компоновка нескольких товаров из 1С в товар с торговыми приложениями на сайте. Производитель предлагает одну модель матраса в разных размерах. В 1С эти товары хранятся как отдельные номенклатурные единицы. Но для сайта такое представление каталога не удобно для пользователя. Поэтому было принято решение объединить все товары одной модели в товар с торговыми предложениями с выбором размера.

В 1С товары одной модели были названы по одному принципу «Название модели (размеры)». Для формирования названия товара на сайте берется только первая часть «Название модели». Все товары, у которых совпадает «Название модели» попадают в товары в виде торговых предложений.

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

При выборе размера в карточке товара устанавливается соответствующая цена, которая так же приходит из 1С.

6. Оптимизация фильтров

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

  • На сайте был установлен модуль SEO-фильтров (модуль нашей собственно разработки).
  • Собрано семантическое ядро с учетом характеристик товаров, которые запрашивают пользователи.
  • Настроен модуль фильтров: настроены свойства и шаблоны title, description, h1 для отфильтрованных посадочных страниц.
Команда
Дарья Алёшина (менеджер интернет-проектов), Дмитрий Маслов (куратор проектов)

Услуги по теме

Похожая задача?

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

Оценка за день
Виктор Олейник, директор IT Panda
Здравствуйте, я Олейник Виктор, Директор IT Panda. Если у Вас есть предложения или жалобы по работе нашей компании,
Вы можете сообщить их по указанным контактам:
dir@itpanda.ru
+7 (965) 548-28-69

Оставьте заявку на перевод сайта на php 8.1

Оценка за день, цену называем до начала работ
Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Оставьте заявку на перенос сайта на другой хостинг

Оценка за день, цену называем до начала работ
Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Оценка за день

Опишите задачу — в течение рабочего дня назовём стоимость и срок
Быстрее: 8 800 775-14-26 · Telegram · MAX

Офис в Екатеринбурге. Работаем по всей России: встреча в офисе или по видеосвязи.

Нажимая кнопку «Получить оценку», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Запросить портфолио

Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *

Заказать

Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в
соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и
для целей, определенных в Согласии на обработку персональных данных *