Россия

region-img

Кейс разработки интернет-магазина для мебельной фабрики

Задача

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

Согласно NDA, мы не можем раскрывать название компании заказчика, но немного расскажем о нём.

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

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

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

Для реализации данного проекта компания заказчика решила заказать разработку интернет-магазина у нас.

Выбор продукта

Мы приняли решение создать интернет-магазин на базе готового решения Сотбит: Розница работающего на платформе 1С-Битрикс.

Почему мы выбираем Битрикс

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

  • Битрикс ведущая система управления сайтами в России. Это самая популярная CMS на постсоветского пространстве. Около 60% специалистов по разработке предпочитают использовать Битрикс для создания интернет-магазинов и разработки сайтов электронной коммерции.

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

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

  • Маркетплейс готовых модулей. Битрикс предлагает широкий выбор готовых модулей и решений в своем маркетплейсе. Это позволяет существенно экономить время и ресурсы на разработке, выбирая из множества проверенных и качественных решений.

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

  • Соответствие законодательству. Битрикс тщательно отслеживает правовые изменения в сфере электронной торговли в России и странах СНГ. Система регулярно обновляется, чтобы соответствовать всем требованиям законодательства.

Преимущество готового решения Сотбит: Розница

Чтобы разработка интернет-магазина соответствовало всем требованиям для полноценной работы мы используем готовый шаблон, вот ряд его преимуществ:

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

  • Оптимальная стоимость. Использования готовой базы позволяет значительно снизить затраты по сравнению с разработкой «с нуля».

  • Уникальный дизайн под ваши нужды. Шаблон легко поддается персонализации, позволяя быстро внести изменения под любые нужды вашего бизнеса. Он предоставляет возможности для создания уникального и функционального веб-сайта, отражающего индивидуальность вашего бренда.

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

  • Разработка «под ключ». Мы предоставляем комплексные услуги по разработке и запуску интернет-магазинов: начиная с анализа и создания технического задания и заканчивая интеграцией с CRM-системами и 1С. Также предлагаем уникальные доработки в системе 1С для удовлетворения ваших потребностей.

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

Особенности создания интернет-магазина на примере мебельной фабрики

  1. Аналитика и техническое задание
  2. Прототипирование
  3. Дизайн
  4. Верстка: главная страница, каталог, оформление заказа, оплата заказа, личный кабинет
  5. 1С интеграция
  6. Мультирегиональность
  7. OpenGraph
  8. SEO умного фильтра
  9. Умный поиск товаров
  10. Микроразметка Schema.org
  11. Тестирование
  12. Результат

Аналитика и техническое задание

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

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

Прототипирование

Разработка интернет-магазина не обходится без этапа прототипирования. По требованиям заказчика и согласно тз был отрисован дизайн сайта в графическом редакторе Figma, который являлся прототипом будущего интернет-магазина.

Прототип включал в себя:

  1. Вайрфрейм, в котором были расположены основные блоки контента (иллюстрации, тексты, элементы интерфейса и др.).
  2. Страницы, из которых будет состоять сайт.
  3. Элементы навигации по сайту (где находится меню, как выглядит футер, кнопки, фильтры, формы с полями ввода данных и пр.).

Пример общего вида прототипа:

Прототип

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

Главная страница

Главная страница состояла из:

  1. Слайдера с баннерами
  2. Топа товаров магазина
  3. Популярных категорий
  4. Каталога новинок
  5. Блока распродажи
  6. Карты с расположением пунктов самовывоза.

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

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

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

Главная страница

Каталог

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


Каталог

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

Клиент может быстро оформить заказ, указав лишь свои контактные данные.

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

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

Оплата заказа

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

Оплата заказа

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

На странице личного кабинета мы реализовали блоки “Профиль” и “Ваши бонусы”. Текущие заказы пользователя теперь отображаются на странице “Мои заказы”.

История бонусов их пополнения и списания была реализована на странице “История баланса”. А на странице “История заказов” представлены выполненные заказы пользователя.
1С интеграция

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

  1. Цены
  2. Остатки,
  3. Изображения,
  4. Свойства.

Также была реализована выгрузка наборов из 1С и информации по комплектации товара.

Расширение стандартного функционала 1С еще больше помогло заказчику упростить работу с контентом и заполнением магазина.

Мультирегиональность

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

  • Было установлено отображение актуальных типов цен для каждого региона.
  • Остатки складов были привязаны к региону.
  • Отображение контактных данных для каждого региона.

Мультирегиональность

OpenGraph

Красивые анонсы сайта важный аспект при создании онлайн магазина. То как будет выглядеть сайт при анонсах на других ресурсах имеет важное значение. Заказчику это было нужно поэтому нами был реализован наш модуль Сотбит: OpenGraph. Модуль позволяет настроить:

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

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

SEO умного фильтра

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

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

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

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

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

Поддержка многосайтовости позволяет управлять несколькими сайтами с единой панели. Встроенный искусственный интеллект автоматически оптимизирует контент под поисковые запросы.

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

Умный поиск товаров

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

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

Для решения проблем был внедрен модуль Сотбит: Умный поиск. Благодаря этому интернет-магазин получил следующие мощные поисковые функции:

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

  • Исправление ошибок. Интеграция с Яндекс.Спеллер исправляет опечатки и ошибки в запросах пользователей в реальном времени, улучшая качество поиска.

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

  • Использование нейросетей. GPT-инструменты автоматически генерируют синонимы и исправления, снижая рутинную работу для менеджеров и повышая эффективность обработки запросов.

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

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

Умный поиск товаров

Микроразметка Schema.org

Для еще большего улучшения ранжирования сайта в поиске был внедрен модуль Сотбит Микроразметка Schema.org. Для улучшения SEO модуль обладает следующим функционалом.

  • Улучшение понимания контента. Модуль помогает поисковым роботам лучше понимать структуру и содержание контента вашего сайта.

  • Увеличение позиций сайта. Модуль помогает увеличить позиции сайта выдаче поисковых систем.

  • Увеличение кликабельности. Модуль увеличивает кликабельность страниц в поисковых системах.

  • Увеличение видимости. Модуль способствует увеличению видимости и привлекательности материалов вашего сайта в поисковых системах Yandex и Google.

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

Тестирование, правки

Сделать интернет-магазин без тестирования и правок не представляется возможным.

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

Результат:

Проект был оперативно реализован и интернет-магазин был успешно запущен. Внедрена новая структура сайта, которая объединила интернет-магазин, отдел продаж и пункты самовывоза по всей России. А интеграция с 1С, позволила автоматизировать рутинную работу.

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

Понравилось внедрение?

Заказать проект, проконсультироваться можно по телефону +7 (495) 278-08-54
или заполните форму заявки
Подтвердите, что вы не робот:*