Шаблон сайта

Версия для ПК

  1. Шапка сайта - логотип, слоган, основное меню, корзина, личный кабинет.
  2. Сайтбар(слева или справа) - содержит блоки(категории, поиск по сайту, похожие статьи, голосование), динамически меняющиеся в зависимости от раздела сайта.
  3. Центральная колонка - содержит основной контент сайта, в зависимости от выбранного раздела.
  4. Подвал - содержит меню, контактные данные, счетчики, иконки и ссылки на соц. сети, форма подписки на емаил рассылки.

Версия для мобильных устройств

  1. Шапка сайта - логотип, кнопка раскрытия мобильного меню.
  2. Сайтбар - скрыт.
  3. Центральная колонка - содержит основной контент сайта, в зависимости от выбранного раздела, при этом контент выстраивается вертикально, таблицы и формы имеют 100% ширину. (предусмотреть возможность вывода - слайдеров, каруселей, аккардионов).
  4. Подвал - содержит меню, контактные данные, счетчики, иконки и ссылки на соц. сети. Блоки выстраиваются вертикально.
  5. Мобильное меню - плавно выезжающее с левой или правой части сайта меню.

Функционал

  1. Адаптивный дизайн с поддержкой мобильных устройств.
  2. Структура страниц с проработкой корректного и удобного отображения на мобильных устройствах.
  3. Использование CSS фреймворков Bootstrap и Semantic UI в том числе и JS компонентов - слайдер, дропдаун, аккардеон и прочие.
  4. Подгрузка изображений Lozy Load.
  5. Оптимизация под Google Page Speed.

Расположение элементов, юзабилити

  1. Решение о расположении блоков, меню, ссылок, кнопок, форм и прочего, на страницах сайта с учетом юзабилити(удобного, логичного использования).
  2. Компоновка форм, структура блоков, интерактивные элементы на JS, сетка страницы, на основе Bootstrap или Semantic UI.