Сайт каталог

ТЕХНИЧЕСКОЕ ЗАДАНИЕ:

Проект: сайт HISAR - дверные ручки. Дверная фурнитура.

Домен: https://www.hisar.com.ua

Языки: - Украинский (основной)

Русский

СОДЕРЖАНИЕ:

Общие моменты

Рубрики сайта

Контент сайта

Меню сайта

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

Страница О компании

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

Страница Партнерам

Страница Контакты

1. Общие моменты.

1.1. При создании дизайна сайта ориентируемся на сайты:

Гаврош http://gr-gavroche.com.ua(дизайн), Систем https://system.mebel.ua(карта клиентов),

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

1.3. Приемлемые шрифты: Arial, Helvetica или их аналоги - неконтрастный гротеск.

1.4 Важна интерактивная карта в категории “Контакты” с возможностью добавления новых клиентов.

1.5. Виджеты соц сетей: Twitter, Telegram, FB, размещаются в меню сайта, а так же в конце каждой новости/ материала, карточке товара.  

1.6. Автоматическое помещение материалов из всех рубрик в соц сети. Формат: вид первого абзаца + ссылка на материал.

1.7. На каждой странице фича «наверх» которая появляется когда читатель/ посетитель промотал текст более экрана

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

Информация отображается корректно как в книжной, так и в альбомной ориентации;

Все кликабельные элементы работают;

Отсутствуют тяжелые изображения, которые замедляют загрузку страницы;

На сайте нет ничего, связанного с Flash;

Нет всплывающих окон, которые перекрывают полстраницы;

Нигде не задействована горизонтальная прокрутка;

Контактный e-mail кликабельный или его хотя бы можно скопировать;

Поля в форме регистрации короткие и простые, отключена функция автозаполнения (часто может подтягиваться некорректная информация);

Все кнопки сделаны с помощью CSS, нет кнопок-изображений;

Размер картинок меняется автоматически в зависимости от типа устройства.

• Скорость загрузки сайта должна быть как можно быстрее, так же оптимизация под поисковые системы (Google, Yandex)
•  Дизайн сайта не требует каких либо «наворотов» простой и светлый. Желательные цвета – красный, белый, черный. Либо все эти цвета в сочетании (это в идеале)

2. СТРАНИЦЫ САЙТА:

Каталог

О Компании

Новости 

Партнерам

Контакты

2.1. Рубрики сайта закреплены в меню сайта (в одной строке с логотипом).

3. КОНТЕНТ САЙТА:

3.1. Каждый материал попадает на сайт в определенную рубрику с определенной категорией. Без указания этого материал и товары не публикуется.

3.2. Категории в любой из Рубрик могут добавляться при отсутствии соответствующей программистом (оказывающим техническую поддержку).

Таблица №1: 

3.3. Структура материалов сайта:

Заголовок

Краткое описание

Картинка

Основной текст

Для товаров важно чтобы был статус - “Товар в наличии” или “Нет в наличии” желательно кнопка, которая меняет цвет при смене статуса.

Отображение цены в карточке товара и в категории, но без кнопки купить!

Вместо кнопки купить, нужно разместить форму обратной связи (см. сайт http://gr-gavroche.com.ua) то есть товар можно заказать.

4. Меню сайта:

     Логотип                     | Каталог | О Компании | Новости | Партнерам | Контакты |

4.1. Меню сайта состоит из: 

- логотипа

- 5 рубрик 

+ 1 СПЕЦ РУБРИКА  (Каталог)

- языки (RU / UA)

4.2. Меню с рубриками закреплено и при пролистывании сайта вниз остается всегда в поле зрения

4.3. Каталог состоит из подкатегорий, в которых находятся товары.  Желательно при наведении на “Каталог”, чтобы был выплывающий список подкатегорий.

5. Главная Страница 

5.1. Отображение слайдера на главной ( с возможностью редактирования)               1 порядок

5.2. Описание на главной ( с возможностью редактирования) 2 порядок

5.3. Можно вывести товары «Новинка» 3 порядок

5.4. Внизу главной страницы, разместить блок для отзывов наших партнеров и  клиентов. 4 порядок

5.5. Слайдер наших партнеров ( с возможностью редактирования ) 5 порядок

5.6. Футер – контакты, адрес, Email, кнопки соц. Сетей, подписка на рассылку новостей (чтоб выглядело как призыв!)

6. Страница О Компании:

6.1. Страница размещает в себе полное описание нашей Компании, а также имеет возможность разместить фото или видео.

6.2. Форма обратной связи.

7. Страница Новости:

7.1. Страница выводит Новости нашей компании:

7.2. Основная колонка с лентой публикаций Новости в порядке их добавления на сайт (от новых к старым). Последняя добавленная – выделена (формат: большая картинка с пометкой категории + название + дата/ время)

8. Страница Партнерам:

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

8.2. Форма обратной связи.

8.3. Форма для регистрации нового клиента(Имя, фамилия, город, Email, телефон, вид деятельности)

9. Страница Контакты:

9.1. Страница для вывода контактов компании

9.2. Интерактивная карта - при нажатии на любую из областей показывает представителя или дилера с его контактами. (Образец  - https://system.mebel.ua/affiliates/?type=5710a4bb917e8b3e02ff3a51/ )

9.3. Также должны быть указаны филиалы нашей компании, возможно просто выделить другим цветом. То есть если филиал находится во Львове, выделяем его другим цветом.

Должна быть возможность изменения из админ панели! Без привлечения программиста.

9.4. После интерактивной карты расположены контакты филиалов