Техническое задание на дизайн и верстку страницы с формой обратной связи
1. Общая информация:
Название проекта: Обработка страницы с формой обратной связи
Цель: Обеспечить пользователей простой и удобный способ связи с компанией и связать его с дизайном сайта компании Exon.su
2. Основные требования:
Платформа: 1С Битрикс
Адаптивность: Страница должна корректно отображаться на всех устройствах (ПК, планшеты, смартфоны).
3. Структура страницы:
Шапка страницы:
Обязательно должна совпадать с главной страницей сайт exon.su
Основной контент:
Заголовок: «Обратная связь»
Подзаголовок: «Мы всегда рады помочь!»
Форма обратной связи:
Поля:
Поле – Имя не может быть числовым
Телефон должен заполняться только числами по форме +7 (999) 999-99-99
Поле сообщение – должно вмещать от 100 до 500 симоволов
Заменить вместо поля «сохранить» – на кнопку «отправить»
Все поля заполнены, внизу необходимо добавить текст под согласием на обработку перс данных: Нажимая на кнопку «отправить» я даю свое согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 №152-ФЗ, предоставленных мной в ходе заполнения форм на сайте exon.su, а также при использовании услуг, предлагаемых данным компании ООО «Эксон» ИНН 7707501420 ОГРН 1037739850829
Футер можно взять с главной страницы сайта Exon.su
4. Дизайн:
Цветовая палитра: Основные цвета компании, фоновый цвет (согласно брендбуку).
Шрифты: Использовать шрифты, соответствующие стилю сайт exon.su
Изображения: Возможное использование иконок для обозначения полей формы (например, иконка телефона для поля с номером).
Элементы интерфейса: Кнопки должны быть заметными, с эффектом наведения.
5. Верстка:
Страница должна быть выполнена с использованием HTML5 и CSS3.
Использовать JavaScript для валидации формы перед отправкой данных.
Убедиться, что форма работает корректно, сообщает об ошибках, если необходимые поля не заполнены.
6. Тестирование:
Проверка отображения страницы на разных устройствах и браузерах (Chrome, Firefox, Safari, Edge).
Тестирование функциональности формы (отправка, валидация).