Здравствуйте!
Есть прототип сайта на WordPress который нужно доделать по ТЗ и Макету.
Сайт на последней версии WP и PHP 7.2
На первом этапе нужно преобразить
Главную страницу
Потом отдельно несколько типов страниц
Детальное тз по ссылке
https://docs.google.com/document/d/1pj4Pkha_JLVrdCDn8BM3cZxQShgsIYfw2q9MdXqyddY/edit?usp=sharing
домен сайта находиться в ТЗ
Макет моб версии прикладываю.
Для фиксации тз дублирую его сюда
----------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------
На всем сайте надо заменить шрифт на Blogger Sans
На сайте ВСЕ кнопки имеют фоновый цвет #f0303d, при нажатии/наведении делаем ховер #cf1b15
1) Главная. Header
- Должен быть вот такой http://prntscr.com/syzuqt
2) Сейчас основной цветовой фон сайта #cf1b15
Нужно его сменить на #f0303d
В целом будет выглядеть вот так
http://prntscr.com/t0nkw4
Но старый цвет #cf1b15 остаеться на всех надписях.
Надписи - #cf1b15
Фоны - #f0303d
3) Форму на главной надо сменить, удалить черные рамки и кнопку “записаться на консультацию” растянуть на всю ширину блока
http://prntscr.com/t0nmp2
что бы вышло вот так
http://prntscr.com/t0nner
4 ) На широком мониторе не хватает ширины заливки
http://prntscr.com/t0nno6
5) В названиях ВСЕХ блоков нужно отцентровать названия относительно фона
http://prntscr.com/syjano
что бы было вот так
http://prntscr.com/syjb6n
6) Блок изображений подтянуть выше к названию блока, что бы расстояние между началом блока и началов фото было одинаковое
http://prntscr.com/syjcng
7) При наведении на элемент он выделяется вот так
http://prntscr.com/syjdsu
а нужно вот так
http://prntscr.com/syje3k
8) Блок “инфо и пленке” выглядит некорректно по размерам, левая колонка описания больше чем фото пленки а фото пленки меньше чем текст пояснений
http://prntscr.com/syjfgq
должно быть вот так
http://prntscr.com/syjfzc
За основу взять размер фото пленки
9) Размер отступа от Названия блока до контента не должен превышать расстояния как здесь
http://prntscr.com/syz5u4
в остальных блоках как привило это расстояние большое и его нужно уменьшить
http://prntscr.com/syz668
10) Блок “Наши работы” нужно переделать
http://prntscr.com/syza53
что бы был такой вид как на сайте https://panno.biz.ua/ (доступ к ftp сайту есть)
Только к каждой фотографии должно быть место для описания фото
http://prntscr.com/syzc5r
цвета использовать соответствующие нашему сайту (не берюзовый фон), а соответственно макету как на МОБ версии. http://prntscr.com/t4gfyr
11) Здесь http://prntscr.com/syzcvi кнопка “Записаться” должна иметь вид как здесь + рамки полей - черные
http://prntscr.com/syzda6
Наша комманда. http://prntscr.com/t4gdqq
Нижние строки нужно убрать. Нужно отключить авто карусель, что бы само не прокручивалось.
12) Футер.
Формат футера надо привести к формату некоторых элементов на макете.
http://prntscr.com/syzgz4
Вставить лого как на макете.
Убрать жирный шрифт и сделать такой же интервал междустрочный в строках колонок.
Изменить нижнюю полоску с защитой прав.
13) Блок Отзывы - добавить его Вторым.
Вот такой блок http://prntscr.com/syzjg5
При нажатии на фото - должна увеличиваться.
Вставить его перед блоком “Фактуры потолков”
При этом фон блока ““Фактуры потолков” сделать равномерно бежевым http://prntscr.com/syzpv0
А фон блока Отзывы - Белый.
14) Блок Фактуры и Палитра
Это всего 2 блока которые “вылазят” за рамки общей ширины.
Нужно их выровнять по макс ширине остальных блоков. Пропорционально уменьшив ширину блоков.
http://prntscr.com/syzqyt
http://prntscr.com/syzs6a
15) Блоки “Сертификаты” и “наш договор” поменять местами.
МОБ ВЕРСИЯ. смотри макет
Блок “Информация о пленке” на моб версии НЕ выводиться блок описания! см макет
БЛОК РЕАЛЬНЫЕ ОТЗЫВЫ
Слайдер.
При нажатии на фото - фото максимально увеличивается на экран телефона ВМЕСТЕ с нижним блоком “перевода”. В таком увеличенном виде так же должна быть возможность слайдить.
БЛОК ФАКТУРЫ ПОТОЛКОВ
При нажатии - переводит на отдельную страницу описания.
БЛОК ЦВЕТОВАЯ ГАММА
Слайдер, на подобии как ОТЗЫВЫ но с другим стелем боковых стрелочек.
При нажатии на фото - открывается на весь моб экран.
БЛОК ВОЗМОЖНОСТИ ДИЗАЙНА
При нажатии переводит на отдельную страницу описания.
БЛОК НАШИ РАБОТЫ
Работает идентично как на ПК и сайте примере. panno.biz.ua (доступ к ftp сайту есть)
БЛОК СЕРТИФИКАТЫ
При нажатии на фото увеличивает его максмально на весь экран. Доступен сладер в таком увеличенном виде.
НАШ ДОГОВОР
Аналогично Сертификатам.
ЗАПИСАТЬСЯ НА ЗАМЕР
Все поля имеют Маски как на макете. Поле “телефон” единственное обязательное, и его фон выделяется цветом #ff99a0
“дата замера” и “Время” имею формат как сейчас - с диапазоном выбора.
НАША КОМАНДА
При наличии больше 4-х фото - слайдер. Без автопрокрутки.
ФУТЕР
“Популяные страницы” могут добавляться/меняться - нужен функционал простой смены/добавления их.
“Меню” - простое меню бутерброд, как и в Хеддере.
Внизу копирайт сделать по годам в формате “2013-2020” где на месте “2020” нужно что бы был актуальный год. Если это можно сделать автоподстановкой.
--------------
ДОП ИНФО
Так же на сайте есть ряд открывающихся форм и отправок писем, их нужно вставить и в последствиии откорректирую дизайн и их подправить.
“Заказать звонок” “Записаться на замер” - формы должны отправлять письма (заявки) на указанную почту.
На сайте есть разделы которые пока не задействуются в данной работе, например: http://prntscr.com/t4gmkr
ИХ просто отключаем, НЕ УДАЛЯЕМ! Они будут дорабатываться следующими этапами. Нужно показать где они включаються.
Страницы “Цены” и “Полезно знать” будут дорабатываться следующими, сразу после сдачи Главной.
Freelancehunt
