Страница входа в администраторскую часть
Общие требования
Необходимо создать клиентскую и администраторскую части сайта. Клиентская часть сайта должна быть доступна широкому кругу пользователей. Администраторская часть – только администраторам сайта, имеющим соответствующие права (логин и пароль) на доступ. Необходимо обеспечить возможность Заказчику самостоятельно вносить изменения (редактировать) содержимое страниц сайта в администраторской части сайта.
По окончании работ Исполнитель обязан предоставить полностью функционирующий сайт, исходные графические материалы по дизайну, все необходимые данные для доступа к системе управления сайтом (аккаунты, пароли, адреса серверов и т.п.).
1) Наличие на сайте «Блога» (новости) с возможностью писать комментарии для зарегистрированных пользователей, а также личного кабинета для клиентов.
2) Наличие мобильной версии сайта с рассчитанной и проверенной областью экрана. Наличие Тега viewport. Размеры шрифтов и элементов (кнопки и ссылки) должны быть читабельны и удобны для моб. Отсутствие плагинов и всплывающих окон в моб версии
3) Интеграция с соц сетями : Instagram, VK, Facebook, Однокласники, как именно должна выглядеть интеграция? Возможна, например, синхронизация постов и новостей. Или речь идёт о «лайках» и просто ссылках?
4) Скорость загрузкиhtml (менее 1 сек)зависит от конкретного запроса и скорости сети. Менее секунды основа сайта загружается в наше время почти всегда, а вот баннеры, картинки, комментарии и прочее нет. Однако будет присутствовать технология lazy loading, благодаря которой не будет ощущения тормозов при загрузке сайта.
|
|
|
5) мета-тег description должен быть от 70 до 160 включая пробелы
6) Заголовок страницы должен соответствовать правилу: обязательно должен нести полную информативность, чёткость, быть уникальным и варьироваться в размере от 10 до 70 символов
7) Подача заявок на присутствие в каталогах: Яндекс, DMOZ.org, Mail.ru, ramblerчто такое dmoz.org?
8) Заголовок (тег h1) не должен повторяться более одного раза
9) Сервер должен быть в России это вполне возможно. Также возможно, чтобы разные части движка находились в разных странах (например, учётные данные пользователей в России, а базы данных контента в Европе/Индии/Сша)
10) Возможно размещение микроразметки Schema.org.
11) Возможно размещение SSL-сертификата. Учитывая наличие авторизациии эквайринга, это необходимо. Будет бесплатное размещение в зонеhttpsчерез сертификат Let’s encrypt.При необходимости будут рассмотрены более продвинутые варианты.
12) Должен быть редирект (перенаправление) с WWW для избежания склейки
13) Использовать кодировку UTF-8.
14) Наличие robots.txt
15) Наличие Sitemap
|
|
|
16) Установить Favicon в виде стрелочки в право или галочки (красное на синем)а есть, может, официальный логотип?
17) Корректное отображение страницы ошибки 404 и ссылки со страницы 404
18) Включить для сервера кеширование в браузере. Продолжительность хранения статических ресурсов в кеше должна составлять не менее недели. Внешние ресурсы (объявления, виджеты и др.) должны храниться не менее 1 дня. Благодаря кешированию пользователи, повторно посещающие ваш сайт, тратят меньше времени на загрузку страниц. Заголовки кеширования должны применяться ко всем кешируемым статическим ресурсам.
19) Время ответа сервера не более 200 миллисекунд. Это зависит от сложности конкретного запроса. Просто ответ будет намного быстрее.
20) Включить сжатие при передаче данных. Аналогично необходимо сжатие изображений.
21) Оптимизация верхней части страницы . Правило если количество необходимых данных вверху страницы слишком велико, браузер пользователя будет отправлять дополнительные запросы на сервер. В среде с большой задержкой (например, в мобильных сетях) это может существенно замедлить загрузку страницы.
22) Отсутствие переадресации
23) Исключить присутствие в верхней части JavaScript и CSS во избежание замедления страницыссылки на CSS в любом случае будут сверху. Иначе стили не могут быть загружены. Весь javascript будет загружен через async.
|
|
|
24) Расчетная нагрузка в сутки около 1000 посетителей
В случае необходимости Исполнитель обязан скорректировать данные технического задания, или добавить собственные наработки, предварительно уведомив и разъяснив необходимость Заказчику, для достижения более высокой итоговой конверсии сайта (не ниже 10%).Конверсия – вопрос не технический, а маркетинга. С моей стороны гарантирую отсутствие проблем для конверсии, однако за её процент отвечать должен маркетолог.
Исполнитель обязан провести АБ-тестирование готового сайта пред передачей заказчику и предъявить фактическую конверсию. Механизм подтверждения конверсии оговаривается отдельно.
2. Требования к дизайну сайта
Дизайн должен быть выдержан в лаконичных и мягких тонах. Дизайн сайта должен быть выполнен с использованием языка HTML и CSS, при необходимости для создания отдельных графических элементов допустимо использование технологии FLASH.ИспользованиеFLASH недопустимо. Для анимаций будет использоваться css animations, html5 и Javascript.
Дизайн и оформление сайта является крайне важным. Оформление являет собой визуальный слой донесения смыслов. Поэтому сайт должен доносить смысл и побуждать посетителя остаться и изучить информацию (что мы предлагаем, где и как) сразу и без чтения текста.
|
|
|
Построение дизайна необходимо выполнить, основываясь на материалах ТЗ и двух прилагаемых презентаций, создав комплексное решение в рамках концепции краткости, удобства и информативности.Жду две прилагаемые презентации:) также, если есть брендбук, будут использованы строго его цвета.
Сайт должен корректно отображаться в браузерах
Arora , Chrome, Dillo , Epiphany , Firefox , Iceape , Iceweasel , Konqueror , Links , Luakit , Lynx , Midori, Opera , Rekonq , SeaMonkey , Chrome , MSIE, Safari Arora, Diilo, Epiphany, Iceape, Icewasel, Links, Luakit, Lynx, Midoru, Rekonq – таких не знаю. MSIE поддержка только базовая, браузер более не поддерживается. Будет поддержка браузеров на основе WebKit (Google Chrome, Yandex Браузер, Opera, Safari, большинство браузеров мобильных устройств), Chakra (Microsoft Edge),Gecko (Firefox). Будут поддерживаться последние версии движков.
.
Необходимо создать структуру (шаблон) сайта, состоящую из следующих элементов:
1. “шапка” (хедер). В данном блоке необходимо расположить логотипы предприятия и название предприятия;
2. блок отображения главного меню сайта. Данный блок должен содержать перечень всех основных страниц. Меню должно располагаться вертикально (слева) на сайте;
3. “подвал” (футер) сайта. В данном блоке необходимо поместить карту сайта;
4. блок отображения основного содержимого страницы.
На схеме 1 представлена графическая схема шаблона сайта.
 |
3. Требования к функциональности клиентской части сайта
Клиентская часть сайта, доступная широкому кругу пользователей, должна включать в себя следующие страницы:
1. Главная страница;
2. О проекте;
3. Контакты;
4. Курсы;
4.1.Прага;
4.2.Италия;
4.3.Переславль Залесский;
4.4.Анонс новых мест;
4.5.Дополнительные услуги;
4.6.Вакансии.
5. Личный кабинет;
6. Фото/Видео;
7. Отзывы;
8. Наши Партнеры;
9. Ссылки на Социальные сети.
Ссылки, на указанные выше страницы, должны отображаться в главном меню сайта. Кроме этого, ссылки на данные страницы должны быть продублированы в “футере” сайта (для более удобной навигации пользователя по сайту).
Кроме навигации по сайту, пользователь должен иметь возможность изменить язык сайта с русского на английский и наоборот. После переключения (изменения) языка сайта, пользователю должно отображаться содержимое страниц, названия элементов меню и т.п. на выбранном языке (английском и русском соответственно).Локализация будет также автоматическа – по языку браузера, а также по геопозиции.
Сайт должен иметь мобильную версию для корректного отображения на операционных системах мобильных устройств Android, IOS, Widows, сайт будет резиновым (responsive), а также будет знать, на каком устройстве он запущен и адаптироваться под устройство.
Ссылка на личный кабинет должна вести на раздел сайта для авторизованных пользователей. Он должен копировать уже имеющийся. Какой уже имеется?
4. Требования к функциональности администраторской части сайта
Доступ к администраторской части сайта должны иметь пользователи, обладающие соответствующими правами доступа. Для доступа необходимо указать логин и пароль. Необходимо создать одного предустановленного пользователя с логином Admin. Также необходимо обеспечить возможность смены администраторского пароля.
Администраторская часть сайта, должна включать в себя следующие страницы:
1. страница входа в администраторскую часть;
2. страница редактирования содержимого страницы “Главная” клиентского сайта;
3. страница редактирования содержимого страницы “О проекте” клиентского сайта;
4. страница редактирования содержимого страницы “Контакты» клиентского сайта ;
5. страница редактирования содержимого страницы “Курсы” клиентского сайта;
6. страница редактирования содержимого страницы «Наши Партнеры» клиентского сайта;
7. страница редактирования содержимого страницы «Фото/Видео» клиентского сайта;
8. страница редактирования содержимого страницы «Отзывы» клиентского сайта;
9. раздел сайта личный кабинет должен быть интегрирован с программой 1С и подгружать из неё документы для каждого авторизованного пользователя. И отправлять их автоматически по почте. Или продумать , как разместить он-лайн оплату на сайте (если не в личном кабинете);если речь идёт об эквайринге, то интеграция идёт со службой эквайринга, которая, в свою очередь, подключается к 1С
10. страница изменения администраторского пароля.
5. Требования к содержимому клиентской части сайта
Ниже представлено детальное описание содержимого страниц клиентской части сайта.
Правило для всех страниц – подвал виден после прокрутки в низ
Главная страница
Содержимого данной страницы полностью формируется Заказчиком через администраторскую часть. Главная страница должна содержать: меню, шапку содержащую логотип, название, ссылку на личный кабинет, телефон и адрес (г. Москва, …….). Основное тело должно быть на 2 экрана (прокрутка вниз) плюс небольшой подвал.
На первом должен быть слайдер на 3-4 фотографии с панорамными фото и кратким описание на них в 2-3 предложения. Поверх слайдера должна быть форма обратной связи информирующая об акции/новом курсе и призывающая сделать следующее действие (кликнуть и перейти на форму заполнения заявки на звонок/скачивание).Так же на первом экране под слайдером должно находиться три иконки (фото) являющиеся собой ссылками на разделы сайта 1. Прага 2.Италия 3.Переславль Залесский . Под данными иконками-ссылками должны быть ссылки на подразделы соответствующих разделов так же являющие собой описание к иконкам/фото.
На втором экране должно расположиться три колонки слева Новости, по середине Анонсы выставок и Биеннале, и справа Статьи от мастеров/художников/фотографов.
Последние три раздела должны быть оформлены в виде блога, где авторизованный пользователь может писать комментарии (премоддерация), а в блоке Отзывы самостоятельно писать посты (премодерация).
Подвал должен дублировать все разделы и подразделы меню для удобной навигации.
О проекте
Контакты
КУРСЫ
Личный кабинет
Фото/Видео
ОТЗЫВЫ
Наши Партнеры
Содержимого данной страницы полностью формируется Заказчиком через администраторскую часть. Данный раздел размещается на одном экране и содержит в виде плитки иконки с изображение логотипов наших партнеров, их названием и кратким описанием. Каждая иконка является гиперссылкой на сайт партнера.
Дополнительные услуги
Содержимого данной страницы частично формируется Заказчиком через администраторскую часть. Данный раздел должен помещаться на одном экране. На данной странице могут быть размещены текс и иконки в виде плитки с описанием под ними.
Вакансии
Содержимого данной страницы полностью формируется Заказчиком через администраторскую часть. Данный раздел размещается на одном экране и содержит в виде плитки иконки достаточного размера чтобы вместить информацию: Название вакансии, описание, требования. В шапке номер отдела кадров и форма обратной связи для отправки резюме
Требования к содержимому администраторской части сайта
Страница входа в администраторскую часть
На данной странице администратор должен вводить логин и пароль для доступа к администраторской части сайта.
Дата добавления: 2018-09-20; просмотров: 397; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!