Техническая спецификация на разработку нового сайта
Предмет разработки
Предметом разработки является Интернет-сайт/магазин компании X, которая является официальным представителем и дистрибьютором бренда “X” в Украине на базе системы динамического управления контентом WordPress + Elementor.
Назначение сайта и базовый функционал
Предоставление информации о компании, бренде “X” и ее продукции
- Блог
- Каталог продукции
- корзина
- онлайн оплата
- доставка
- Контакты
- Печатные каталоги
Требования к дизайну сайта
Дизайн должен быть современным, на базе уникализированного шаблона (нужно подобрать, обсудить и подогнать под фирстиль).
Образцы сайтов rossmax.com, Omronhealthcare.com
Структура сайта
Все названия разделов сайта, приведенные ниже, являются условными и могут корректироваться по согласованию с Заказчиком в ходе проектирования.
Структура сайта должна иметь следующий вид:
- Главная страница
- Продукция
- каталог товаров с 2-х уровневой вложенностью
- Новости
- каталог блога
- страница статьи
- Почему X
- Поддержка
- Контакты
Требования к представлению сайта
Примерные требования к представлению главной страницы сайта.
Главная страница сайта должна содержать графическую часть, навигационное меню сайта, а также контентную область для того, чтобы посетитель сайта с первой страницы мог получить вводную информацию о бренде “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-доступ к веб-серверу и доступ к базе данных сайта.