Сайт сделан на WP + Woocommerce У нас есть такая карточка товара - https://silaknigi.by/product/atomy-u-nas-doma/ Нужно переверстать ее к следующему внешнему виду: http://joxi.ru/V2VY8bbSxXEZZm?d=1 Обратите внимание, что вероятнее всего придется изменить HTML ...
Сверстать лендос и сделать 12 копий копии отличаются текстом
Работа на Wordpress, без предоплат
Сайт – petrovich.house
Нужно сверстать лениднг, что на картинке (иходник в PSD готов), который будет копироваться 12 раз на 12 разных страниц с заменой текста, возможной заменой пары картинок (фоновой на шлавном екране, слайдер).
По блокам:
№1 – главный екран. Тут все просто, в форме захвата контактов сделать так, что бы +38 уже были введены и человеку хотелось дописать.
№2 Это слайдер этапа работ. Нужно сделать так, что бы был текст, был слайдер, можно было переключить. Результат был выведен в рамку, как на примере. Текста уже все на сайте установлены +есть в ворд формате. Могу в любом удобном скинуть, их нужно будет там разместить красиво.
№3 – Наши работы тут будет 5 слайдов вот отсюда petrovich.house/wp-conten... с примерами наших работ и параметрами.
№4 Материал – это, вомзожно, самый сложный блок, для меня. Лупа, увеличительное стекло – это будет анимация, я сейчас в процессе поиска исполнителя, кто мне нарисует ее. И брус, это профилированный, то есть квадратный, мы нарисуем еще круглый и клееный. На разных вариантаъ лендинга нужно будет сделать 1 их 3х видов бруса. То есть все тоже самое, отличие между страницами в картинке бруса, анимации и несколько сносок нужно будет удалить. То есть на пример у нас 4 страници по клееному брусу, на них нужно будет поставить другую картинку бруса, которую мы нарисуем, другую анимацию, и удалить 2 сноски про "решен вопрос усадки" и "окоряем бревно только скобелем". Это пример.
№5-7-8 тут все, вроде понятно.
№9 Доп работы – слайдер, 6 картинок, картинки могу дать отдельно. Эти картинки использовать + качеля + беседка take.ms/BYKEg и сделать слайдер цикличным, то есть, что с последней картинки переход был на первую.
№10 – тут вроде тоже все ясно
№11 – это блок часто задаваемые вопросы, суть его такая, что бы вместить дохрена текста и не занимать много места. По этому слева вопросы, при нажатии открывается ответ, если ответ не помещается в екран, появляется скрол, для того, что бы текст можно было перетянуть. На каждой странице будет отдельный текст. Подобный блок реализован здесь kedrhouse.com.ua
Кстати, потом этот блок нужно будет скопировать и поставить вниз главной страницы. Туда мы тоже текст накатали.
№12 последний блок это карты. У дизайнера не получилось его сделать красивым. Я решил его не мучать так как подозреваю, что это будет искатся какой-то плагин с ограниченным функионалом, может я ошибся, я не знаю. Суть этого блока – показать где мы уже построили. Вот как я это реализовал ранее – take.ms/vG6lA . В кружке – кол-во построек. Цвет круга – тип здания. Цвет круга можно не передавать, но нужно придумать решение, как передать, что мы строили много и строили везде. Мне нравится как это реализовано здесь фабрика-батутов.рф и где-то я видел такой-же только черный фон. Могу предоставить ексельку с городами где, строили.
Дальше по верстке :
Сначала делаем 1 страницу, потом просто ее копируем 12 раз с небольшими изменениями текста и картинок так сказать типо мультилендинг.
Потом блок частозадаваемые вопросы нужно вставить и на главную.
Эту 1 страницу нужно сразу сделать оптимизированную для гугла developers.google.com/spe...
Меня интересует, что бы все показатели были зеленые.
Эту страницу нужно сделать адаптивной под разные устройства. Что бы я заходил с телефона и у меня оно нормально отображалось. Телефон, планшет, ноутбук. Это для меня очень важно. Если есть большие сложности с оптимизацией блока под узкий екран – пишите мне, возможно блок удалим для мобильной версии (насколько я знаю, можно, что бы в моб версии загружались не все блоки). Эту страницу нужно сделать без ошибок кода, что бы в самых популярных версиях браузеров она работала нормально. Я не требую идеала, мне нужно "нормально" не "вырви глаз". Что бы буквы не выходили за пределы блока, картинки не разьезжались и тд.
Проверять буду на сайтах:
Не знаю важно это или нет, но сайт в 2х языковых версиях по этому нужно, что бы каждая страница еще скопировалась с рус. Языка на укр. Перевод текста и заголовков можем сделать мы, но не всей страницы, например формы оставления контактов мы переводить не умеем. Весь этот текст уже стоит на страницах. Например:
Укр – petrovich.house/uk/finski...
Рус- petrovich.house/finskiye-...
Весь текст уже стоит на странице в 2х языковых версиях.
Так же мелкое изменение подвала:
Нужно эти 12 страниц добавить в подвал
вот пример как это реализованно у конкурентов take.ms/HFRoN
Я вижу это так take.ms/OnZoe – раздвинуть немного блоки и вместить .
Заявки фрилансеров
Похожие заказы
- HTML-верстка6 заявокЗакрыт8 лет назад
Требуется, сверстать готовый дизайн адаптивно, сделать сайт на фоне него с админ панелью. В предложениях описывайте предположительные сроки и цену. Если не готовы их назвать, напишите любой свой пример из портфолио и скажите сколько ...
HTML-верстка15 заявокЗакрыт8 лет назад1. Сделать в меню шрифт более темный в моб версии 2. В описании товара и в превью описании шрифт черный в моб версии 3. В моб.и пк версии добавить телефон 4. Заказ ...
HTML-верстка3 заявкиЗакрыт8 лет назадЕсть макеты сервиса, необходима верстка. Макеты в PSD. Около 20 штук, включая попапы и личный кабинет, страницы в котром более-менее однотипные. Вышлю при личной переписке. Необходимо сверстать их на Bootstrap. Также нужна ...
HTML-верстка1 исполнительЗавершен8 лет назадприветствую, http://rockbunker.ru/ 1. подготовлена функция показа лэйблов к товарам. (скидка, новинка и тд) как оно должновыглядкть, см файл, слоями подготовлены все возможные варианты, всего 5 там стилями на100% не ...
HTML-верстка1 заявкаЗакрыт8 лет назадНужна качественная верстка сайта и натяжка на ворд пресс (некоторых страниц) Сейчас готова комп версия, будет версия планшет и мобилка drive.google.com/open?id=... Ищу специалиста! Просьба приложить свои ...
HTML-верстка1 исполнительЗакрыт8 лет назад- $30
Нужно сверстать дизайн 1 страницы адаптив
HTML-верстка1 исполнительЗавершен8 лет назад Адаптивная версия сайта MosMebelPlus.ru Требуется сделать дизайн адаптивной версии сайта. Главная страница, страница каталога, карточка товара и контакты.
HTML-верстка7 заявокЗакрыт8 лет назадНужно сверстать Landing Page по готовому дизайн . Landing не большой,не сложный 6-8 экранов . Нужно сделать адаптивным и добавить простенькую анимацию. Psd вышлю исполнителю.
HTML-верстка1 исполнительЗавершен8 лет назадЕсть магазин на Prestashop, необходимо переделать его дизайн по PSD макетам. 7 страниц дизайнов (во вложении пример главной страницы). Мобильная версия - бутстрап. Сайт на иврите. Нужен человек, который хорошо знает принципы ...
HTML-верстка2 заявкиЗакрыт8 лет назад