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

На разработку сайта

 

 

Содержание

Введение                                                                                                                                    4

Структура сайта                                                                                                                        5

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

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

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

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

Пагинация по страница                                                                                                 7

Описание страниц                                                                                                                    8

Главная страница                                                                                                                8

Наши услуги                                                                                                                         8

Наши работы                                                                                                                        9

Отзывы                                                                                                                                 9

Контакты                                                                                                                               9

Формы                                                                                                                                      10

Контактная форма                                                                                                             10

Форма заказать звонок / Узнать стоимость                                                                   11

Форма расчет стоимости                                                                                                  11

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

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

Контент                                                                                                                               13

Дизайн                                                                                                                                 13

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

Дополнительная информация для выполнения технических требований.                15

Введение

Назначение документа

Данный документ содержит постановку задачи на разработку многостраничного сайта «Премьер дом»

Документ описывает границы проекта, в нем собрана вся информация, которую необходимо учитывать в ходе проекта, зафиксированы цели проекта и требования, предъявленные к проекту.

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

Дальнейшие шаги

Утвержденный документ является единой постановкой задачи.

 

Структура сайта

● Главная страница

● Наши услуги

o Дома из бруса

o Каркасные дома

o Бани из бруса

o Каркасные бани

● Фотоотчёты (Наши работы)

● Отзывы

● Контакты

 

 

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

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

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

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

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

● элемент фирменного стиля сайта (логотип);

● навигация

o Главная страница

o Наши услуги

o Наши работы

o Отзывы

o Контакты

● Телефон

● Кнопка «заказать звонок»

Логотип сайта является ссылкой на главную страницу сайта, на всех страницах сайта, за исключением главной страницы. На главной странице ссылкой не является.

При клике по ссылкам навигации пользователь переходит в текущей вкладке на соответствующую страницу сайта.

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

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

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

● элемент фирменного стиля сайта (логотип);

● социальные сети

● копирайты;

● контакты

● ссылка «политика конфиденциальности» и «пользовательское соглашение»

 

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

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

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

Пагинация по страница

Присутствует на страницах Наши проекты и Отзывы

Описание страниц

Главная страница

Содержание страницы:

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

● Стартовый блок:

○ Фотография:

○ Заголовок

○ Подзаголовок

○ Кнопка «Рассчитать стоимость»

● Преимущества

○ Список состоит не менее чем из 4 пунктов:

■ Иконка;

■ Описание в одно предложение;

● Описание самой компании

○ Текстовый блок

● Наши сотрудники

○ Список состоящий из карточек сотрудников

■ Фотография;

■ Фамилия Имя;

■ Должность

■ Возможно краткое описание.

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

Наши услуги

Содержание страницы:

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

● Навигационное меню категорий

○ Дома из бруса

○ Каркасные дома

○ Бани из бруса

○ Каркасные бани

● Описание услуги + кнопка «Рассчитать стоимость»

○ При клике на кнопку появляется модальное окно с формой калькулятора

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

Наши работы

Содержание страницы:

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

● Список проектов

○ Фотография (или галерея)

○ Описание проекта

○ Кнопка “Узнать стоимость”

■ При клике на кнопку появляется модальное окно с формой обратной связи

● Пагинация по страницам

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

Отзывы

Содержание страницы:

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

● Список отзывов

○ Заголовок

○ Текстовый блок с отзывом

○ Дата публикации

● Пагинация по страницам

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

Контакты

Содержание страницы:

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

● Контактные данные

○ Телефон

○ Адрес

○ Электронная почта

● Форма для связи

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

 

 

Формы

Данный раздел содержит информацию о структуре и функциональных особенностях контактных форм.

Контактная форма

Действующее лицо: незарегистрированный пользователь.

Интерактивные элементы

Элемент	Обязательно для заполнения	Примечание
Поле «Имя»	да
Поле «E-mail»	нет	Проверка на валидацию
Поле «Телефон»	да	Проверка на валидацию
Капча	да
Чек-бокс «Я согласен на обработку персональных данных согласно Политике конфиденциальности»	да	При клике по ссылке «Политике конфиденциальности» пользователю в новой вкладке открывается PDF-страница «Политика конфиденциальности».
Кнопка «Отправить»

Основной сценарий:

Пользователь заполняет поля, нажимает на кнопку «отправить». После нажатия на кнопку «отправить» в этом же блоке появляется окно успешного бронирования с текстом «Спасибо, ваша заявка отправлена! Мы свяжемся с вами и ответим на все ваши вопросы».

Интерактивные элементы

Элемент	Обязательно для заполнения	Примечание
Поле «Имя»	да	Проверка на валидацию
Поле «Телефон»	да	Проверка на валидацию
Кнопка «Отправить»

Основной сценарий:

Пользователь заполняет поля, нажимает на кнопку «отправить». После нажатия на кнопку «отправить» в этом же блоке появляется окно успешного бронирования с текстом «Спасибо, ваша заявка отправлена! Мы свяжемся с вами и ответим на все ваши вопросы».

Форма расчет стоимости

Действующее лицо: незарегистрированный пользователь.

Интерактивные элементы

Элемент	Обязательно для заполнения	Примечание
Поле «Имя»	да
Поле «Телефон»	да	Проверка на валидацию
Поле «Ссылка проект»	нет
Селект «Тип строения»	да
Селект «Фундамент»	да
Поле «Место строительства»	да
Загрузить свой проект	да
Дополнительное описание	нет
Кнопка «Отправить»

Основной сценарий:

Пользователь заполняет поля, нажимает на кнопку «отправить». После нажатия на кнопку «отправить» в этом же блоке появляется окно успешного бронирования с текстом «Спасибо, ваша заявка отправлена! Мы свяжемся с вами и ответим на все ваши вопросы».

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

Контент

Кто предоставляет контент – заказчик или исполнитель своими силами генерирует его

Дизайн

Для разработки сайта создаются прототипы, на основе которых осуществляются последующие работы по дизайну.

Стилистическое оформление сайта основывается на имеющемся брендбуке проекта и материалах текущего сайта.

Также рекомендуем ссылаться на «Бриф на дизайн» и другие документы, которые позволяют обеспечить базу для работ по дизайну.

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

Необходимо выполнить HTML, CSS, JS (jQuery) верстку сайта по макету, предоставленному в Figma.

Адаптивная верстка

Сайт должен одинаково хорошо смотреться, как на больших мониторах, так и на маленьких девайсах. Ваша верстка будет проверена на девайсах, шириной экрана

● mobile: 320px - 767px

● tablet: 768px - 1023px

● desktop: 1024px - ∞

PixelPerfect (разрешается расхождение в 5px)

Кроссбраузерная верстка

Сайт должен одинаково хорошо отображаться в браузерах:

● Mozilla FireFox

● Google Chrome

● Opera

● Яндекс.Браузер

● Edge

● IE 11+

● Safari (Mac OS)

Хостинг и домен

Процесс разработки выкладывается на github (или его аналоги). Конечный результат загружается на хостинг. (Бесплатные хостинг: Beget Sprinthost)

Дополнительная информация для выполнения технических требований.

Липкий хеадер (header slicky)

Паралакс эффект

Создание рабочей формы

 

На разработку сайта

 

 

Содержание

Введение                                                                                                                                    4

Структура сайта                                                                                                                        5

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

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

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

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

Пагинация по страница                                                                                                 7

Описание страниц                                                                                                                    8

Главная страница                                                                                                                8

Наши услуги                                                                                                                         8

Наши работы                                                                                                                        9

Отзывы                                                                                                                                 9

Контакты                                                                                                                               9

Формы                                                                                                                                      10

Контактная форма                                                                                                             10

Форма заказать звонок / Узнать стоимость                                                                   11

Форма расчет стоимости                                                                                                  11

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

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

Контент                                                                                                                               13

Дизайн                                                                                                                                 13

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

Дополнительная информация для выполнения технических требований.                15

Введение

Назначение документа

Данный документ содержит постановку задачи на разработку многостраничного сайта «Премьер дом»

Документ описывает границы проекта, в нем собрана вся информация, которую необходимо учитывать в ходе проекта, зафиксированы цели проекта и требования, предъявленные к проекту.

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

Дальнейшие шаги

Утвержденный документ является единой постановкой задачи.

 

Структура сайта

● Главная страница

● Наши услуги

o Дома из бруса

o Каркасные дома

o Бани из бруса

o Каркасные бани

● Фотоотчёты (Наши работы)

● Отзывы

● Контакты