Верстка сайта под ключ

1. Верстка сайта под ключ 2 страницы сайта заверстаны, нужно продолжить работу – сверстать 2 страницы, одну страницу (Главный

лендинг) доработать, и настроить функционал и админку для всего сайта
Движок Вордпресс
Предыдущие страницы сверстаны в адаптиве, с 8 контрольными точками, нужно
продолжить в том же ключе
Ссылки на готовые страницы:
страница О платформе http://sherlockholmes.freedomain.thehost.com.ua/iresource/about.html
страница Конкретной Новости http://sherlockholmes.freedomain.thehost.com.ua/iresource/news.html
Ссылка на страницу, которую нужно доработать (Главный лендинг):
http://sherlockholmes.freedomain.thehost.com.ua/i-resource/

2. Страница Модель Работы

• Ссылка на превью страницы:
https://drive.google.com/open?id=19n3GMa1cEEq4CTnAMA0oYGcmcK2xBSPw
• На данном превью на втором экране предусмотрены вкладки Ресурсная модель и Проектная модель.
• Пользователь должен переключаться между данными вкладками.
• На вкладке Ресурсная модель при наведении курсора на элемент со знаком «+» (например, под
текстом «Вы отправляете нам заявку на поиск специалиста / команды») должна появляться
всплывающая подсказка с текстом, раскрывающим суть данного пункта инфографики (показано на
превью)
• На вкладке Проектная модель подписи в инфографике статичны – всплывающих окошек с текстом нет
(ссылка на превью страницы с активной вкладкой Проектная модель
https://drive.google.com/open?id=1BzkBq2nwb_st01Af-D5hUbFEOf2O5kKB )
• Раздел с вкладками «Выгоды клиента» и «Выгоды исполнителя» работает по тому же принципу –
пользователь может переключаться между двумя вкладками. Информация на них статична.

3. Страница Главный лендинг

• Данная страница сверстана частично – часть экранов в сверстанной версии нужно будет заменить на
другие.
• Ссылка на сверстанную часть: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/
• Ссылка на превью как должна выглядеть данная страница:
https://drive.google.com/open?id=1WeJSq130HnZsBMLQvlaV2ngoeVUgYI7F
• Первый экран представляет собой слайдер. Первый слайд как показано на превью (красные
треугольники, изображение компьютера и текст). Следующие слайды будут представлять собой
превью новостей – нужна возможность из админки добавлять фото для данных слайдов. Пример того,
как будет выглядеть слайд с новостью есть в ТЗ для первого экрана:
https://drive.google.com/open?id=1tYXAn8uoS5TMruzZY-XYPThzTVeVGNBy
• Экран «Компетенции пользователей» готов в сверстанной части, единственное, что нужно исправить –
элементы инфографики и подписи к ним должны быть отцентрованы относительно друг друга ровно
по центру, а не в разнобой
• Экран «Модель работы» на данном лендинге представляет собой статичную горизонтальную картинку
с инфографикой. Для мобильной версии пришлем отдельную картинку в вертикальной ориентации

4. Страница Главный лендинг продолжение

• Экран «География Присутствия» представляет собой интерактивную карту – при наведении
пользователем на конкретный Геотег, подсвечивается конкретная область. Это показано на ТЗ для
карты: https://drive.google.com/open?id=1Fh3p_scLoiyaV2lcyCM_HCm2qBZAMgG6
• Также в разделе «География Присутствия» предусмотрен поиск по городам присутствия.
Функционал поиска:
Должна быть возможность подгрузить через админку документ excel со списком городов. В документе
Excel будет для каждого города следующая инфо: к какому федеральному округу относится город,
сколько исполнителей в данном городе. Пользователь вводит нужный ему город в поиск. Если данный
город есть в списке, появляется баннер с текстом «Данный город есть в списке», если данного города нет
в списке, появляется баннер «Данного города пока нет в списке». Это показано на ТЗ для поиска:
https://drive.google.com/open?id=1Snyx1HdJBaAGudaX-9WZSazvBZ9lqO41

5. Страница Главный лендинг продолжение 2

• Экран «Новости» главного лендинга практически готов на сверстанном варианте:
http://sherlockholmes.freedomain.thehost.com.ua/i-resource/ Нужно будет добавить в админке
возможность выбирать, какие новости там отображаются, менять их. Ссылки от заголовков
размещенных в разделе «Новости» будут идти на страницу конкретной Новости.
• Сам вид страницы конкретной Новости готов: http://sherlockholmes.freedomain.thehost.com.ua/iresource/news.html В админке нужно будет добавить возможность добавлять новые новости,
подгружать для них текст и фото, чтобы они выглядели по данному шаблону страницы.

6. Страница Стать Партнером

• Сам вид страницы возможно немного изменится – верстать данную страницу будем самой последней.
• Сейчас страница предполагается такого вида:
https://drive.google.com/open?id=12WWwTPzp6g2RR883aFQDlfrDP6xbeH1s
• Но принцип регистрации сохранится: регистрация разделена на шаги. При прохождении шага
пользователь переходит на следующую вкладку регистрации, шаги показаны на превью:
https://drive.google.com/open?id=1XN8Fxp7rVcS8ByiUIY-EJxfjOTg5mtbf
• Регистрацию надо сверстать – чтобы можно было заполнять текст, переключаться между вкладками и
т.д.
• Далее сам механизм – куда идет информация и т.д. будут настраивать программисты, занимающиеся
разработкой платформы, для которой данная регистрация производится.