Обновить вёрсту по PSD и доработка WP согласно ТЗ
Работающий лэндинг порули.рф перепрофилируется под услугу "аренда авто с правом выкупа".
Условия
-------
5000р, 2дня
Я постоянно на связи, адекватно разберёмся с любой возникшей проблемой.
Preview макетов
-----
https://www.dropbox.com/sh/6ye7t0dv88z01i8/AAASjTxbkX1Rpyn5aPH2SExGa?dl=0
ТЗ
---------
- Сверстать 4 страницы:
порули.рф/ - главная страница с выбором типа лэендинга - по макету "index.psd"
порули.рф/rent/ - лэндиг "арендовать с правом выкупа" - по макету "poruli-rent.psd"
порули.рф/give/ - лэндиг "сдать в аренду с правом выкупа" - по макету "poruli-give.psd"
порули.рф/car/<название авто>/ - страница для каждой машины из каталога - по макету "car.psd"
- Текущая вёрстка никуда не годится, поэтому верстать с 0. То есть зачистить style.css и делать все сначала.
Все элементы лэндинга находятся в отдельных блоках. В css называть их так же как папки в макете фотошопа.
Так будет удобнее в дальнейшем расширять сервис. Естественно я не против заимствования кусков текущих с тилей. Главное - читый код.
Требуется макимально точное соответствие вёрстки макету. Если макет где-то врёт - нужно его подправить.
Важно чтобы макет был актуален текущей версии вёрстки.
- Верстать используя Bootstrap, отдельная вёрстка под телефон не требуется, но нужно чтобы ничего не съезжало.
PSD делался с сеткой бутстрапа под 12 колонок
- Все картинки что не являются фоном хранить под WP, а не в каталоге темы. Это позволит настроить их alt-ы через WP для поисковиков
- Читый код. Проект будет разрастаться, поэтому чистый код обязателен.
- Физика "index.psd":
Картинка девушки на весь экран
2 кнопка при нажатии ведут на Страницы порули.рф/rent/ и порули.рф/give/
- Физика heder:
Меню абсолютно прикреплено сверху. Аналог меню на selmon.co
- Физика раздела макета banner:
при нажатии на кнопки переход на соответствующии страници
- Физика кнопок заявки :
открытие встплывающего окна с формой для имени и телефона
- Физика раздела Автопарк :
аналогична той что есть сейчас только вместо всплывающего окна открывается страница с выбранной машиной :)
- физика страницы машины:
Preview автомобилей и "Похожие автомобили" находятся в слайдере и их можно листать
Кнопка назад в меню ведёт на страницу "Арендовать"
В заголовке есть зелёная надпись "свободна". Машина может находиться в 3 состояниях: свободна - зел., зарезервирована - оранж., сдана - красный. Нужно делать соответствующий индикатор. Информация о машине берётся из таблицы в php.
при наведении мыши на PreView выбранное авто отображается в основном окне, а при клике - открывается всплывающее окно, где можно пролистывать все имеющиеся фото авто.
на графике 3 цифры на оси OY должны быть сверстаны как текст, чтобы их значение можно было менять
- Все стили должны быть в файле стилей WP style.css, а не в атрибуте style
- Сейчас html лэндинга разделён по блокам и лежит в заметках. Это не правильно. Нужно сдлеать 4 Страницы WP под каждый макет.
В них можно вызывать php-функции из functions.php используя шорт-коды. Так разметка и код будут хорошо разделены.
- В файле functions.php лежит большой массив с описанием машин. Все машины упорудочены по номерам. Вместо номеров в массиве с машинами нужно использовать их уникальные названия - <название авто>, которые будут служить адресами страниц. порули.рф/car/<название авто>/
По этому <название авто> со страницы авто можно будет доставать данные о машине при помощи шорт-кода.
- Обязательное требование: сверстайте так, чтобы сайт можно было смотреть с телефонов и планшетов. А не как это выглядит сейчас:
https://www.dropbox.com/s/xn85nqp3de9r02o/iphone-1.png?dl=0
https://www.dropbox.com/s/vdiapsiipnbhoqj/iphone-2.png?dl=0
Я готов ответить на любые вопросы по заданию. Объяснить что нужно сделать поподробнее. Либо же выслушать предложения и конструктиво их обсудить.
Исполнителю сразу высылаю PSD макеты, FTP и WP аккаунт.