Фрилансеры предложат решение вашей задачи уже через несколько минут!

Публикация заказа на фриланс бирже не займет много времени.

3 года назад
Руслан И.
30 лет, Россия
3 года в сервисе
Был онлайн 3 года назад
3 года назад

Здравствуйте уважаемые специалисты, нужно сверстать сайт из 5 страниц, вот макет: yadi.sk/d/rvAD3xFLrGjmt  

Для начала изучите общие требования к сайтам которые мы делаем:   

1. Установлена favicon   
2. Соответствие макетной сетке!   
3. Кроссбраузерность верстки (IE, Firefox, Chrome, Safari)   
4. Во всех формах должна стоять проверка на валидность введных даных и маска номера телефона +7 (ххх)ххх-хх-хх   
5. Кликабельный номер телефона   
6. Оптимизация ВСЕХ изображений на сайте  
7. Реферальные хвосты не сбрасываются и вносятся в значения формы динамически   
8. Каждая форма должна быть подписана, что бы в заявку приходила информация какую форму заполнил пользователь   
9. Установка UTM-меток   
10. Знание Photoshop так как макеты в формате psd   
11. Все эффект которые Вы применяете, должны работать плавно, без рывком!   
12. Прикрутить счетчик Я.Метрики   

Теперь я максимально подробно попробую рассказать вам как и что должно выглядеть на сверстанном сайте, если вам что то покажется не понятным, я на связи в скайпе, вот мой логин: iljusha_r   

Начнем с главной страницы сайта:  
1. Верхняя строка меню при прокрутке страницы, "приклеивается" к верхней границе экрана. Только строка, не вся шапка yadi.sk/i/tGKyTFkyrGkgD  

2. При вводе каталожного номера в форму на главном экране, пользователя переносит на страницу каталога, и там уже "вбит" номер детали в соответствующей форме, это же относится к форме поиска в строке меню yadi.sk/i/7_rH-7cqrGm2C  

3. Блок "Каталог" при вводе артикула в форму поиска нас переносит на страницу каталога (см. пункт выше) при клике на один из 8 пунктов ниже, нас так же переносит на страницу каталога и в фильтре слева уже выбрана соответствующая категория. Справа в блоке слайдер с фото yadi.sk/i/3AFMjq8SrGmX5  

4. Далее идет форма захвата, для номер при клике на форму появляется маска телефона.   

5. Далее на странице все "статично" вплоть до блока "Гидроразводка" там только одна кнопка "Перейти на страницу" которая ведет на страницу по гидроразводке yadi.sk/i/RWJc9CxfrGn2X  

6. В самом конце, перед футером форма захвата "Остались вопросы?" Эта форма в конце каждой страницы  

7. В футере все пункты меню кликабельны (главная, каталог и т.д.) При клике на надпись "Создано в маркетинговом агентстве Михаила Клюева" в новом окне открывается сайт kluev.bz Номер телефона и почта кликабельны, как и в шапке сайта.  

Теперь разберем страницу каталога, эта страница как мне кажется наиболее сложная для понимания и реализации:  
1. Сразу после строки меню идет небольшая область с названием раздела, 3 преимуществами и предложением помощи менеджера. Название меняется когда в фильтре слева мы кликаем название раздела и подраздела yadi.sk/i/893HSghmrGo6U   

2. Ниже, слева мы видим сам фильтр с разделами и подразделами. Функционал тут не хитрый, думаю все понятно. Кликаем на раздел, вниз выезжает список подразделов, кликаем нужный нам, и справа показывается выдача этого подраздела yadi.sk/i/bd2Te6WcrGom3  

3. Справа сама выдача расположилась. В самом верху выдачи строка поиска по артиклу, кнопка помощи менеджера, пагинатор, и по сколько позиций показывать. Ниже сама выдача, карточек товара тут НЕТ! При клике на кнопку "Запросить" товар добавляется в "список на запрос" yadi.sk/i/kwbdk-oDrGpQd  

4. Как работает "Список на запрос" Нажимая в каталоге на кнопку "Запросить" товар добавляется в этот список и пользователю показывается вот такое окно: yadi.sk/i/CJGtSVQWrGpim  
4.1. Если он кликает на кнопку "Добавить еще" окно закрывается и он продолжает лазить по сайту, при этом строка поиска в строке меню меняется со строки поиска на синюю кнопку показывающую сколько товаров у него в списке: yadi.sk/i/S_By-A7arGq5V  
4.2. Если он кликает на кнопку "Запросить цену" ему показывается следующее окно в котором он видит что в его списке и форма для ввода телефона и кнопка перезвоните мне: yadi.sk/i/-gNlwOnnrGqST  

Страница по гидроразводке, буду показывать кратко, тут все просто:  
1.форма захвата: yadi.sk/i/6ZBuOasLrGqkk  

2. Ховер эффект, при клике картинка открывается: yadi.sk/i/PyzhJeGsrGqpG  

3. Стрелочки: yadi.sk/i/MH9VPMNjrGqtr  

4. Форма с двумя полями ввода: yadi.sk/i/Jt5WHIGhrGqww  

Страницу с доставкой и оплатой расписывать не буду, так как там все статично и смысла не вижу  

Страница "Контакты"  
1. Карта Яндекс  

2. Кнопка "Скачать карточку компании" при клике скачивается карточка в формате ворд: yadi.sk/i/572V9HKprGrNk  

Вы спросите где тут программирование? Дело в том что все позиции для каталога в excel таблицах, и нужно сделать так что бы администратор сайта загружал таблицу, а на сайте уже сам формировался раздел, подраздел, и соответственно позиции в нем. Все таблицы созданы по единой форме, ознакомится с ними можете тут: yadi.sk/d/YzqYejGCrGrxX  

Готов отвечать на вопросы, добавляйтесь в скайп, будем общаться, мой логин: iljusha_r

Максим П.
Максим П. 
28 лет, Украина
8 лет в сервисе
Был онлайн 1 год назад
3 года назад
Олег Белов
34 года, Россия
6 лет в сервисе
Был онлайн 2 года назад
3 года назад
Анатолий З.
39 лет, Украина
10 лет в сервисе
Был онлайн 5 дней назад
3 года назад
Ярослав Ш.
29 лет, Украина
8 лет в сервисе
Был онлайн 2 года назад
3 года назад
Антон К.
28 лет, Россия
4 года в сервисе
Был онлайн 2 дня назад
3 года назад
Евгений Еременко
25 лет, Украина
6 лет в сервисе
Был онлайн 1 месяц назад
3 года назад
Андрей В.
48 лет, Беларусь
7 лет в сервисе
Был онлайн 2 года назад
3 года назад

Другие заказы в категории «HTML-верстка»