Разработка гипермаркета канцелярских товаров для школы и офиса «Офисариум»
Для компании «Офисариум» на базе «1С-Битрикс: Управление сайтом - Бизнес» был создан Гипермаркет канцелярских товаров для школы и офиса.
Цель проекта. Разработка нового сайта на готовом шаблоне, интеграция сайта с программой 1С УТ.
Описание системы
Система управления контентом и программное обеспечение
- Операционная система: Linux CENTOS
- Язык программирования: PHP7+
- База данных: MySQL 5.5
- CMS 1С-Битрикс
- REST API Bitrix24
Основные работы
- Разработано Техническое задание
- Разработана бизнес логика работы системы
- Установлено ПО 1С-Битрикс: Бизнес на сервер Заказчика
- Установлен модуль шаблона «Аспро: Максимум»
- Расставлены компоненты и модули по блок схеме шаблона
- Установлена цветовая гамма шаблона по согласованию с Заказчиком
- Создано и выведено меню сайта
- Наполнены информационные разделы сайта
- Настроен обмен сайта с программой 1С УТ
- Настроены платежные системы
- Настроены службы доставки
- Настроен заказ
- Разработан личный кабинет пользователя
Этапы проведения работ
- Первый этап:
- Разработка технического задания
- Покупка и развертывание системы управления сайтом 1С-Битрикс: Бизнес
- Покупка и развертывание шаблона сайта
- Разработка блок схемы главной страницы на основе компонентов шаблона
- Разработка блок схемы детальной страницы товара
- Разработка логики работы проекта, создание схемы работы
- Экспорт данных о пользователях
- Второй этап:
- Расстановка компонентов и модулей по блок схемам
- Настройка работы шаблона
- Настройка обмена 1С УТ и сайта
- Настройка компонентов и модулей сайта
- Настройка корзины
- Настройка многоценовости
- Настройка платежных систем
- Настройка службы доставки
- Настройка многорегиональности
- Третий этап:
- Разработка и настройка личного кабинета пользователя
- Настройка СЕО
- Настройка виджетов и форм обратной связи
- Тестирование проекта
- Написание инструкций
Шаблон сайта
Разработаны блок схемы расположения основных блоков Интернет-магазина:
- Блок схема главной
- Блок схема страницы карточки товара
На платформу 1С-Битрикс устанавлен модуль купленного шаблона «Аспро: Максимум».
На основе шаблона определены кнопки управления (навигация сайта). С каждой страницы сайта обеспечен переход (установлена гиперссылка) на главную страницу сайта. Сайт содержит страницу "Содержание" (карта сайта).
Объём и состав текстовой и графической информации в электронном виде
Наполнение каталога товаров осуществлено путем обмена с программой 1С УТ.
Каталог товаров настроен на стороне 1С УТ.
Сделан перенос разделов со старого сайта:
ВЕРХНЕЕ МЕНЮ
- Акции
- Новинки
- Организациям
- Розничным покупателям
- Контакты
- Наши проекты
- Новости
- О компании
Популярные категории
- Офисная мебель
- Бытовая техника
- Офисная техника
- Товары офисного быта
- Письменные принадлежности
- Бумага
- Товары для детей и школьников
- Ранцы, рюкзаки, сумки для школьников
- Художественные товары
- Современная школа
Меню футера
- --Первая колонка--
- Организациям
- Розничным покупателям
- Акции
- Новинки
- --Вторая колонка--
- Наши проекты
- Наш гипермаркет
- Новости
- Полезные статьи
- --Третья колонка--
- О компании
- Вакансии
- Договор оферты
- СОУТ
- --Четвертая колонка--
- Контакты
- Оплата и доставка
- Возврат
Информацию для размещения перенесена со старого сайта или предоставлена Заказчиком.
Структура сайта Офисариум
Сайт состоит из следующих разделов:
- Главная страница сайта
- Каталог товаров
- Организациям
- Розничным покупателям
- Контакты
- Статьи
- Наши проекты
- Новости
- Наш Гипермаркет
- Оплата и доставка
- Возврат
- Новинки
- Договор оферты
- СОУТ
- Личный кабинет покупателя / менеджера
- Админ панель сайта
Главная страница сайта
Главная страница сайта содержит следующий список блоков (компонентов и модулей):
- Шапка сайта (сквозной блок по всему сайту):
- Логотип
- Адрес
- Часы работы (Пн-Пт с 9 до 20.00 Сб-Вс с 10 до 19.00)
- Телефон, заказать звонок
- Поиск по сайту (содержит надпись «Товары для школы и офиса»)
- Ссылка вход в учетную запись
- Выбор города
- Горизонтальное меню сайта (главное меню)
- Корзина товаров
- Избранное
- Сравнение
- Контентная часть:
- Слайдер
- Блок - карусель новинок, распродажа, акции
- Блок популярные разделы:
- Офисная мебель
- Бытовая техника
- Офисная техника
- Товары офисного быта
- Письменные принадлежности
- Бумага
- Товары для детей и школьников
- Ранцы, рюкзаки, сумки для школьников
- Художественные товары
- Современная школа
- Элементы каталога, лучшие предложения
- Блок торговых марок
- Блок новостей
- Блок о компании
- Блок ранее вы смотрели
- Подвал сайта (сквозной блок по всему сайту):
- Нижнее меню 1
- Организациям
- Розничным покупателям
- Акции
- Новинки
- Нижнее меню 2
- Наши проекты
- Наш гипермаркет
- Новости
- Полезные статьи
- Нижнее меню 3
- О компании
- Вакансии
- Договор оферты
- СОУТ
- Нижнее меню 4
- Контакты
- Оплата и доставка
- Возврат
- Контакты
- Блок социальных сетей
- Блок подписки на рассылки
- Блок вариантов оплаты
- Телефон
- Плавающая кнопка наверх
- Политика конфиденциальности
- Нижнее меню 1
- Каталог товаров:
- Содержит каталог товаров
Каталог товаров
Каталог товаров сформирован на основе обмена с программой 1С УТ.
На основе загруженного каталога товаров сформировано меню каталога. Меню каталога товаров выведено на всех страницах сайта.
В меню каталога добавлены иконки для корневых разделов
Страница раздела каталога товаров содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Блок вложенные разделы
- Блок сортировки
- Блок фильтра по товарам
- Блок товаров
- Список товаров содержит возможность быстрого просмотра товара, описание товара, картинка товара, с возможность добавить товар в корзину. Предусмотрена возможность блочного, строчного и табличного отображения товаров
- Блок постраничной навигации (показать еще товары)
- Описание раздела
- Подвал сайта
- Меню каталога
Страница товара содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок, наименование товара
- Картинку товара
- Блок дополнительных картинок
- Цену товара
- Кнопку покупки товара
- Кнопку добавить в сравнение
- Кнопку добавить в избранное
- Краткое описание товара
- Блок табы: полное описание, характеристики товара, наличие товара, отзывы, информация о доставке
- Блок Рекомендуем
- Блок форма, консультация о товаре
- Блок С этим товаром покупают
- Подвал сайта
- Меню каталога
Раздел «Акции»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Блок ссылок: Текущие акции, все акции, архив акций
- Раздел содержит список проводимых акций в виде плитки
- Постраничная навигация кнопками со ссылками на страницы
- Подвал сайта
- Меню каталога
Раздел «Наш Гипермаркет»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит информацию о гипермаркете, которая перенесена со старого сайта
- Подвал сайта
- Меню каталога
Раздел «Организациям»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит информацию о работе с организациями, которая перенесена со старого сайта
- Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
- Подвал сайта
- Меню каталога
Раздел «Розничным покупателям»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит информацию для розничных покупателей, которая перенесена со старого сайта
- Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
- Подвал сайта
- Меню каталога
Раздел «Контакты»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит информацию о контактах, адреса и телефоны магазинов, карты с указанием адресов, которые перенесены со старого сайта
- В качестве карты используется сервис Яндекс.Карты
- Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
- Подвал сайта
- Меню каталога
Раздел «Новости»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит 10 последних новостей компании, которые перенесены со старого сайта
- Постраничная навигация кнопками со ссылками на страницы
- Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
- Подвал сайта
- Меню каталога
Раздел «Статьи»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит 10 последних статей, которые перенесены со старого сайта
- Постраничная навигация кнопками со ссылками на страницы
- Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
- Подвал сайта
- Меню каталога
Раздел «Наши проекты»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит 10 последних проектов компании, которые перенесены со старого сайта
- Постраничная навигация кнопками со ссылками на страницы
- Предусмотрен ввод разной информации для домена и поддомена (мультирегиональность)
- Подвал сайта
- Меню каталога
Раздел «Личный кабинет пользователя»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит следующие подразделы:
- Текущие заказы содержит текущие заказы и историю заказов
- Личный счет содержит данные о состоянии личного счета
- Личные данные содержит функционал для изменения и добавления личных данных пользователя
- История заказов содержит историю заказов и пересекается с разделом текущие заказы
- Профили заказов используется для разделения типа лица, от которого производится заказ, например один и тот же пользователь может заказывать как Физ. лицо, так и Юридическое лицо (ИП)
- Корзина содержит информацию о состоянии корзины и ведет на страницу корзины
- Подписки содержит информацию о текущих подписках
- Подвал сайта
- Меню каталога
Функционал работы личного кабинета для организаций:
- Для представителей организаций в ЛК можно назначиться курирующего менеджера и торгового представителя. Менеджер и торговый представитель назначаются из числа зарегистрированных пользователей сайта, входящих в группу и с правами менеджера, и выводятся в ЛК покупателя.
- Привязка менеджеров осуществляется на основе предоставленных данных.
- Контакты и другие данные менеджера прописываются в ЛК организации.
- Основной пользователь организации регистрируется как Юридическое лицо.
- В профиле Основного пользователя разработан функционал добавления отделов для данной организации с созданием профилей дополнительных пользователей.
- Для Основного пользователя открыта информация по заказам каждого отдела. В свою очередь отделы видят информацию только по своему отделу.
- Основной пользователь имеет возможность проставлять статусы на закупки отдела. Возможные статусы:
- на утверждении,
- одобрен,
- отклонен.
- Основной пользователь имеет возможность делать отметку при создании отдела о том, что отдел может делать заказы без одобрения Основного пользователя, или только после одобрения. Если заказ можно сделать только после одобрения Основного пользователя, на электронный адрес Основного пользователя придет письмо с уведомлением о том, что Основному пользователю требуется одобрить или отклонить заказ.
- В каждом отделе организации разработан функционал просмотра заказов за месяц. На странице отчета установлен календарь с выбором периода отчета. Отчет формируется в табличном виде. В отчете содержится:
- список заказов,
- в каждой строке отчета выводятся данные заказа: номер заказа, дата заказа, сумма заказа, дата оплаты (если оплачен), оплачен / не оплачен.
Раздел «Избранное»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит список товаров, которые отложили в избранное, нажав на соответствующую иконку на товаре
- Подвал сайта
- Меню каталога
Раздел «Сравнение»
Раздел содержит следующие элементы:
- Шапка сайта
- Блок хлебных крошек (отображения пути от корня сайта)
- Заголовок раздела
- Раздел содержит список товаров, которые отложили в сравнение, нажав на соответствующую иконку на товаре. Раздел актуален, когда у товаров есть свойства, по которым можно сравнивать. Свойства к товарам внесены в компонент Сравнения. Настроен корректный вывод свойств сравнения
- Подвал сайта
- Меню каталога
Многорегиональность
На сайте настроена многорегиональность:
- Для посетителей региона Вологда и Вологодской области открывается поддомен третьего уровня vologda.ofisarium.ru. Если посетители из любого другого города, кроме Вологда и Вологодская область, посетителю открывается сайт ofisarium.ru.
- Если незарегистрированный посетитель из города Вологда и Вологодской области, то ему показываются остатки по складу Вологды.
- В ином случае не зарегистрированный покупатель видит остатки по складу Ярославля.
- Для зарегистрированных физ. лиц остатки также показываются с учетом региона.
- Для незарегистрированный посетитель и зарегистрированных физ. лиц остатки показываются в формате: «Много» - если на остатках 3 и более шт. «Мало» - если на остатках меньше 3 шт.
- Для Зарегистрированных Оптовых и Корпоративных клиентов показываются остатки склада, который указан в профиле компании. При этом, если клиент заходит на сайт, независимо от домена и авторизуется, его перенаправляет на тот домен/поддомен с остатками, которого он работает.
- Определение региона посетителя реализовано штатными средствами модуля шаблона.
- Настроены определение города посетителя, СЕО оптимизация, Оформление заказа с учетом города посетителя.
- Если товар закончился на том или ином складе в зависимости от города посетителя, такой товар не показывается.
Способы доставки
На сайте настроены следующие способы доставки:
- Самовывоз - заказ, собранный в розничном магазине
- Доставка по Вологде и Вологодской области при заказе от 3000 рублей собственной службой доставки, курьерская доставка
- Доставка по Ярославлю и Ярославской области при заказе от 3000 рублей собственной службой доставки, курьерская доставка
- Служба доставки Офисариум. Если покупатель не из Вологды и Ярославля, в зависимости от города посетителя стоимость заказа увеличивается на определенный %.
Оплата заказа
На сайте настроены платежные системы:
- PayKeeper
- Экваринг Сбербанка
Для подключения платежные системы использованы бесплатные модули эквайринга Сбербанка и PayKeeper для системы 1С-Битрикс для проведения онлайн платежей.
Сценарий работы магазина
- Посетитель заходит на сайт, система определяет город местонахождения клиента. Создается вопрос о том, правильно ли определен город, появляется окошко уведомление. Для частных клиентов вне зависимости от региона действует Базовая цена. Для Корпоративных и Оптовых клиентов действуют цены, предусмотренные соглашениями.
- Посетитель проходит в интересующие его разделы нажимает на кнопку «В КОРЗИНУ», складывает товары в виртуальную корзину. После окончания этого процесса, клиент жмет на кнопку виртуальной корзины и переходит на страницу корзины. На этой странице находится список добавленных в корзину товаров с функционалом добавления, уменьшения и удаления товаров. На странице корзины клиент может скорректировать заказ, что-то удалить, добавить или уменьшить количество.
- После корректировки корзины клиент нажимает кнопку «ОФОРМИТЬ ЗАКАЗ» и переходит на страницу оформления заказа. На этой странице клиенту показаны блоки – список заказываемых товаров (цена, количество, итоговая сумма), блок данных о покупателе, выбор способа доставки, блок с адресом доставки, город которого подставляется автоматически в зависимости от выбранного города, выбор способа оплаты.
- Блок способа доставки работает в зависими от местоположения пользователя следующим образом:
- Если покупатель из города Вологда или Вологодской области, выводятся следующие виды доставки:
- Самовывоз
- Доставка курьером магазина, при заказе от 3000 рублей
- Если покупатель из города Ярославль и Ярославской области, выводятся следующие виды доставки:
- Самовывоз
- Доставка курьером магазина, при заказе от 3000 рублей
- Если покупатель из других городов, выводятся следующие виды доставки:
- Служба доставки Офисариум. В зависимости от города посетителя стоимость заказа увеличивается на определенный %.
- Если покупатель из города Вологда или Вологодской области, выводятся следующие виды доставки:
- Блок способа оплаты зависит от местоположения пользователя, способа доставки и работает следующим образом:
- Для физ. Лиц:
- Если покупатель из Вологды, оплата производится, наличными в магазине (при самовывозе из магазина), онлайн на сайте или платежной картой через мобильный терминал.
- Если покупатель из Ярославля, оплата производится наличными в магазине (при самовывозе из магазина), онлайн на сайте или платежной картой через мобильный терминал.
- Если покупатель из других городов, оплата производится онлайн на сайте через платежные системы.
- Если покупатель из города Вологда, используется платежная система экваринг Сбербанка.
- Если покупатель из города Ярославль, используется платежная система PayKeeper.
- Для Юридических лиц:
- Онлайн на сайте.
- Наличными в магазине.
- Банковский перевод (безналичный рассчет).
- Для физ. Лиц:
- После ввода все необходимых данных пользователь нажимает на кнопку «ОФОРМИТЬ ЗАКАЗ».
- Одновременно с этим уведомляет пользователя о заказе.
- Используются статусы заказа:
- В обработке
- Оплачен
- Согласован и формируется к отправке
- Отправлен
- Отменен
- После поступления оплаты статус на сайте меняется на ОПЛАЧЕН, уведомление о статусе получает покупатель.
- Сайт настроен в режим многоценовости.
- Сформированы группы покупателей с привязками по видам цен, поступающих из 1С УТ.
Регистрация
- При регистрации пользователя использованы поля:
- Фамилия Имя Отчество (обязательное поле)
- E-mail (обязательное поле)
- Телефон (при вводе подставляется маска телефона, обязательное поле)
- Пароль (Длина пароля не менее 6 символов, обязательное поле)
- Адрес доставки (обязательное поле)
- При регистрации юридического лица использованы поля:
- Фамилия Имя Отчество (обязательное поле)
- E-mail (обязательное поле)
- Телефон (при вводе подставляется маска телефона, обязательное поле)
- Пароль (Длина пароля не менее 6 символов, обязательное поле)
- Название организации (обязательное поле)
- Адрес юридический (обязательное поле)
- ИНН (обязательное поле)
- Адрес доставки (обязательное поле)
- Если у клиента не заполнены обязательные поля, то клиент не сможет сделать заказ, при оформлении заказа сделана предупреждающая надпись.
- Тип пользователя: розничный клиент, корпоративный, оптовый. В зависимости от типа клиента формируется его профиль и личный кабинет.
История заказов текущего сайта
- Перенесены текущие заказы с действующего сайта.
- Заказов выводены в табличном виде с привязкой к профилям пользователей, которые сделали данный заказ.
- Вывод этих заказов осуществлен в разделе архив заказов.
- Произведена выгрузка заказов из БД действующего сайта.
Экспорт данных
- Проведен экспорт информации о пользователях действующего сайта.
- Использованы данные для экспорта в согласованном виде.
- Экспорт пользователей и информации о пользователях происходит по предоставленной информации, если та или иная информация не предоставлена или отсутствует в файлах экспорта, такая информация не экспортирована.
- Для связи таблиц для экспорта использован ID пользователя текущего сайта.
- На новый сайт экспортированы такие данные как:
- ID пользователя на действующем сайте
- Фамилия
- Имя
- Отчество
- Хеш пароля
- Телефон
- Наименование цены (цена привязанная к пользователю)
- Адрес, Область, Город, дом
- Адрес доставки (Регион, Район или город, Населенный пункт, Улица, Дом, корпус строение, Офис, Этаж, Лифт, Пропуск, Разгрузка, Ограничение по подъезду, Комментарий для водителя)
- Краткое наименование организации
- ИНН
- ОГРН
- КПП
- Банковские реквизиты (Название банка, БИК, Рассчетный счет, Корсчет)
- Тип пользователя
- Юридический адрес
- При экспорте данных пользователей осуществлена привязка к группам пользователей в зависимости от типа цены. Созданы группы пользователей для осуществления привязки. Наименования групп соответствуют наименованию цен магазина.
Цены магазина
- Настроена выгрузка определенных группы цен магазина.
- Настроено поступление из 1С информации о модификации цены для отдельных групп пользователей. Настроены поступающие цены для пользователей.
- Настроен автоматический экспорт цен на сайт из программы 1С УТ.
- Настроен вывод групп цен на сайте, в торговом каталоге товаров, в фильтре товаров.
- Осуществлена привязка пользователей к требуемым ценам через экспорта данных.
СЕО оптимизация
- Переносены текущие значения СЕО оптимизации на новый сайт: заголовки разделов (H1), Заголовки страниц (Title), Описание страниц (Description), ключевые слова (keywords).
- Сохранены URL структуру сайта, статических страниц, и страниц разделов каталога. Если нет возможности сохранить URL, настроен 301 редирект.
- Перенесены тексты с посадочных и каталожных страниц.
- Перенесены счетчики Яндекс метрики, Гугл аналитик, Канцобоза.
- Перенесены настроенные 301 редиректы.
- Закрыты в роботс txt страницы оформления заказа: Disallow: *checkout.
Настройка 1С УТ
Настроен обмен с программой 1С УТ стандартными средствами программы.
Этапы настройки 1С УТ:
- Настройка модуля обмена
- Настройка выгрузки каталога товаров, формирование структуры каталога в модуле обмена
- Настройка выгрузки цен
- Настройка выгрузки характеристик
- Настройка выгрузки описаний товаров
- Настройка выгрузки графики (картинок товара)
Примеры страниц сайта
Рассчитай! Стоимость своего проекта в калькуляторе типовых проектов.
Мы используем cookie. Они помогают нам понять, как вы взаимодействуете с сайтом. При посещении страниц сайта вы даете согласие на использование и хранение файлов cookie на вашем устройстве. Подробнее