Нужен сайт под наполнение согласно тех.заданию.

Тех. Задание.

При создании сайта, допускается использование шаблонов – главное, что бы небыло вшитых ссылок, и в готовом сайте минимум лишнего кода.

Шаблоны согласовываем вместе.

Мне понравился такой шаблон: http://livedemo00.template-help.com/wordpress_53591/ - это если речь идет о создании сайта на основе шаблона.

1) Сайт должен быть адаптивным (все страницы и всплывающие окна под разные устройства)

2) Код всего сайта должен быть упорядоченным, корректным и адаптированным под SEO (

2.1 – что бы всякого рода валидаторы не сильно ругались

2.2 – все стили CSS должны быть выведены в отдельный файл

2.3 – соблюдены все микротеги (контакты, товары, цены и т.д.)

2.4 – Должна быть высокая скорость загрузки сатраниц сайта

3) Дизайн сайта на разработчике( с последующим согласованием)

3.1 – Для меня главное, что бы сайт внешне отвечал современным стандартам технологий.

3.2 – Ни чего лишнего – что бы заказчика ни чего не отвлекало.

3.3 – Меню сбоку, делать не стоит

3.4 – Поле с «МЕНЮ»(главная, о нас, документация и т.д) – не исчезает при прокручивании страницы на больших мониторах, но при открытии сайта на гаджетах, это поле мешать не должно.

3.4.1 – при активном пункте меню, оно подсвечивается

3.4.2 – на поле находятся иконки: заказать звонок, сравнение товаров, поиск по сайту, вход в личный кабинет

3.4.2.1 – При наведении курсора на «поиск по сайту» иконки сдвигаются в сторону открывая поле для ввода данных и показывая возможность расширенного поиска, нажав на неё пользователь переходит на страницу расширенного поиска. Дизайн страницы согласовывается по факту.

3.4.2.2 – при наведении на «Личный кабинет» иконки сдвигаются в сторону открывая кнопку «войти». При нажатии на кнопку, открывается поле для ввода логина и пароля. Поля «расширенный поиск по сайту», «поле для ввода логина и пароля» - адаптивные!

3.5 – Меню многоуровневое (например: при наведении на пункт «ТОВАРЫ» выпадают группы товаров.

3.6 - Поле ШАПКА (лого и контакты) адаптивные – при смене разрешения, что бы всё было читабельно

4) Реализовать функцию «Личный кабинет» - с возможностью редактирования через админскую часть сайта: количество кабинетов, цены на товары для каждого кабинета и т.д.)

5) Реализовать систему сравнения товаров по техническим свойствам выбранных материалов (адаптивную)

6) добавить эффект плавкой прокрутки страниц

7) Страница ГЛАВНАЯ

7.1 на странице должен быть слайдер, на котором изображены фото с текстом, нажав на который, пользователь попадает на нудную страницу сайта.

7.2 – на странице должна быть карусель товаров, автоматически листающаяся.

7.2.1 – на изображении в карусели: фото + название материала. При наведении на нужное изображение, затемняется и появляется краткое описание выбранного материала (в админской части сайта что бы была возможность редактирования (добавить цену, рейтинг и т. Д.))

7.3 – Карусель из последних новостей

7.4 – перед футером можно разместить карту (например гугл) с указанием

Местоположения.

7.5 – И пункты быстрой навигации с (либо картинки, либо всплывающие иконки) с кратким описанием:

«О НАС»

«Калькулятор»

«Продукция»

«Услуги»

«Документы»

«Новости»

Нажав на которые, пользователь переходит на соответстующую страницу.

7.6 – На главной как и на всех остальных страницах, вправом нижнем углу, никуда не пропадающий значек, наведя на который появляются два значка «НАВЕРХ» «ЗАКАЗАТЬ ЗВОНОК» когда курсор убирает, висит один полупрозрачный значек.

О страницах Как их вижу я.

8) «О нас»

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

Так же, надо реализовать функцию добавления изображений в поле «Сертификат дилера», что бы пользователь, мог ознакомиться с сертификатом (например при наведении курсора на изображение, оно увеличивается, но рассматриваю и иные варианты). В каком виде, разместить эти сертификаты: думаю 4х4 (4 в ряд 4 в столбец) лучше, что бы была возможность редактировать.

Основной вид текста страницы, будем согласовывать в процессе.

Ну и перед футером последние новости и карта.

9) Страница «ДОКУМЕНТАЦИЯ»

Можно использовать иконки – ссылку на них дам позже.

Технологии применения калькулятор Протоколы испытаний Проектная документация

Объекты применения Отзывы о продукции Сертификаты Термины

10) Технологии применения:

Переходя на эту страницу, пользователь видит несколько групп, в каждой группе по несколько материалов кликнув на материал, преходит на страницу с выбранным материалом (

например: Группа «носки» видим:

«как одевать носки»,

«Зачем одевать носки»,

«Как одеть носки перед сексом, что бы ОНА не заметила».

Выбираем «Как одеть носки» переходим на страницу с инструкцией. Все картинки должны быть читабельными с возможностью рассмотреть увеличенную копию (как вариант при наведении курсора) И текст читабельный.

11) РАЗДЕЛ Материалы:

При наведении на этот пункт меню, выпадают подпункты (группы товаров).

При кликании на пункт меню «ТОВАРЫ» открывается страница с группами товаров.

11.1) Внешний вид страницы «общей ГРУППЫ ТОВАРОВ»:

В зависимости от количества групп, пользователь видит количество модулей с картинкой и кратким описанием той или иной группы ( добавление фото, редактирование текста – редактируется из админской части сайта).

Хлебные крошки, заголовок страницы – задизайнены на усмотрение сайтостроителя (согласование по факту).

Перед футером последние новости.

11.2) Своства «модулей с картинкой и кратким описанием» при наведении:

Появляется бордер плавно.

Создается эффект увеличения содержимого выбранного модуля.

При убирании курсора с модуля, все эффекты уходят (эффекты согласовываются).

Сам модуль является ссылкой ( не только заголовок).

12) СТРАНИЦА ТОВАРОВ ВЫБРАННОЙ КАТЕГОРИИ

Все модули одинакового размера.

Количество товаров в ряд: 4 ( в адаптивном варианте от 2 до 1)

Количество товаров в столбец: неограниченно (настраивается в админской части сайта).

Товары расположены в модулях одинакового размера

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

12.1) в модулях располагается :

Название материала

ФОТО товара

Под фото – ТУ; ГОСТ и т.д. (желательно отдельный DIV для этого поля)

Ниже цена материала (указана за кг. И при выборе (заказе) материала пользователь выбирает тару, цена автоматически пересчитывается согласно таре).

Ниже: описание материала.

12.2) Свойства модуля выбранного материала:

При наведении курсора на модуль с материалом:

А) плавно появляется бордер,

Б) появляется эффект увеличения (возможно изменение будем согласовывать)

В) Появляются кнопки: ПОДРОБНЕЕ; СРАВНИТЬ; КУПИТЬ.

При убирании курсора, остается лишь краткое описание, фото, ТУ ГОСТ и т.д., ЦЕНА.

13) Карточка выбранного материала.

Дизайн карточки согласовывается!

В карточке изображено:

Фото товара; окно с ТАБами; цена за кг.; Производитель; рейтинг. (что то еще будем согласовывать)

Карточка должна быть выполнена с учетом всех мета тегов (гугл, яндекс)

Под окном с ТАБами, Статичный текст (для SEO).

Под этим текстом последние новости.

13.1) ОКНО С ТАБАМИ:

А) Следующие табы: ОПИСАНИЕ; ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ; ВИДЕО (с ютюб); КАЛЬКУЛЯТОР РАСХОДА; СЕРТИФИКАТЫ (скачать); ОТЗЫВЫ и КОММЕНТАРИИ.

В адаптивном виде, это окно выглядит в виде «АККАРДЕОНа» - по умолчанию, все табы закрыты. При выборе таба он открывается с начала.

А.1) Описание:

Этот ТАБ по умолчанию открыт при переходе на страницу там размещено описание материала.

А.2) ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ

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

А.3) ВИДЕО

Количество видео роликов возможно любое, для хранения видео буду использовать ЮТЮБ, а значит, в админской части сайта, надо реализовать возможность добавления HTML кода (или иными способами) это будем обсуждать.

А.4) КАЛЬКУЛЯТОР РАСХОДА

Есть готовый калькулятор, и можно использовать его, но внешний вид калькулятора, стоить задизайнить.

А.5) СЕРТИФИКАТЫ

В этом табе, лежат все сертификаты относительно материала в виде картинок с описанием.

А.6) ОТЗЫВЫ и КОММЕНТАРИИ

В этом табе, пользователь может отправить свои комментарии.

13.2) кнопки: КУПИТЬ, СРАВНИТЬ – дизайнк на усмотрение сайтостроителя (с согласованием)

14) СТРАНИЦА СРАВНЕНИЯ МАТЕРИАЛОВ

Страница адаптивна, Все поля равны, есть возможность фильтрации. (остальные вопросы согласовываются)

15) СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА

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

16) ЛИЧНЫЙ КАБИНЕТ

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

Для каждого кабинета, свои цены!

Например:

ВАСЯ ПУПКИН – не зарегистрировался – смотрит цену на сайте «Носок П» – 15руб.

ВАСЯ ПУПКИН - Зарегался как ВАСЯ ПУПКИН – смотрит цену на сайте «НОСОК П» - 10руб.

ВАСЯ ПУПКИН – Зарегался как МИСТЕР БИН – смотрит цену на сайте «НОСОК П» - 20 000$.

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

17) НОВОСТИ

При переходе на страницу, пользователь видит краткие описания новости, в виде ленты (столбец)

17.1) СТРАНИЦА ВЫВОДА ВСЕХ НОВОСТЕЙ

А) Краткое содержание новостей, выводится в виде модулей.

А.1) В модуле отображается: Фото новости, краткое описание.

Б) ЭФФЕКТ ПРИ НАВЕДЕНИИ КУРСОРА НА МОДУЛЬ

Б.1) При наведении на модуль появляется кнопка подробнее, плавно появляется бордер.

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

17.1) Страница вывода полной новости.

А) На странице – Фото новости, и полный текст.

Б) под новостью –комментарии пользователей (любые комментарии редактирую сам).

В) под комментариями - количество страниц копка «следующая» и «назад» - дизайн согласовываем.

Г) Под кол-вом страниц – последние новости.

18) Контакты

Контакты выполнены с четом мета тегов (яндекс гугл и т.д.)

В контактах указаны все контакты наши.

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

АДМИНСКАЯ ЧАСТЬ!

1) Удобность редактирования всех пунктов сайта.

2) Удобность изменения цен на сайте:

2.1 пример:

Мне надо изменить цены на сайте, я открываю соответствующий пункт, в котором вижу несколько столбцов: «НАИМЕНОВАНИЕ», «ЦЕНА ПОЛЬЗОВАТЕЛЯ», «ЦЕНА АВТОРИЗОВАНОВАГО ПОЛЬЗОВАТЕЛЯ» Жму на кнопку изменить цену и поля с указанными ценами, становятся активными для редактирования. После сохранения, изменения сразу отображаются на сайте.

3) Возможность добавлять, редактировать новости, статьи сайта.

По админской части согласования будут после выбора CMS

ТРЕБОВАНИЯ К CMS:

CMS – может быть любая! Главные критерии:

1) БЕЗОПАСНОСТЬ CMS

2) СТАБИЛЬНОСТЬ

3) ВОЗМОЖНОСТЬ СТАВИТЬ НА ЛЮБЫХ ХОСТИНГАХ (или почти любых).

4) УДОБСТВО ПОЛЬЗОВАНИЯ.

5) СКОРОСТЬ РАБОТЫ

УСЛОВИЯ ОПЛАТЫ

100% после всех выполненных работ, после тестирования тестами ЯНДЕКС, ГУГЛ, после тестирования на БАГИ, различными устройствами на айфонах, на планшетах, на андроид устройствах.

К готовому сайту подробная инструкция пользования сайтом + помощь в установке на выбранный мной хостинг.

СТОИМОСТЬ за выполнение вышеописанного ТЗ с учетом согласований.

228$ - По курсу 20.09.15