Форма для связи

Ваше имя *
Ваш email *
Описание проекта *

* - обязательные поля

Разработка гипермаркета канцелярских товаров для школы и офиса «Офисариум»

Разработка гипермаркета канцелярских товаров для школы и офиса «Офисариум»

Для компании «Офисариум» на базе «1С-Битрикс: Управление сайтом - Бизнес» был создан Гипермаркет канцелярских товаров для школы и офиса.

Цель проекта. Разработка нового сайта на готовом шаблоне, интеграция сайта с программой 1С УТ.

Описание системы

Система управления контентом и программное обеспечение

  • Операционная система: Linux CENTOS
  • Язык программирования: PHP7+
  • База данных: MySQL 5.5
  • CMS 1С-Битрикс
  • REST API Bitrix24

Основные работы

  • Разработано Техническое задание
  • Разработана бизнес логика работы системы
  • Установлено ПО 1С-Битрикс: Бизнес на сервер Заказчика
  • Установлен модуль шаблона «Аспро: Максимум»
  • Расставлены компоненты и модули по блок схеме шаблона
  • Установлена цветовая гамма шаблона по согласованию с Заказчиком
  • Создано и выведено меню сайта
  • Наполнены информационные разделы сайта
  • Настроен обмен сайта с программой 1С УТ
  • Настроены платежные системы
  • Настроены службы доставки
  • Настроен заказ
  • Разработан личный кабинет пользователя

Этапы проведения работ

  1. Первый этап:
    • Разработка технического задания
    • Покупка и развертывание системы управления сайтом 1С-Битрикс: Бизнес
    • Покупка и развертывание шаблона сайта
    • Разработка блок схемы главной страницы на основе компонентов шаблона
    • Разработка блок схемы детальной страницы товара
    • Разработка логики работы проекта, создание схемы работы
    • Экспорт данных о пользователях
  2. Второй этап:
    • Расстановка компонентов и модулей по блок схемам
    • Настройка работы шаблона
    • Настройка обмена 1С УТ и сайта
    • Настройка компонентов и модулей сайта
    • Настройка корзины
    • Настройка многоценовости
    • Настройка платежных систем
    • Настройка службы доставки
    • Настройка многорегиональности
  3. Третий этап:
    • Разработка и настройка личного кабинета пользователя
    • Настройка СЕО
    • Настройка виджетов и форм обратной связи
    • Тестирование проекта
    • Написание инструкций

Шаблон сайта

Разработаны блок схемы расположения основных блоков Интернет-магазина:
  • Блок схема главной
  • Блок схема страницы карточки товара

На платформу 1С-Битрикс устанавлен модуль купленного шаблона «Аспро: Максимум».

На основе шаблона определены кнопки управления (навигация сайта). С каждой страницы сайта обеспечен переход (установлена гиперссылка) на главную страницу сайта. Сайт содержит страницу "Содержание" (карта сайта).

Объём и состав текстовой и графической информации в электронном виде

Наполнение каталога товаров осуществлено путем обмена с программой 1С УТ.

Каталог товаров настроен на стороне 1С УТ.

Сделан перенос разделов со старого сайта:

ВЕРХНЕЕ МЕНЮ
  • Акции
  • Новинки
  • Организациям
  • Розничным покупателям
  • Контакты
  • Наши проекты
  • Новости
  • О компании
Популярные категории
  • Офисная мебель
  • Бытовая техника
  • Офисная техника
  • Товары офисного быта
  • Письменные принадлежности
  • Бумага
  • Товары для детей и школьников
  • Ранцы, рюкзаки, сумки для школьников
  • Художественные товары
  • Современная школа
Меню футера
  • --Первая колонка--
  • Организациям
  • Розничным покупателям
  • Акции
  • Новинки
  • --Вторая колонка--
  • Наши проекты
  • Наш гипермаркет
  • Новости
  • Полезные статьи
  • --Третья колонка--
  • О компании
  • Вакансии
  • Договор оферты
  • СОУТ
  • --Четвертая колонка--
  • Контакты
  • Оплата и доставка
  • Возврат

Информацию для размещения перенесена со старого сайта или предоставлена Заказчиком.

Структура сайта Офисариум

Сайт состоит из следующих разделов:
  • Главная страница сайта
  • Каталог товаров
  • Организациям
  • Розничным покупателям
  • Контакты
  • Статьи
  • Наши проекты
  • Новости
  • Наш Гипермаркет
  • Оплата и доставка
  • Возврат
  • Новинки
  • Договор оферты
  • СОУТ
  • Личный кабинет покупателя / менеджера
  • Админ панель сайта

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

Главная страница сайта содержит следующий список блоков (компонентов и модулей):

  • Шапка сайта (сквозной блок по всему сайту):
    • Логотип
    • Адрес
    • Часы работы (Пн-Пт с 9 до 20.00 Сб-Вс с 10 до 19.00)
    • Телефон, заказать звонок
    • Поиск по сайту (содержит надпись «Товары для школы и офиса»)
    • Ссылка вход в учетную запись
    • Выбор города
    • Горизонтальное меню сайта (главное меню)
    • Корзина товаров
    • Избранное
    • Сравнение
  • Контентная часть:
    • Слайдер
    • Блок - карусель новинок, распродажа, акции
    • Блок популярные разделы:
      • Офисная мебель
      • Бытовая техника
      • Офисная техника
      • Товары офисного быта
      • Письменные принадлежности
      • Бумага
      • Товары для детей и школьников
      • Ранцы, рюкзаки, сумки для школьников
      • Художественные товары
      • Современная школа
    • Элементы каталога, лучшие предложения
    • Блок торговых марок
    • Блок новостей
    • Блок о компании
    • Блок ранее вы смотрели
  • Подвал сайта (сквозной блок по всему сайту):
    • Нижнее меню 1
      • Организациям
      • Розничным покупателям
      • Акции
      • Новинки
    • Нижнее меню 2
      • Наши проекты
      • Наш гипермаркет
      • Новости
      • Полезные статьи
    • Нижнее меню 3
      • О компании
      • Вакансии
      • Договор оферты
      • СОУТ
    • Нижнее меню 4
      • Контакты
      • Оплата и доставка
      • Возврат
    • Контакты
    • Блок социальных сетей
    • Блок подписки на рассылки
    • Блок вариантов оплаты
    • Телефон
    • Плавающая кнопка наверх
    • Политика конфиденциальности
  • Каталог товаров:
    • Содержит каталог товаров

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

Каталог товаров

Каталог товаров сформирован на основе обмена с программой 1С УТ.

На основе загруженного каталога товаров сформировано меню каталога. Меню каталога товаров выведено на всех страницах сайта.

В меню каталога добавлены иконки для корневых разделов

Страница раздела каталога товаров содержит следующие элементы:

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

Страница раздела каталога товаров

Страница товара содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок, наименование товара
  • Картинку товара
  • Блок дополнительных картинок
  • Цену товара
  • Кнопку покупки товара
  • Кнопку добавить в сравнение
  • Кнопку добавить в избранное
  • Краткое описание товара
  • Блок табы: полное описание, характеристики товара, наличие товара, отзывы, информация о доставке
  • Блок Рекомендуем
  • Блок форма, консультация о товаре
  • Блок С этим товаром покупают
  • Подвал сайта
  • Меню каталога

Страница товара

Раздел «Акции»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Блок ссылок: Текущие акции, все акции, архив акций
  • Раздел содержит список проводимых акций в виде плитки
  • Постраничная навигация кнопками со ссылками на страницы
  • Подвал сайта
  • Меню каталога

Раздел «Наш Гипермаркет»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит информацию о гипермаркете, которая перенесена со старого сайта
  • Подвал сайта
  • Меню каталога

Раздел «Организациям»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит информацию о работе с организациями, которая перенесена со старого сайта
  • Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
  • Подвал сайта
  • Меню каталога

Раздел «Розничным покупателям»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит информацию для розничных покупателей, которая перенесена со старого сайта
  • Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
  • Подвал сайта
  • Меню каталога

Раздел «Контакты»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит информацию о контактах, адреса и телефоны магазинов, карты с указанием адресов, которые перенесены со старого сайта
  • В качестве карты используется сервис Яндекс.Карты
  • Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
  • Подвал сайта
  • Меню каталога

Раздел «Контакты»

Раздел «Новости»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит 10 последних новостей компании, которые перенесены со старого сайта
  • Постраничная навигация кнопками со ссылками на страницы
  • Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
  • Подвал сайта
  • Меню каталога

Раздел «Статьи»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит 10 последних статей, которые перенесены со старого сайта
  • Постраничная навигация кнопками со ссылками на страницы
  • Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
  • Подвал сайта
  • Меню каталога

Раздел «Наши проекты»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит 10 последних проектов компании, которые перенесены со старого сайта
  • Постраничная навигация кнопками со ссылками на страницы
  • Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
  • Подвал сайта
  • Меню каталога

Раздел «Наши проекты»

Детальная страница проекта

Раздел «Личный кабинет пользователя»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит следующие подразделы:
    • Текущие заказы содержит текущие заказы и историю заказов
    • Личный счет содержит данные о состоянии личного счета
    • Личные данные содержит функционал для изменения и добавления личных данных пользователя
    • История заказов содержит историю заказов и пересекается с разделом текущие заказы
    • Профили заказов используется для разделения типа лица, от которого производится заказ, например один и тот же пользователь может заказывать как Физ. лицо, так и Юридическое лицо (ИП)
    • Корзина содержит информацию о состоянии корзины и ведет на страницу корзины
    • Подписки содержит информацию о текущих подписках
  • Подвал сайта
  • Меню каталога

Функционал работы личного кабинета для организаций:

  • Для представителей организаций в ЛК можно назначиться курирующего менеджера и торгового представителя. Менеджер и торговый представитель назначаются из числа зарегистрированных пользователей сайта, входящих в группу и с правами менеджера, и выводятся в ЛК покупателя.
  • Привязка менеджеров осуществляется на основе предоставленных данных.
  • Контакты и другие данные менеджера прописываются в ЛК организации.
  • Основной пользователь организации регистрируется как Юридическое лицо.
  • В профиле Основного пользователя разработан функционал добавления отделов для данной организации с созданием профилей дополнительных пользователей.
  • Для Основного пользователя открыта информация по заказам каждого отдела. В свою очередь отделы видят информацию только по своему отделу.
  • Основной пользователь имеет возможность проставлять статусы на закупки отдела. Возможные статусы:
    • на утверждении,
    • одобрен,
    • отклонен.
  • Основной пользователь имеет возможность делать отметку при создании отдела о том, что отдел может делать заказы без одобрения Основного пользователя, или только после одобрения. Если заказ можно сделать только после одобрения Основного пользователя, на электронный адрес Основного пользователя придет письмо с уведомлением о том, что Основному пользователю требуется одобрить или отклонить заказ.
  • В каждом отделе организации разработан функционал просмотра заказов за месяц. На странице отчета установлен календарь с выбором периода отчета. Отчет формируется в табличном виде. В отчете содержится:
    • список заказов,
    • в каждой строке отчета выводятся данные заказа: номер заказа, дата заказа, сумма заказа, дата оплаты (если оплачен), оплачен / не оплачен.

Раздел «Избранное»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит список товаров, которые отложили в избранное, нажав на соответствующую иконку на товаре
  • Подвал сайта
  • Меню каталога

Раздел «Сравнение»

Раздел содержит следующие элементы:

  • Шапка сайта
  • Блок хлебных крошек (отображения пути от корня сайта)
  • Заголовок раздела
  • Раздел содержит список товаров, которые отложили в сравнение, нажав на соответствующую иконку на товаре. Раздел актуален, когда у товаров есть свойства, по которым можно сравнивать. Свойства к товарам внесены в компонент Сравнения. Настроен корректный вывод свойств сравнения
  • Подвал сайта
  • Меню каталога

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

На сайте настроена многорегиональность:

  • Для посетителей региона Вологда и Вологодской области открывается поддомен третьего уровня vologda.ofisarium.ru. Если посетители из любого другого города, кроме Вологда и Вологодская область, посетителю открывается сайт ofisarium.ru.
  • Если незарегистрированный посетитель из города Вологда и Вологодской области, то ему показываются остатки по складу Вологды.
  • В ином случае не зарегистрированный покупатель видит остатки по складу Ярославля.
  • Для зарегистрированных физ. лиц остатки также показываются с учетом региона.
  • Для незарегистрированный посетитель и зарегистрированных физ. лиц остатки показываются в формате: «Много» - если на остатках 3 и более шт. «Мало» - если на остатках меньше 3 шт.
  • Для Зарегистрированных Оптовых и Корпоративных клиентов показываются остатки склада, который указан в профиле компании. При этом, если клиент заходит на сайт, независимо от домена и авторизуется, его перенаправляет на тот домен/поддомен с остатками, которого он работает.
  • Определение региона посетителя реализовано штатными средствами модуля шаблона.
  • Настроены определение города посетителя, СЕО оптимизация, Оформление заказа с учетом города посетителя.
  • Если товар закончился на том или ином складе в зависимости от города посетителя, такой товар не показывается.

Способы доставки

На сайте настроены следующие способы доставки:

  • Самовывоз - заказ, собранный в розничном магазине
  • Доставка по Вологде и Вологодской области при заказе от 3000 рублей собственной службой доставки, курьерская доставка
  • Доставка по Ярославлю и Ярославской области при заказе от 3000 рублей собственной службой доставки, курьерская доставка
  • Служба доставки Офисариум. Если покупатель не из Вологды и Ярославля, в зависимости от города посетителя стоимость заказа увеличивается на определенный %.

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

На сайте настроены платежные системы:

  • PayKeeper
  • Экваринг Сбербанка

Для подключения платежные системы использованы бесплатные модули эквайринга Сбербанка и PayKeeper для системы 1С-Битрикс для проведения онлайн платежей.

Сценарий работы магазина

  1. Посетитель заходит на сайт, система определяет город местонахождения клиента. Создается вопрос о том, правильно ли определен город, появляется окошко уведомление. Для частных клиентов вне зависимости от региона действует Базовая цена. Для Корпоративных и Оптовых клиентов действуют цены, предусмотренные соглашениями.
  2. Посетитель проходит в интересующие его разделы нажимает на кнопку «В КОРЗИНУ», складывает товары в виртуальную корзину. После окончания этого процесса, клиент жмет на кнопку виртуальной корзины и переходит на страницу корзины. На этой странице находится список добавленных в корзину товаров с функционалом добавления, уменьшения и удаления товаров. На странице корзины клиент может скорректировать заказ, что-то удалить, добавить или уменьшить количество.
  3. После корректировки корзины клиент нажимает кнопку «ОФОРМИТЬ ЗАКАЗ» и переходит на страницу оформления заказа. На этой странице клиенту показаны блоки – список заказываемых товаров (цена, количество, итоговая сумма), блок данных о покупателе, выбор способа доставки, блок с адресом доставки, город которого подставляется автоматически в зависимости от выбранного города, выбор способа оплаты.
  4. Блок способа доставки работает в зависими от местоположения пользователя следующим образом:
    • Если покупатель из города Вологда или Вологодской области, выводятся следующие виды доставки:
      • Самовывоз
      • Доставка курьером магазина, при заказе от 3000 рублей
    • Если покупатель из города Ярославль и Ярославской области, выводятся следующие виды доставки:
      • Самовывоз
      • Доставка курьером магазина, при заказе от 3000 рублей
    • Если покупатель из других городов, выводятся следующие виды доставки:
      • Служба доставки Офисариум. В зависимости от города посетителя стоимость заказа увеличивается на определенный %.
  5. Блок способа оплаты зависит от местоположения пользователя, способа доставки и работает следующим образом:
    • Для физ. Лиц:
      • Если покупатель из Вологды, оплата производится, наличными в магазине (при самовывозе из магазина), онлайн на сайте или платежной картой через мобильный терминал.
      • Если покупатель из Ярославля, оплата производится наличными в магазине (при самовывозе из магазина), онлайн на сайте или платежной картой через мобильный терминал.
      • Если покупатель из других городов, оплата производится онлайн на сайте через платежные системы.
      • Если покупатель из города Вологда, используется платежная система экваринг Сбербанка.
      • Если покупатель из города Ярославль, используется платежная система PayKeeper.
    • Для Юридических лиц:
      • Онлайн на сайте.
      • Наличными в магазине.
      • Банковский перевод (безналичный рассчет).
  6. После ввода все необходимых данных пользователь нажимает на кнопку «ОФОРМИТЬ ЗАКАЗ».
  7. Одновременно с этим уведомляет пользователя о заказе.
  8. Используются статусы заказа:
    • В обработке
    • Оплачен
    • Согласован и формируется к отправке
    • Отправлен
    • Отменен
  9. После поступления оплаты статус на сайте меняется на ОПЛАЧЕН, уведомление о статусе получает покупатель.
  10. Сайт настроен в режим многоценовости.
  11. Сформированы группы покупателей с привязками по видам цен, поступающих из 1С УТ.

Регистрация

  1. При регистрации пользователя использованы поля:
    • Фамилия Имя Отчество (обязательное поле)
    • E-mail (обязательное поле)
    • Телефон (при вводе подставляется маска телефона, обязательное поле)
    • Пароль (Длина пароля не менее 6 символов, обязательное поле)
    • Адрес доставки (обязательное поле)
  2. При регистрации юридического лица использованы поля:
    • Фамилия Имя Отчество (обязательное поле)
    • E-mail (обязательное поле)
    • Телефон (при вводе подставляется маска телефона, обязательное поле)
    • Пароль (Длина пароля не менее 6 символов, обязательное поле)
    • Название организации (обязательное поле)
    • Адрес юридический (обязательное поле)
    • ИНН (обязательное поле)
    • Адрес доставки (обязательное поле)
  3. Если у клиента не заполнены обязательные поля, то клиент не сможет сделать заказ, при оформлении заказа сделана предупреждающая надпись.
  4. Тип пользователя: розничный клиент, корпоративный, оптовый. В зависимости от типа клиента формируется его профиль и личный кабинет.

История заказов текущего сайта

  1. Перенесены текущие заказы с действующего сайта.
  2. Заказов выводены в табличном виде с привязкой к профилям пользователей, которые сделали данный заказ.
  3. Вывод этих заказов осуществлен в разделе архив заказов.
  4. Произведена выгрузка заказов из БД действующего сайта.

Экспорт данных

  1. Проведен экспорт информации о пользователях действующего сайта.
  2. Использованы данные для экспорта в согласованном виде.
  3. Экспорт пользователей и информации о пользователях происходит по предоставленной информации, если та или иная информация не предоставлена или отсутствует в файлах экспорта, такая информация не экспортирована.
  4. Для связи таблиц для экспорта использован ID пользователя текущего сайта.
  5. На новый сайт экспортированы такие данные как:
    • ID пользователя на действующем сайте
    • Фамилия
    • Имя
    • Отчество
    • Email
    • Хеш пароля
    • Телефон
    • Наименование цены (цена привязанная к пользователю)
    • Адрес, Область, Город, дом
    • Адрес доставки (Регион, Район или город, Населенный пункт, Улица, Дом, корпус строение, Офис, Этаж, Лифт, Пропуск, Разгрузка, Ограничение по подъезду, Комментарий для водителя)
    • Краткое наименование организации
    • ИНН
    • ОГРН
    • КПП
    • Банковские реквизиты (Название банка, БИК, Рассчетный счет, Корсчет)
    • Тип пользователя
    • Юридический адрес
  6. При экспорте данных пользователей осуществлена привязка к группам пользователей в зависимости от типа цены. Созданы группы пользователей для осуществления привязки. Наименования групп соответствуют наименованию цен магазина.

Цены магазина

  1. Настроена выгрузка определенных группы цен магазина.
  2. Настроено поступление из 1С информации о модификации цены для отдельных групп пользователей. Настроены поступающие цены для пользователей.
  3. Настроен автоматический экспорт цен на сайт из программы 1С УТ.
  4. Настроен вывод групп цен на сайте, в торговом каталоге товаров, в фильтре товаров.
  5. Осуществлена привязка пользователей к требуемым ценам через экспорта данных.

СЕО оптимизация

  1. Переносены текущие значения СЕО оптимизации на новый сайт: заголовки разделов (H1), Заголовки страниц (Title), Описание страниц (Description), ключевые слова (keywords).
  2. Сохранены URL структуру сайта, статических страниц, и страниц разделов каталога. Если нет возможности сохранить URL, настроен 301 редирект.
  3. Перенесены тексты с посадочных и каталожных страниц.
  4. Перенесены счетчики Яндекс метрики, Гугл аналитик, Канцобоза.
  5. Перенесены настроенные 301 редиректы.
  6. Закрыты в роботс txt страницы оформления заказа: Disallow: *checkout.

Настройка 1С УТ

Настроен обмен с программой 1С УТ стандартными средствами программы.

Этапы настройки 1С УТ:

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

Примеры страниц сайта


Рассчитай! Стоимость своего проекта в калькуляторе типовых проектов.