Сайт-каталог на Modx из PSD макетов

Основные задачи, тезисно:

• Верстка нового сайта на modх: десктоп и мобильная версия.
• Перенос страниц со старого сайта (сайт тоже на modx) на новый.
• Залив нового сайта на старый домен.

Техническое задание на разработку 

сайта «Вектор» 

(краткое, подробное в приложении)

• Стандартные элементы страниц

Стандартные элементы страниц – это элементы, присутствующие на всех страницах сайта.

Шапка страницы

Шапка страницы (header) – верхняя часть страницы, визуально отделенная от основного контента, содержащая навигаторы и графические элементы оформления.

Шапка страницы закреплена при прокрутке и содержит:

• Логотип
  (Логотип является ссылкой на главную страницу сайта)
• Разделы страниц сайта
  (При выборе раздела (при наведении) цвет меняется на синий.
  При нажатии раздел подчеркивается при клике по ссылкам навигации пользователь переходит в текущей вкладке на соответствующую
  страницу сайта)
• Номера телефонов и ссылка заказать звонок
  (При наведении и нажатии на «Заказать звонок» цвет меняется с серого на голубой и появляется всплывающее окно «Заказать звонок»)
• Иконка лупы
  (При нажатии на иконку лупы появляется экран с возможностью
  поиска по сайту
  Результаты поиска показаны на отдельной странице «Страница поискового запроса»)

Навигационная цепочка

«Хлебные крошки» (англ. Breadcrumbs).

Присутствует на всех внутренних страницах сайта. Представляет собой путь по сайту от главной страницы до текущей, на которой находится пользователь, в виде ссылок на вышележащие разделы и подразделы.

Блок «Остались вопросы?»

Часть страницы, визуально отделенная от основного контента, которая содержит призыв к действию для получения ответов на вопросы.
(При наведении и нажатии кнопка «Отправить заявку»  меняет цвет
на прозрачный и открывается окно «Обратная связь»)

Подвал страницы

Подвал страницы (footer) – нижняя часть страницы, визуально отделенная от основного контента.

Подвал страницы содержит:

• Блок с контактной информацией
• Блок «Компания»
  (При выборе подраздела в блоке «Компания» он открывается на
  этой же главной странице (поднимается наверх))
• Блоки «Услуги» и «Полезно знать»
  (При выборе подраздела в данных блоках выбранная услуга
  открывается на новой странице;
  При наведении и нажатии на любой подраздел он меняет цвет на голубой)
•  Блок с возможностью подписки на рассылку новостей
  (При вводе своего электронного адреса стрелка и адрес
  становятся голубого цвета;
  При ошибочном вводе адреса цвет меняется на красный
  и действие не может быть продолжено;
  При нажатии на стрелку или при вводе Enter появляется
  окно «Спасибо за подписку»)
• В футере у администратора должна быть возможность самостоятельно добавлять/редактировать информацию (Телефоны, адреса и т.д.)

Функциональные требования

Языковые версии

Реализуется только русскоязычная версия сайта.

Требования к языку административного интерфейса

Язык административного интерфейса системы управления сайтами – русский.

Требования к верстке

• Верстка страниц сайта должна корректно (без визуальных и технических ошибок) отображаться и быть кроссбраузерной в следующих браузерах:
• Mozilla Firefox версии 45+;
• Microsoft Internet Explorer версии 10+;
• Microsoft Edge версии 25.10586+;
• Google Chrome версии 49+;
• Apple Safari версии 8+

на операционных системах Windows и Mac OS, с включенной графикой при разрешении экрана пользователя от 1280 точек, в ширину, и выше. Ширина экрана должна определяться макетом.

• Верстка страниц сайта должна корректно (без визуальных и технических ошибок) отображаться на мобильных устройствах в операционных системах iOS 9+, Android 5+, Windows Phone 8.1+.

Мобильная версия сайта (+ портретная ориентация планшета)

Все страницы сохраняют все те же элементы, что и в основной версии сайта для десктопов. 

Единственное отличие – сайдбар, который был на страницах слева становится скрытым меню, разворачивается при нажатии на иконку бургер-меню. При открытии вместо бургера появляется иконка закрыть.