Репликация дизайна
Репликация дизайна сайта это копия художественного оформления и макетов главной страницы исходного сайта – верхней и нижней шапок, главного меню и главной страницы, без контента. Допускается одна правки макета и одна правка готового дизайна, не учитывая контент, объёмом не более 10% от общего объема работы по данному участку работу. Дополнительные правки Исполнитель выполняет на своё усмотрение. В работу входит перенос шапки сайта, перенос нижней шапки сайта, перенос главного меню главной страницы. Дизайн не должен быть адаптивным под устройства с вертикально ориентированным или маленьким экраном, если этого не предусмотрено в дизайне исходного сайта. Кнопки меню, которые никуда не ведут не должны отображаться в главном меню. Заказчик обязуется своевременно предоставить контент - контактные и другие данные которые необходимо разметить в шапках и на главной странице. Всё что не будет предоставлено Заказчиком, не попадёт в шапки сайта и на главную страницу – останется от исходного сайта. Типографика дизайна – шрифты, цвета, рамки, размеры, отступы, стили - должны применяться на всех страницах и модулях сайта. Не допускаются разные стили для функционально, логически и семантически одинаковых элементов. Если где-то на сайте появляется необходимость использовать дополнительный стиль, он задаётся в виде отдельного класса в общем css файле. Названия классов должны быть семантическими. Не допускается использование атрибута style в html верстке макета, кроме макетов писем. В работу не входит создание логотипа.
За основу берем, исходный сайт: http://www. scavolini-shop. ru
Типовая единичная страница
Типовая или простая страница – это отдельная страница на сайте с постоянным адресом, не имеющая отношения ни к какому разделу. У страницы должен быть адрес, заголовок и текстовое наполнение. На сайте может быть множество простых страниц, которые должны иметь одинаковый макет и стиль. Разработка дизайна типовой страницы входит в работу по созданию дизайна сайта. В рамках текстового наполнения, Заказчик должен иметь возможность через визуальный html редактор, в панели управления сайтом, сформировать уникальное оформление контента для каждой страницы. В контенте должна быть возможность иметь таблицы, заголовки и подзаголовки, списки, абзацы, картинки и видео по ссылкам на сторонних ресурсах. Должна быть возможность смены заголовка страницы и сео описания страницы. Адрес страницы должен быть на латинице и создаваться через транскрипцию заголовка. Возможность смены адреса страницы не подразумевается, с целью предотвращения случайной утраты входящих ссылок и позиций в поисковой выдачи. У простой страницы не предусматривается наличие собственной фото галереи, и общий макет страницы вокруг контента не меняется. При необходимости иметь несколько простых страниц с разным дизайном, следует отдельно заказать разработку дополнительного макета для простой страницы. На каждой простой странице должна быть возможность подключить один или несколько модулей, например: интерактивная карта, форма обратной связи, калькулятор, курс валют. В работу по созданию простой страницы не входит разработка модулей.
На сайте будет три типовые страницы: контакты, услуги, о фабрике.
Информационный раздел
Информационный раздел это полноценный раздел на сайте, который обеспечивает систематизацию набора однотипных страниц в нужном порядке и выполняет конкретную цель. Функциональное назначение информационного раздела заключается в предоставлении заинтересованным лицам информации о Заказчике или о сфере его интересов в наиболее удобном виде. Информационный раздел состоит из основной страницы – списка, и внутренних страниц – материалов. В списке выводится массив элементов, каждый элемент которого имеет следующие переменные: название, картинка, краткое описание, рубрика, дата создания, ссылка на страницу. При большом количестве материалов в общем списке, должна быть предусмотрена постраничная пагинация. Список разделяется на серию страниц. На каждой странице должно выводится фиксированное количество материалов - 20. В нижней части списка отображается линейка номера страниц в виде ссылок. Дополнительно в линейку включены ссылка на седлающую и/или предыдущую страницу, в виде иконок и номер текущей страницы. Со списка материалов должна быть возможность перейти на отдельный материал внутри раздела путём нажатия на картинку, заголовок или специальную кнопку «подробнее». На странице материала должна выводится подробная информация, собственно сам материал: заголовок, обложка, анонс, полный текст, галерея, дата публикации, ссылка на автора или первоисточник, рубрика. Материалы должны иметь возможность привязываться к определённой рубрике, например: новости, акции. Либо в случае блога: здоровье, карьера, отношения и т. п. Один материал может быть привязан только к одной рубрике. Рубрик может быть неограниченное количество, и они должны быть равнозначными по смыслу. Например, рубрика «услуги» не соответствует по смыслу и функциональности рубрике «здоровье». Для каждой смысловой и функционально отличной группировки информации следует создавать отдельный раздел. Рубрики не содержат внутренней структуры и дополнительного описания. Список рубрик Заказчик предоставляет заранее. В случае, когда необходимо иметь возможность управлять списком рубрик, привязывать один материал к нескольким рубрикам или создавать внутри них подрубрики, следует дополнительно создавать «Сложный рубрикатор». При создании информационного раздела, в главном меню сайта должен появится новый пункт с характерным названием. Если информационный раздел имеет рубрики, пункт меню должен иметь выпадающий список с таким количеством элементов, которое соответствует имеющимся рубрикам. Адресация страниц должна выполняется по принципу: рубрика – страница. В адресе сайта это выглядит так: сайт. ком/статьи /тематика/материал. Латинское название раздела и рубрик Исполнитель выбирает на своё усмотрение исходя из соображений сео оптимизации. Допускается одна правка макетов раздела объёмом не более 10% от общего объема работы по разделу. Дополнительные правки Исполнитель выполняет на своё усмотрение. Наполнение информационного раздела осуществляется через панель управления сайтом. В специальном разделе панели управления сайтом есть общий список материалов данного раздела, без разделения на рубрики, в котором отражена ключевая информация о материале: заголовок, дата создания, статус, и основные элементы правления: удаление, изменение статуса, ссылка на страницу редактирование всего материала. На странице редактирования материала должна быть возможность поменять все данные за исключением уникального идентификатора материала в базе данных. Более того, здесь должна быть возможность изменения порядка сортировки – численное поле по которому происходит сортировка очередности материалов в общем списке. Сортировка должна происходить исходя из величины установленного значения – чем выше значение, тем первее, выше, появляется материал в общем списке материалов. Помимо поля, определяющего порядок сортировки, панель управления сайтом должна предоставлять администратору возможность регулировать видимость материала на сайте. То есть администратор должен иметь возможность включить или выключить показ материала на сайте через панель управления, без его удаления. Статьи, помимо обложки, должны иметь галерею изображений. Наполнение галереи изображений материала осуществляется путём перетаскивания в специальную область панели управления группы файлов в формате jpg или png размером до 10мб и шириной до 8000 пикселей. При загрузке изображений на сервер, названия файлов должны подменяться на уникальный идентификатор. Идентификатор должен состоять из цифр или латинских букв исключая пробелы и символы, используемые браузером в адресной строке. На странице материала, изображения галереи должны выводится в уменьшенном виде (по качеству) и, при нажатии по ним, открываться на весь экран через модуль lightbox в исходном качестве. Изображения должны переключаться на следующее и/или предыущее без выхода из полноэкранного режима. Наполнение текстового поля материала должно осуществляется через визуальный html редактор. Редактор должен позволять вставлять видео и фото из интернета в текст, менять форматирование, размер и стиль шрифта, а так же иметь режим прямого редактирования html. Редактор должен удалять потенциально уязвимые html теги: <script> <?php?>. Правки панели управления сайтом не предусматриваются.
На сайте должно быть 2 информационных раздела – каталог мебели, новости
Модуль похожие материалы
Функциональное назначение модуля – выводить на странице материала подборку дополнительных материалов, похожих или взаимосвязанных по смыслу с самой страницей. Если раздел имеет рубрикатор, то подборка должна состоять из материалов относящихся к тому же разделу и к той же рубрике, что и материал на самой странице. Подборка должна состоять из 5ти материалов. Подборка должна включать заголовок и изображение материала в виде ссылки на него. Допускается одна правка макета подборки. Дополнительные правки Исполнитель выполняет на своё усмотрение. Не предполагается ручное управление содержанием подборки. Очередность материалов внутри подборки определяется порядком сортировки и очередностью создания материалов. Самые новые материалы должны идти первыми. В подборку не должны попадать материалы, которые сняты с публикации на данный момент. Модуль не может использоваться в других местах сайта, вне страниц разделов. Модуль может не использоваться в указанных рубриках раздела.
Сбор статистики посещаемости
На сайте должен быть установлен счётчик для сбора статистики - Яндекс Метрика или Google Аналитика. Сервис должен отслеживать количество посетителей, источники посещения, географию посетителей. Сервис должен предоставлять возможность смотреть карту кликов и карту скроллинга. Расположить кода счётчика необходимо перед закрывающим тегом </body>. Необходимо завести аккаунт на одном из указанных сервисов и предоставить к нему доступ Заказчику с полными администраторскими правами. В работу не входит составление отчётов, настройка аналитики, сбор статистики о посетителях.
Отправка заявки с сайта на почту
Функциональное назначение модуля - выводить на странице форму для отправки обратной связи от посетителя сайта администратору в виде заявки. Форма должна работать через AJAX и jquery – передавать данные от посетителя на почтовый скрипт. Форма не должна иметь тега <form> во избежание получения спама из авто рассылок. Почтовый скрипт должен быть настроен на отправку исходящей почты по smtp протоколу с smtp сервера Яндекс Почты привязанной к аккаунту сайта. Адресом получателя должен являться контактный адрес заказчика и никакой более. Адресом отправителя должен быть адрес Яндекс Почты аккаунта сайта. Установка защиты от роботов в форме не предполагается. Форма должна иметь обязательные и не обязательное поля: обязательно – контактные данные: почта или телефон, текст заявки. Не обязательные – Имя. Почтовый скрипт перед отправкой письма должен проверять заполнение обязательных полей. При отсутствии заполненных обязательных полей сайт должен уведомлять посетителя во всплывающем окошке о том, что необходимо заполнить все поля. При успешной отправки, сайт должен уведомлять посетителя об успешной отправке заявки. Почтовый скрипт должен проверять входящие данные на наличие вредоносный вставок и на тип данных. Должны применять фильтры входящих данных.
Модуль интерактивная карта
Функциональное назначение модуля - выводить на странице интерактивную карту с заданной отметкой и заголовком. Масштаб карты должен позволять посетителю сориентироваться на местности без изменения масштаба. Отметка должна располагаться как можно ближе к центру карты. Карта не должна скролится мышкой, чтобы не нарушать привычное взаимодействия посетителя с сайтом. На карте должна быть ссылка на полную версию на сайте провайдера либо должна быть возможность построить маршрут до заданной точки.
Этот модуль должен быть на странице контактов.
