Техническая спецификация на разработку нового сайта

Предмет разработки

Предметом разработки является Интернет-сайт/магазин компании X, которая является официальным представителем и дистрибьютором бренда “X” в Украине  на базе системы динамического управления контентом WordPress + Elementor.

Назначение сайта и базовый функционал

Предоставление информации о компании, бренде “X” и ее продукции

• Блог
• Каталог продукции
• корзина
• онлайн оплата
• доставка
• Контакты
• Печатные каталоги

Требования к дизайну сайта

Дизайн должен быть современным, на базе уникализированного шаблона (нужно подобрать, обсудить и подогнать под фирстиль).
Образцы сайтов rossmax.com, Omronhealthcare.com

Структура сайта

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

Структура сайта должна иметь следующий вид:

1. Главная страница
2. Продукция

• каталог товаров с 2-х уровневой вложенностью
  • Карточка товара

3. Новости

• каталог блога
• страница статьи

4. Почему X
5. Поддержка
6. Контакты

Требования к представлению сайта

Примерные требования к представлению главной страницы сайта.

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

Контентная область главной страницы должна делиться на следующие разделы:

серия слайдов с концепцией бренда “X”, где будут картинки и тексты раскрывающий их смысл;

Представление основных Товарных  категорий (Тонометры, Нибулайзеры, Товары для здоровья)

Уникальные технологии (серия из превью для статтей)

новости - содержит 3 последние новости (анонсы) в формате: картинка, заголовок, краткое содержание;

X - на страже вашего здоровья (серия превью для материалов о рисках и проблемах для здоровья в современном мире и как “X” нивелирует их)

Структура внутренних страниц (общая для всех подразделов)

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

хидер

лого и навигационным меню сайта

строка поиска (полнотекстовый поиск по новостям и товарам);

поле выбора языка – русский\английский;

хлебные крошки всегда  начинается со ссылки «На главную»;

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

поле для отображения контента выбранной страницы сайта;

Футер;

Контактная информация

Ссылки на служебные страницы

Лого платежных систем и партнеров доставки (Visa, Нова Пошта и т.д.)

Структура и функционал Каталога товаров

Структура каталога

Тонометры

• Автоматические с манжетой на плечо
• Передача данных через смартфон
• Автоматические с манжетой на запястье
• Полуавтоматические с манжетой на плечо
• Дополнительные принадлежности к тонометрам на плечо
• Архив старых моделей

Небулайзеры

• Компрессорные ингаляторы
• Ультразвуковые ингаляторы
• Небулайзеры с МЕШ технологией

Товары для здоровья

• Компрессорные ингаляторы
• Миостимуляторы TENS
• Шагомеры
• Термометры
• Цифровые весы
• Дополнительные принадлежности к товарам для здоровья
• Архив старых моделей

Функционал каталога

Товар отображается плиткой 5 товаров в строке (для десктопа, количество меняется адаптивно)

Функция сравнения товара

функция добавления товара в список желаний (купить позже)

Бейджи (топ продаж, новинка, специальное предложение, скидка(ее размер))

Фильтры

• Цена ползунком + поля от и до
• Самовывоз
• Тип измерения
• Автомат
• Механика
• Полуавтомат
• Зона размещения
• Запястье
• Предплечье
• Плечо
• Размер манжеты
• Питание
• Аккумуляторный
• Батарейки
• Сеть

Структура и функционал карточки товара

Структура карточки товара

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

• Все про товар (основной блок отображаемый по дефолту)

Галерея (все фото + видео + фото 360°)

Покупка  (цена, кнопка покупки)

Купить в кредит

Добавление к сравнению

Добавление в список желаний

Краткие технические данные и описание

Вывод списка магазинов где товар доступен к самовывозу

Блок с описанием вариантов оплаты

Блок с описанием гарантийных обязанностей

Похожие товары (с теми же параметрами)

Отзывы

Сопутствующие товары

Видеообзоры

• Характеристики (список тех характеристик в виде таблицы)
• Отзывы
• Вопросы
• Видеообзоры
• Фото
• Сопутствующие товары

Функционал карточки товара

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

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

Форма заказа

• Контакты

ФИО

Телефон (подтверждение телефона)

имейл

Город проживания\доставки

• Доставка

Самовывоз

Новая Почта

Укр Почта

• Оплата

Наличными при самовывозе

Картой онлайн

Рассрочка

оплата частями Приват

Моно

Альфа

Защита

Необходимо предусмотреть систему автоматическийх созданий резервных копий сайта.

Капча для форм

Кроссбраузерность и верстка

      Разметка и верстка сайта должна быть адаптивными или отзывчивыми,  выполненными с применением HTML5 и CCS3. Код должен быть валидным, необходимо использование и корректное заполнение всех свойств и идентификаторов элементов верстки по типу (button_id, element_id, e.t.c). Сайт должен корректно работать и адекватно отображать материал во всех популярных браузерах и на всех типах устройств.  

Языковые версии

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

Контент

В рамках работ по данному проекту Исполнитель обеспечивает наполнение разделов сайта предоставленными Заказчиком материалами.

Исполнитель должен осуществить автоматическое перемещение контента со старого сайта ims.com.ua на новый (Блог и каталог товаров) старый сайт на базе Joomla+Virtuemart на новый.

Порядок переноса сайта на технические средства заказчика

После завершения сдачи-приемки сайта, Исполнителем производится однократный перенос разработанного программного обеспечения на аппаратные средства Заказчика.
Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ к веб-серверу и доступ к базе данных сайта.