Основные требования к сайту

Основные требования к сайту

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

Сайт должен представлять собой информационную структуру, доступную в сети Интернет под доменным именем www. diamed. ru.

Сайт должен состоять из взаимосвязанных разделов с четко разделенными функциями. Каждый раздел должен быть доступен (иметь возможность перехода) из любого другого раздела. Каждая страница должна иметь постоянный URL (адрес страницы), доступный для индексации поисковыми системами. Динамические ссылки должны быть преобразованы в статические.

Названия каталогов и файлов должны быть информативными, чтобы URL’ы сайта были удобны для пользователя (разрешается использование транслита из заголовка страницы).

Требования к разграничению доступа

Информация, размещаемая на сайте, является общедоступной. Доступ к административной части

сайта закрыт для всех посетителей сайта.

Пользователей сайта можно разделить на 2 части в соответствии с правами доступа:

• Посетители: имеют доступ только к общедоступной части сайта.

• Администратор: должен иметь полный доступ к административной части сайта.

• Контент-менеджер: должен иметь доступ к административной части сайта, позволяющий только создавать и править материалы.

Доступ к административной части должен осуществляться с использованием уникального логина и пароля.

Требования к системе управления контентом сайта

Сайт строится на базе системы управления сайтом «1C-Битрикс: Управление сайтом», редакция

«Стандарт».

Требования к контенту и наполнению сайта

Первичная разработка и верстка контента (информационного содержимого) сайта производится

по согласованию с Заказчиком.

Заказчик предоставляет все необходимые Исполнителю текстовые и графические материалы, а

также комментарии, касающиеся их содержания, объема, оформления и размещения.

Исполнитель осуществляет перенос контента с текущей версии сайта с настройкой 301-редиректов.

Требования к безопасности и производительности

Требуется защитить исходный код общей части сайта, не должно быть возможности считать php-код скриптов.

Требования к адаптации под различные устройства.

Верстка адаптивная под разрешения:

1. ПК — 1280 писк. шириной и выше;

2. Планшет (портретная ориентация) — 768 писк. шириной;

3. Планшет (альбомная ориентация) — 1024 писк. шириной;

4. Смартфон (портретная ориентация) — 320 писк. шириной;

5. Смартфон (альбомная ориентация) — 480 писк. шириной;

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

Сайт должен обеспечивать корректное отображение данных в следующих браузерах:

• Internet Explorer 10.0 и выше;

• Firefox 34.0 и выше;

• Google Chrome 38.0 и выше;

• Opera 26.0 и выше.

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

Но все разделы сайта должны быть сверстаны таким образом, чтобы при наиболее распространенных настройках не возникало явных нарушений их отображения.

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

Навигационная структура сайта

Все разделы, подразделы и страницы связаны между собой. С любой из страниц должен быть возможен быстрый переход в любой другой раздел. Для перехода со страницы в корень текущего раздела или предыдущего подраздела предусмотрена дополнительная навигация («хлебные крошки»).

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

Призвана решать следующие задачи:

• Вывод меню на сайте (горизонтальное меню, вертикальное меню, главное меню, меню второго уровня, и т. д.);

• Определение соответствия текущей страницы узлу в навигационном дереве;

• Вывод «хлебных крошек»;

• Подсвечивание активных ссылок при выводе меню.

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

«Хлебные крошки» должны представлять собой специализированную систему навигации, в которой отображается путь к текущей странице от корня сайта. Выводятся на каждой странице в виде последовательной цепочки разделов и характерных разделителей по схеме:

Раздел → Подраздел → Текущая страница

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

Направления (Услуги)

•        Гинекология

•        Акушерство

•        Маммология

•        Урология

•        Терапия

•        Гастроэнтерология

•        Эндокринология

Иммунология

•        Неврология

•        Оториноларингология

•        Косметология

•        Дерматовенерология

Анализы и Диагностика /diagnosis/

Анализы

УЗИ /diagnosis/uzi/

УЗИ органов брюшной полости и забрюшинного пространства УЗИ Урология УЗИ Гинекология УЗИ поверхностно расположенных органов Скрининговые исследования

Функциональная диагностика

Холтеровское мониторирование – АД ЧСС ЭКГ – Электрокардиография ЭКГ с нагрузкой Спирография (ФВД) Дыхательный тест РТМ (радиотермометрия) Эндоскопия

•        Лечение и Процедуры /treatment/

Физиотерапия /treatment/physiotherapy/

ВЛОК Электрофорез Квантовая терапия Магнитотерапия Лазеротерапия Озонотерапия Гирудотерапия Бальнеотерапия (грязелечение, тамбуканской грязью)

Процедуры

Ингаляции Капельное внутривенное введение препаратов Внутримышечные инъекции

Специалисты

◦ Врач 1

◦ Врач 2

◦ …

Акции

◦ Акция 1

◦ Акция 2

◦ ...

• Отзывы

• Контакты

•Прайс-лист

Карта сайта

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

Главная страница является основной точкой входа на сайт, и должна содержать информацию о проекте.

На главной странице, как и на всех страницах сайта должны располагаться навигационные и информационные элементы:

• шапка сайта (хедер, header) - блок в верхней части сайта, отображающийся на всех страницах

сайта;

• основное поле контента;

• подвал (футер, footer)- блок в нижней части сайта, отображающийся на всех страницах сайта.

Примерная схема главной страницы

1. Шапка сайта.

· Плашка с кнопками обратной связи, формой поиска по сайту и номером телефона (top header).

· Логотип компании.

· Главное меню.

3. Баннер-слайдер с акциями.

4. Преимущества.

5. Ведущие направления – (определить направления).

6. Блок «Наши врачи». - http:///wp_themes/medicenter-turquoise/home-style-4/

7. Текстовый блок.

7. Контактная информация клиник (smdoctor. ru, с переходом на страницу клиники в разделе Контакты).

8. Футер

Главное и дополнительное меню

Главное меню должно располагаться в шапке сайта и содержать ссылки на все разделы первого уровня. Будет разбито на 2 части (по аналогии с сайтом www. smdoctor. ru ).

1-я часть — пункты, связанные с клиникой: Наши врачи, Акции, Отзывы, Цены, Контакты

2-я часть — пункты, обозначающие основные (или те, на которых хотим сделать акцент) направления работы клиник: Акушерство и Гинекология, Урология, Анализы и Диагностика, УЗИ, Косметология, Дерматология.

Боковое меню должно располагаться на внутренних страницах сайта в левой части страницы и

содержать ссылки на все подразделы того раздела, в котором находится пользователь.

Типовая статическая страница

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

Создание, редактирование и удаление статических страниц производится из административной части сайта.

Основные поля, которые описывают общий вид страницы:

URL - символьное поле для внесения адреса страницы. Для внутренних ссылок указание хоста не

требуется, достаточно указать адрес раздела.

Заголовок - текстовое поле для внесения заголовка страницы.

Текст страницы - текстовое поле для заполнения контентной области (полного текста) с возможностью WYSIWYG-редактирования и добавления к тексту файлов (изображений в том числе) через административный интерфейс.

Изображение - поле для загрузки графического файла.

Опубликовано - поле «Чекбокс». Позволяет управлять возможностью публикации материала на сайте.

При установленном флаге страница отображается на сайте.

Title - текстовое поле для хранения описания мета-тега «Title».

Description - текстовое поле для хранения описания мета-тега «Description».

Keywords - текстовое поле для хранения мета-тега «Keywords».

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

Страницы ошибок (404 — страницы)

Для ситуаций, связанных с отображением пользователю ошибок 400-404, должны быть специально созданы соответствующие страницы. Данные страницы должны быть оформлены в общем стиле с остальными страницами сайта. В контентной зоне должно содержаться сообщение с извинением, объяснением причины сложившейся ситуации и предложением воспользоваться поиском по сайту.

http:///item/medicina-medical-html-template/full_screen_preview/9790863

Карта сайта

Карта сайта должна предоставлять посетителям представление о структуре сайта и обеспечивать прямой переход к интересующему разделу. Раздел с адресом «/sitemap/» представляет собой навигационную структуру сайта.

Управление картой сайта (например, добавление адресов разделов или страниц в карту) должно осуществляться из административной части сайта.

Файл «sitemap. xml» должен формироваться и обновляться автоматически для передачи данных об имеющихся страницах на сайте и дате их последнего обновления поисковым системам Google и Yandex.

Разделы и функциональные возможности

Разделы

О клинике (Контакты)- http://www. diamed. ru/about/ (по аналогии)

1. Шапка сайта.

2. Основное меню.

3. Карта Москвы с отмеченными клиниками. При клике на клинику переход к её подробному

описанию.

4. Перечень клиник. Для каждой: фото, текстовое описание, адрес, часы работы.

5. Футер.

Текстовые страницы «О клинике»  - по аналогии - http://www. diamed. ru/locations/shelkovskaya/

Разводящие страницы «Новости»,  «Видео», «Статьи»

1. Шапка сайта.

2. Заголовок h1 – название подраздела.

3. Список материалов. Для каждого: заголовок, превью, дата, анонс.

4. Футер.

Максимальное число материалов на странице — 10, в случае большего количества материалов в разделе должна быть предусмотрена постраничная навигация.

Страница материала (новость, статья, видео)

1. Шапка сайта.

2. Заголовок h1 – заголовок материала.

3. Дата.

4. Фото— для новостей и статей, видеоролик — для видео.

5. Текст — для новостей и статей, анонс — для видео (необязательное поле).

6. Футер.

Разделы Направлений (Услуг)

Разводящая страница Направлений

1. Шапка сайта.

2. Заголовок h1 - название направления.

3. Фото-превью.

4. Краткое текстовое описание направления.

5. Футер.

Страница направления:

На странице каждого направления должны быть установлены связи со страницами из разделов:

«Врачи», «Адреса клиник», «Статьи», «Акции», «Цены».

1. Шапка сайта.

2. Основное меню.

3. Название Направления.

4. Навигационные кнопки: «Общая информация», «Диагностика», «Лечение», «Врачи», «Цены», «Запись на прием».

5. Основной контент страницы — описание направления, цены на услуги.

6. Блок со ссылками на привязанные акции и статьи (заболевания по направлению).

7. Блок с врачами (по аналогии http://www. diamed. ru/services/obstetrics/389/ или http://www. diamed. ru/services/obstetrics/389/ - кнопки клиник должны служить инструментом сортировки врачей по клиникам).

8. Прайс-лист.

9. Форма записи на прием.

10. Футер.

Раздел «Анализы и диагностика» - http://www. smdoctor. ru/diagnosis/

Разводящая страница

1. Шапка сайта.

2. Основное меню.

3. Перечень основных видов диагностики (подразделы). Для каждого должно быть заголовок, краткое описание, изображение.

4. Футер.

Страница метода диагностики

1. Шапка сайта.

2. Основное меню.

3. Название процедуры.

4. Навигационные кнопки: «Общая информация», «Цены», «Врачи», «Запись на прием». - http://www. smdoctor. ru/diagnosis/uzi/#info

5. Основной контент страницы — описание вида диагностики (Общая информация).

6. Блок со ссылками на привязанные акции и статьи.

7. Блок с врачами (по аналогии с  http://www. smdoctor. ru/diagnosis/uzi/#doctors ).

8. Прайс-лист.

9. Форма записи на прием.

10. Футер.

Страница «Анализы»

1. Шапка сайта.

2. Основное меню.

3. Основной контент страницы — описание вида диагностики, прайс на основные анализы

4. Форма записи на прием.

5. Футер.

Раздел «Лечение и процедуры»

Разводящая страница

1. Шапка сайта.

2. Основное меню.

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

4. Футер.

Страница процедуры

1. Шапка сайта.

2. Основное меню.

3. Название процедуры.

4. Навигационные кнопки: «Общая информация», «Цены», «Запись на прием».

5. Описание метода лечения.

7. Прайс-лист.

8. Футер.

Раздел «Наши врачи»

Разводящая страница - http:///wt_58241/index-3.html#

http:///wp_themes/medicenter-turquoise/ourdoctors/#filter-*

1. Шапка сайта.

2. Основное меню.

3. Заголовок h1 - название раздела

4. Блок сортировки – по специализации и по клинике

5. Основной контент страницы — список специалистов в алфавитном порядке под буквами - фото-превью, ФИО, специализация.

6. Футер.

Максимальное число отображаемых врачей на странице 10, если больше, должна быть реализована постраничная навигация.

Страница врача

На странице каждого специалиста должны быть установлены связи со страницами из разделов:

«Врачи», «Адреса клиник».

1. Шапка сайта.

2. Заголовок h1 - ФИО врача.

3. Фото врача.

4. Навигационные кнопки: «Запись на прием» (Форма записи на прием либо ссылка на нее), «Оставить отзыв» - http://www. smdoctor. ru/our-doctors/adiatullina-galina-andreevna/

5. Основные характеристики: специализация, ученая степень.

6. Биография.

7. Сертификаты.

8. Портфолио «До и после» (косметология).

9. Отзывы.

10. Футер.

Акции

Разводящая страница

1. Шапка сайта.

2. Заголовок h1 — название раздела/подраздела.

3. Список акций. Для каждой фото-превью, заголовок, срок действия, анонс.

4. Футер.

Максимальное число акций на странице — 10, в случае большего числа материалов должна быть реализована постраничная навигация.

Страница акции

1. Шапка сайта.

2. Заголовок h1 — заголовок акции.

3. Фото.

4. Срок действия.

5. Текст акции.

Отзывы

1. Шапка сайта.

2. Заголовок h1 — название раздела.

3. Список отзывов. Для каждого отзыва имя и первая буква фамилии пациента, дата.

4. Должна быть возможность оставлять комментарии со стороны «Диамед».

5. Форма «Оставить отзыв».

6. Футер.

Максимальное число материалов на странице — 5, в случае большего числа материалов в разделе

должна быть предусмотрена постраничная навигация.

Цены

1. Шапка сайта.

2. Заголовок h1 — название раздела.

3. Прайс-лист, структурированный по направлениям – Направления (Услуги или Консультации специалистов), Анализы, Диагностика (тут будут УЗИ, Функц. Диагностика и Эндоскопия), Физиотерапия. Позиции по каждому направлению открываются в раскрывающемся блоке, по умолчанию показываются позиции Направлениям.

(по аналогии с http://www. smdoctor. ru/about/price).

4. Футер.

Контакты (та же страница, что и в блоке «О клиниках») - http://www. diamed. ru/about/ (по аналогии)

Разводящая страница

1. Шапка сайта.

2. Основное меню.

3. Карта Москвы с отмеченными клиниками. При клике на клинику переход к её подробному

описанию.

4. Перечень клиник. Для каждой: фото, текстовое описание, адрес, часы работы.

5. Футер.

Страницы «О клинике»  - по аналогии - http://www.diamed.ru/locations/shelkovskaya/

Страница клиники

1. Шапка сайта.

2. Основное меню.

3. Название клиники (с указанием улицы и станции метро).

4. Вкладка контакты - Точный адрес и время работы, Карта проезда.

5. Вкладка О клинике - Описание клиники.

6. Вкладка Специалисты - Врачи клиники

7. Вкладка Фотогалерея.

8. Вкладка Отзывы

9. Форма записи на прием.

10. Футер.

Функционал

Будут реализованы следующие программные режимы:

1. Отзывы с привязкой к врачам и услугам.

3. Врачи с привязкой к услугам.

4. Акции с привязкой к услугам.

5. Прайс-лист с привязкой к услугам.

6. Формы обратной связи.

7. Поиск по сайту.

Формы обратной связи

Записаться на прием

Поля формы записи:

1. Имя *

2. Телефон*

3. Адрес клиники (фильтр)*

4. Выбрать услугу (фильтр)

5. Выбрать врача (фильтр)

6. Желаемая дата приема (календарь)

7. Желаемое время приема

8. Комментарий

Задать вопрос

1. Ваше имя *

2. E-mail для ответа**

3. Телефон для ответа**

4. Вопрос*

** - означает, что одно из полей обязательно для заполнения

Заказать обратный звонок

1. Ваше имя*.

2. Ваш телефон*.

3. Адрес центра*

4. Удобное время для звонка.

Оставить отзыв

1. Ваше имя*.

2. Ваш e-mail*.

3. ФИО врача.

4. Отзыв*.

Тестирование и контроль качества

Создание и наполнение сайта производится на тестовом хостинге исполнителя.

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

На площадке Заказчика происходит финальное тестирование сайта.

Пожелания к дизайну - http:///wt_58241/