Работа на Wordpress, работаю по БС.
Сайт –
Нужно сверстать лениднг, что на картинке (иходник в PSD готов), который будет копироваться 12 раз на 12 разных страниц с заменой текста, возможной заменой пары картинок (фоновой на шлавном екране, слайдер).
По блокам:
№1 – главный екран. Тут все просто, в форме захвата контактов сделать так, что бы +38 уже были введены и человеку хотелось дописать.
№2 Это слайдер этапа работ. Нужно сделать так, что бы был текст, был слайдер, можно было переключить. Результат был выведен в рамку, как на примере. Текста уже все на сайте установлены +есть в ворд формате. Могу в любом удобном скинуть, их нужно будет там разместить красиво.
№3 – Наши работы тут будет 5 слайдов вот отсюда
с примерами наших работ и параметрами.
№4 Материал – это, вомзожно, самый сложный блок, для меня. Лупа, увеличительное стекло – это будет анимация, я сейчас в процессе поиска исполнителя, кто мне нарисует ее. И брус, это профилированный, то есть квадратный, мы нарисуем еще круглый и клееный. На разных вариантаъ лендинга нужно будет сделать 1 их 3х видов бруса. То есть все тоже самое, отличие между страницами в картинке бруса, анимации и несколько сносок нужно будет удалить. То есть на пример у нас 4 страници по клееному брусу, на них нужно будет поставить другую картинку бруса, которую мы нарисуем, другую анимацию, и удалить 2 сноски про "решен вопрос усадки" и "окоряем бревно только скобелем". Это пример.
№5-7-8 тут все, вроде понятно.
№9 Доп работы – слайдер, 6 картинок, картинки могу дать отдельно. Эти картинки использовать + качеля + беседка
и сделать слайдер цикличным, то есть, что с последней картинки переход был на первую.
№10 – тут вроде тоже все ясно
№11 – это блок часто задаваемые вопросы, суть его такая, что бы вместить дохрена текста и не занимать много места. По этому слева вопросы, при нажатии открывается ответ, если ответ не помещается в екран, появляется скрол, для того, что бы текст можно было перетянуть. На каждой странице будет отдельный текст. Подобный блок реализован здесь
Кстати, потом этот блок нужно будет скопировать и поставить вниз главной страницы. Туда мы тоже текст накатали.
№12 последний блок это карты. У дизайнера не получилось его сделать красивым. Я решил его не мучать так как подозреваю, что это будет искатся какой-то плагин с ограниченным функионалом, может я ошибся, я не знаю. Суть этого блока – показать где мы уже построили. Вот как я это реализовал ранее –
. В кружке – кол-во построек. Цвет круга – тип здания. Цвет круга можно не передавать, но нужно придумать решение, как передать, что мы строили много и строили везде. Мне нравится как это реализовано здесь
и где-то я видел такой-же только черный фон. Могу предоставить ексельку с городами где, строили.
Дальше по верстке :
Сначала делаем 1 страницу, потом просто ее копируем 12 раз с небольшими изменениями текста и картинок так сказать типо мультилендинг.
Потом блок частозадаваемые вопросы нужно вставить и на главную.
Эту 1 страницу нужно сразу сделать оптимизированную для гугла
Меня интересует, что бы все показатели были зеленые.
Эту страницу нужно сделать адаптивной под разные устройства. Что бы я заходил с телефона и у меня оно нормально отображалось. Телефон, планшет, ноутбук. Это для меня очень важно. Если есть большие сложности с оптимизацией блока под узкий екран – пишите мне, возможно блок удалим для мобильной версии (насколько я знаю, можно, что бы в моб версии загружались не все блоки). Эту страницу нужно сделать без ошибок кода, что бы в самых популярных версиях браузеров она работала нормально. Я не требую идеала, мне нужно "нормально" не "вырви глаз". Что бы буквы не выходили за пределы блока, картинки не разьезжались и тд.
Проверять буду на сайтах:
Не знаю важно это или нет, но сайт в 2х языковых версиях по этому нужно, что бы каждая страница еще скопировалась с рус. Языка на укр. Перевод текста и заголовков можем сделать мы, но не всей страницы, например формы оставления контактов мы переводить не умеем. Весь этот текст уже стоит на страницах. Например:
Укр –
Рус-
Весь текст уже стоит на странице в 2х языковых версиях.
Так же мелкое изменение подвала:
Нужно эти 12 страниц добавить в подвал
вот пример как это реализованно у конкурентов
Я вижу это так
– раздвинуть немного блоки и вместить .