Доработка сайта на WordPress. Dekstop+mob Этап 1
253 PLNЗдравствуйте!
Есть прототип сайта на 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
что бы вышло вот так
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) Футер.
Формат футера надо привести к формату некоторых элементов на макете.
Вставить лого как на макете.
Убрать жирный шрифт и сделать такой же интервал междустрочный в строках колонок.
Изменить нижнюю полоску с защитой прав.
13) Блок Отзывы - добавить его Вторым.
Вот такой блок http://prntscr.com/syzjg5
При нажатии на фото - должна увеличиваться.
Вставить его перед блоком “Фактуры потолков”
При этом фон блока ““Фактуры потолков” сделать равномерно бежевым http://prntscr.com/syzpv0
А фон блока Отзывы - Белый.
14) Блок Фактуры и Палитра
Это всего 2 блока которые “вылазят” за рамки общей ширины.
Нужно их выровнять по макс ширине остальных блоков. Пропорционально уменьшив ширину блоков.
http://prntscr.com/syzqyt
15) Блоки “Сертификаты” и “наш договор” поменять местами.
МОБ ВЕРСИЯ. смотри макет
Блок “Информация о пленке” на моб версии НЕ выводиться блок описания! см макет
БЛОК РЕАЛЬНЫЕ ОТЗЫВЫ
Слайдер.
При нажатии на фото - фото максимально увеличивается на экран телефона ВМЕСТЕ с нижним блоком “перевода”. В таком увеличенном виде так же должна быть возможность слайдить.
БЛОК ФАКТУРЫ ПОТОЛКОВ
При нажатии - переводит на отдельную страницу описания.
БЛОК ЦВЕТОВАЯ ГАММА
Слайдер, на подобии как ОТЗЫВЫ но с другим стелем боковых стрелочек.
При нажатии на фото - открывается на весь моб экран.
БЛОК ВОЗМОЖНОСТИ ДИЗАЙНА
При нажатии переводит на отдельную страницу описания.
БЛОК НАШИ РАБОТЫ
Работает идентично как на ПК и сайте примере. panno.biz.ua (доступ к ftp сайту есть)
БЛОК СЕРТИФИКАТЫ
При нажатии на фото увеличивает его максмально на весь экран. Доступен сладер в таком увеличенном виде.
НАШ ДОГОВОР
Аналогично Сертификатам.
ЗАПИСАТЬСЯ НА ЗАМЕР
Все поля имеют Маски как на макете. Поле “телефон” единственное обязательное, и его фон выделяется цветом #ff99a0
“дата замера” и “Время” имею формат как сейчас - с диапазоном выбора.
НАША КОМАНДА
При наличии больше 4-х фото - слайдер. Без автопрокрутки.
ФУТЕР
“Популяные страницы” могут добавляться/меняться - нужен функционал простой смены/добавления их.
“Меню” - простое меню бутерброд, как и в Хеддере.
Внизу копирайт сделать по годам в формате “2013-2020” где на месте “2020” нужно что бы был актуальный год. Если это можно сделать автоподстановкой.
--------------
ДОП ИНФО
Так же на сайте есть ряд открывающихся форм и отправок писем, их нужно вставить и в последствиии откорректирую дизайн и их подправить.
“Заказать звонок” “Записаться на замер” - формы должны отправлять письма (заявки) на указанную почту.На сайте есть разделы которые пока не задействуются в данной работе, например: http://prntscr.com/t4gmkr
ИХ просто отключаем, НЕ УДАЛЯЕМ! Они будут дорабатываться следующими этапами. Нужно показать где они включаються.
Страницы “Цены” и “Полезно знать” будут дорабатываться следующими, сразу после сдачи Главной.
Załączniki 1
Opinia zleceniodawcy o współpracy z Nikita Prihodko
Доработка сайта на WordPress. Dekstop+mob Этап 1Отличная работа и коммуникация!! Рекомендую!!
Opinia freelancera o współpracy z Dmitro Yarmolenko
Доработка сайта на WordPress. Dekstop+mob Этап 1Дмитрий отличный заказчик, всегда на связи, не смотря на то, что не успел по срокам, отреагировал адекватно, приятно работать с такими людьми. Рекомендую к сотрудничеству!
-
1108 30 0 Здравствуйте! Прочитал ТЗ, готов к работе. Последние работы:
Freelancehunt
-
1144 39 3 4 Добрый день! Сейчас свободный, готов выполнить ваш проект, пишите в личные сообщения - обсудим.
Некоторые мои работы:
https://tatestyle.com/
http://idalgo-clinic.kg/
http://esen.group/
http://dconfilm.com
https://rtsb.wpengine.com/
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Stworzenie strony internetowej dla firmy księgowej na WordPressie (na gotowym szablonie)
2105 PLN
Dzień dobry. Jesteśmy firmą księgową - chcemy stworzyć stronę internetową dla firmy księgowej na WordPressie (na gotowym szablonie) w dwóch językach. Ma być zoptymalizowana pod kątem wyszukiwania w Google i SEO. Programowanie stron internetowych ∙ 23 godziny 40 minut temu ∙ 91 ofert |
Dopracowanie systemu ewidencji czasu pracy w ASP.NETPotrzebny programista .NET do małego projektu — systemu obliczania wynagrodzeń pracowników. Trzy zadania: Rozwinąć system na naszym subdomenie (domena i dostęp zostaną podane). Audyty formularza logowania + poprawki dotyczące bezpieczeństwa w razie potrzeby. Zrealizować… Programowanie stron internetowych ∙ 23 godziny 53 minuty temu ∙ 32 oferty |
Należy stworzyć nowoczesną stronę internetową dla firmy zajmującej się sufitami napinanymi w Polsce.
2400 PLN
Potrzebny nowoczesny premium design, adaptacja na urządzenia mobilne, szybkie ładowanie, SEO, animacje, kalkulator, portfolio, formularz zgłoszeniowy. Preferowane doświadczenie w tworzeniu stron w Polsce, landingów dla firm budowlanych lub remontowych. Koniecznie prześlij… Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 2 godziny temu ∙ 136 ofert |
Szukamy programisty Frontend do platformy edukacyjnejFrontend-developerhttps://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0Cześć!Szukamy frontend-developera do pracy nad nowoczesną platformą muzyczną Muse.Projekt ma już gotowy design w Figma, działający backend… Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 3 godziny temu ∙ 88 ofert |
Redesign i SEO-optymalizacja strony na platformie Prom.uaSpecyfikacja techniczna Strona: protone.com.uaGłówny cel Należy uczynić stronę nowoczesną, wizualnie atrakcyjną, wygodną dla użytkownika oraz maksymalnie przygotowaną do promocji w wyszukiwarkach i wewnątrz marketplace'u Prom.ua. Główny nacisk — poprawa designu, struktury… Programowanie stron internetowych, Projektowanie stron internetowych ∙ 1 dzień 4 godziny temu ∙ 25 ofert |