Общая структура страниц сайта

Все страницы пользовательской части сайта выводятся со следующими блоками: Шапка, Левая колонка, Основная область содержимого, Подвал.

Шапка

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

Левая колонка

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

Основная область содержимого

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

Подвал

В подвале выводится дополнительная информация, согласованная с Заказчиком.

Интерфейс

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

Пользовательская часть

Типовые статические страницы

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

Новости

В разделе «Новости» должны быть представлены новости компании. При добавлении новости ей должна присваиваться категория; эти категории в дальнейшем могут быть использованы для отбора новостей. На странице должно быть представлено 10 анонсов последних новостей и ссылки на страницы с полным содержимым соответствующих новостей. В нижней части страницы с содержимым новости должна быть ссылка на предыдущую страницу новостей.

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

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

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

Авторизация и регистрация

Вход в аккаунт пользователя осуществляется на странице авторизации, где располагается форма входа на сайт. Форма входа содержит поля ввода логина и пароля и кнопку “Войти”.

Также на сайте предусмотрен механизм восстановления пароля от аккаунта. Форма восстановления пароля содержит поле “E-mail учетной записи” и кнопку отправки. После отправки формы на указанный e-mail приходят дальнейшие инструкции для входа в аккаунт, привязанный к данному адресу электронной почты.

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

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

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

В данном разделе сайта пользователь имеет возможность изменить свои регистрационные данные.

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

Гостевая книга

Гостевая книга на сайте реализуется с использованием сервиса обратной связи http://reformal.ru/.

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

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

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

Административная часть

Административная часть ограничивается функционалом расширения модуля Shopkeeper для системы управления сайтом MODX.

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

После входа в административную панель пользователю показывается 3 рабочих области:

· Слева находится панель, в первой вкладке которой можно увидеть список доступных на сайте страниц. Вторая и третья вкладки панели содержат технические страницы: шаблоны, и файлы модулей сайта и пр.;

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

· Центральная часть является основной рабочей областью для модерации контента сайта. В ней отображается содержимое страниц при их редактировании.

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

В верхней навигационной панели располагается модуль – «управление заказами» благодаря которому осуществляется:

1) Изменение статуса заказа

2) Просмотр состава заказа

3) Контактная информация в виде: имени, почты, телефона, комментария, способа доставки и способа оплаты.

Левая панель содержит три вкладки и необходима для работы с контентом страниц сайта.

Основной рабочей вкладкой для работы с разделами сайта и их содержимым является первая вкладка – «Ресурсы».

Структура разделов сайта показывает все страницы сайта, доступные в клиентской части сайта (т.е. пользователям сайта).

Структура разделов сайта позволяет:

· добавлять новые, редактировать и удалять имеющиеся страницы сайта;

· скрывать страницы сайта от публикации.

Shopkeeper - это компонент для создания Интернет-магазина на MODX. Компонент включает в себя корзину товаров, управление заказами в административной части сайта, работу с параметрами товаров, переключение валют и др.

Благодаря модулю Shopkeeper для данной системы управления сайтом функционал административной части дополняется следующими функциями:

· Редактирование и удаление поступивших заказов;

· Возможность установить заказу статус (новый, в процессе выполнения, отправлен, выполнен, возникли проблемы);

· Возможность писать заметки к каждому заказу;

· Сортировка заказов.

· Управление товарами в каталоге (создание, редактирование).

Функционал сайта

Функционал сайта должен предоставлять администратору сайта возможность быстро редактировать содержимое сайта с помощью средств панели администратора системы управления сайтом (CMS), редактировать разделы сайта, а также управлять каталогом предоставляемых для заказа товаров.

Посетитель сайта должен иметь возможность оформления заказа выбранных товаров через сайт. Заказ осуществляется в несколько этапов:

1. Посетитель добавляет в корзину интересующие его товары из каталога.
2. Перейдя в корзину, где выводится перечень выбранных товаров, их количество и цена, пользователь подтверждает состав заказа нажатием кнопки “продолжить”. На данном этапе у покупателя имеется возможность отредактировать содержимое своего заказа, а именно удалить из заказа ранее выбранные товары или изменить их количество.
3. Пользователь заполняет форму “Контактные данные” для оформления заказа.
4. Далее покупатель переходит на страницу выбора способа получения заказа (способ доставки) и способ оплаты (наличный расчет или оплата через сайт).
5. При успешном прохождении всех шагов выводится сообщение принятия заказа в обработку.

Группы пользователей