Здравствуйте, Уважаемые фрилансеры! Нужно сделать шаблон для wordpress по техническому заданию.
Техническое задание разбито по страницам. Визуальный вид каждой страницы представлен на фотографиях. Фотографии подписаны.
Шаблон также должен быть адаптирован под мобильные устройства.
Стр. 1 (Главная)
1) Суть работы квадратов с направлениями "Отношения" , "Ораторское искучсство " и т.д. пример >
(Квадраты должны находиться рядом в притык друг к другу)
-форму захвата хотелось бы , как на этом сайте
– при наведении квадрат мягко вдавливается ,при нажатии плавно раздвигается
– нужная возможность в последующем увеличивать количество квадратов
– нужна возможность
– в шапке сайта ,при наведении на любой из разделов "Главная " и т.д. – они отображаются другим цветом.( зелёным #3CB371 )
– стрелка в кружочке под главным видео ,плавно переносит нас вниз
2) в верхней шапке , всё является кнопками ,кроме логотипа
3) нужна возможность добавления разделов в шапке сайта
4) нужна возможность изменения текста во всех разделах
6) цвет шапки > (#708090) надписи "Главная " и т.д. на фоне белым цветом , при наведении на них курсора , заливаются зелёным цветом (#3CB371)
7) фон за главным видео > (фотография)
8) фон там где тематические квадраты >( #F5F5F5)
9) тематические квадраты ,каждый отображается своим цветом ( цвета в конце данного файла)
Стр 1.2 (Главная)
- это страница описывает ,что происходит ,когда нажимаешь на один из квадратов.
- это вариант когда один тренер присутствует в разделе
- справа стандартная форма захвата . Слева комбинированная форма захвата ,как внизу этого блога >
, скину пример фотографией (Прил.1) в этой форме захват только имени и имэйла.
- справа также форма для потенциальной рекламы мероприятий
- форма со статьями данного автора
Стр. 1.3 (Главная)
- это вариант когда в разделе уже несколько тренеров , ты нажимаешь на квадрат на стр.1 ,и открывается перечень с коротким описанием каждого тренера ( эта функция должна присутствовать ,но внедрена должна быть не сразу)
- при нажатии на "узнать больше" , открывается стр.1.2
- при нажатии на крестик , полоска с тренером скрывается
Стр. 3.1 (Блог)
- пример блога >
- цитаты в разделе блог , автоматически перелистываются
- цвет шапки не меняется
- цвет фона за цитатами соответствует фону выбранной тематики т.е. если выбран раздел ораторское искусство , то фон (#9370DB) .
- фон ,начиная от раздела статьи и заканчиваю границей с нижней шапкой цвет >(#eee9e9)
Стр 3.2(Блог)
- кнопки на формах захвата ,соответствуют цветам разделов тематик ,в которых они находятся .
- пример страницы с отдельной статьёй >
(у нас страница заканчивается на отзывах ,после отзывов идёт нижняя шапка )
Стр. 4.1 (Тренинги)
- расцветка соответствует странице 3.2
Стр. 4.2 (Тренинги)
- пример
-цвет под поисковой строкой ,соответствует цвету данной тематики , пример : "Ораторское искусство и лидерство"
-справа в зависимости от курса форматы : "Бесплатно" "Платно"
"Бесплатно" – это не кнопка , "Платно" – это кнопка ,при нажатии на которую всплывает поп ап окно ,с выбором возможности оплаты . После оплаты , с видео снимается замочек и появляется кнопка плей )
- отзывы аналогичны примеру по ссылке , возможность прокомментировать ,либо оставить отзыв ,появляется у человека ,только после просмотра видео .
- обязательна возможность добавления блоков справой стороны
- фоновые цвета соответствуют цветам при открытиии отдельной статьи
Стр. 5 (Анкета тренера)
- аналогичная анкета (только сделанная не через google docs)
- две нижние строки 1 (соц.сети) , 2( иные данные) должны присутствовать на каждой странице. Цвет данной строки ( #708090)
- самая нижняя строка будет включать в себя разделы данных о регистрации , политика конфиденциальности и т.д. (будут уточняться) цвет этой строки > (#696969)
Разделы шапки сайта , правильно указаны на фото страницы 1.2 и 1.3
Цвета надписей на всём сайте ,которые являются ссылками , при наведении отображаются цветом раздела ,в котором они находятся.
Фоновые цвета квадратов и тематик :
- ораторское искусство и лидерство (#9370DB) мягкий фиолетовый
- отношения (#C71585 ) бордовый
- здоровое питание (#F0E68C) жёлтый
- здоровое тело (#3CB371) тёмно зелёный
- продажи (#DC143C) красный
- практическая психология (#DAA520) золотой
- финансовая грамотность (#20B2AA) зелёный
- Целеполагание (#cdaf95 ) коричнево-бежевый
- тайм менеджмент (#4169E1 ) синий