Сайт школы классической остеопатии

1.

Сайт школы классической
остеопатии
Цели создания сайта:
- информирование клиентов
- не агрессивное расширение клиентской базы
- создание благоприятного информационного
фона
- перенос на веб-платформу части функций
регистрации

2.

Структура сайта
Сайт состоит из 9
основных разделов
Навигация
осуществляется
ссылками: текстовыми и
графическими
Интерактивная
составляющая — форма
записи на обучение
Разделы:
Главная
Обучение
Приём
Специалисты
Контакты
Новости
Обо мне
Статьи
Видео

3.

osteo-dom.ru
«Главная», принципиальная схема

4.

«Главная», текущее состояние

5.

Описание функционала раздела
«Главная»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Блок графической навигации
Лента, содержит графические изображения-ссылки. Тип окна — слайдер. Необходима вебформа для администратора и модератора на добавление новостей. Частота
редактирования — постоянная.
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

6.

osteo-dom.ru/obuchenie
«Обучение», принципиальная схема

7.

«Обучение», текущее состояние

8.

Описание функционала раздела
«Обучение»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Основной фрейм
Является лентой, вмещающей вторичные информационные блоки. Имеет текстовое
заглавие. В зависимости от наполненности может быть использован бегунок справа.
Число вторичных фреймов не ограничено.
- Вторичный фрейм
Статичного размера блок, содержит графические и текстовые материалы — описание
курса.
Необходима веб-форма для администратора и модератора на добавление информации. А
так же на добавление самих фреймов. Частота редактирования — низкая.
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

9.

osteo-dom.ru/priyom
«Приём», принципиальная схема

10.

«Приём», текущее состояние

11.

Описание функционала раздела
«Приём»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Календарный блок
Содержит блок авторизации, навигации по календарю. Блок интерактивный. При нажатии
на ячейку должно появляться диалоговое окно с приглашением записаться на приём в
указанное время и дату. Активными должны быть только графы, помеченные как «рабочее
время» во вкладке «распорядок недели» (см. ниже).
При записи на приём должна быть функция бронирования нескольких временных ячеек.
Запись на приём осуществляется только авторизованных пользователей.
Администратор имеет права на бронирование ячеек от имени пользователя.
- Блок внутренней календарной навигации
Навигация по календарю: понедельная и помесячная.
- Календарный блок записи
Содержит непосредственно временные и календарные блоки.
- Блок авторизации
Форма авторизации на сайте
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

12.

osteo-dom.ru/speczialistyi
«Специалисты», принципиальная схема

13.

«Специалисты», текущее состояние

14.

Описание функционала раздела
«Специалисты»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Информационный блок
Содержит подфреймы, структурированные в формате «плитка».
- Фрейм «визитка»
Статическое графическое изображение и текстовое описание. Необходима возможность
изменения текста, графического изображения. Графа стоимость приёма должна
обновлять информацию исходя из данных страницы «статистика» (см. функционал
режима «администратора»). Интерактивная составляющая: mailme.
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

15.

osteo-dom.ru/kontaktyi
«Контакты», принципиальная схема

16.

«Контакты», текущее состояние

17.

Описание функционала раздела
«Специалисты»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Информационный блок
Содержит интерактивный блок и текстовое сопровождение.
- Интерактивный блок
Содержит интерактивную карту.
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

18.

osteo-dom.ru/novosti
«Новости», принципиальная схема

19.

«Новости», текущее состояние

20.

Описание функционала раздела
«Новости»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Основной информационный блок
Является лентой, вмещающей вторичные информационные блоки. В зависимости от
наполненности может быть использован как бегунок справа, так и кнопки.
- Вторичный информационный блок
Статичного размера блок, содержит графические и текстовые материалы. Необходима
веб-форма для администратора и модератора на добавление информации.
- Ссылка на форму заявки
По нажатии выводит окно регистрации на курс или производит переход на
соответствующую запись в разделе «Статьи»
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

21.

osteo-dom.ru/obo-mne
«Обо мне», принципиальная схема

22.

«Обо мне», текущее состояние

23.

Описание функционала раздела
«Обо мне»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Информационный блок
Статический текст и графическое изображение.
! необходимо переверстать, текст не должен начинаться под
изображением
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

24.

osteo-dom.ru/articles
«Статьи», принципиальная схема

25.

«Статьи», текущее состояние

26.

Описание функционала раздела
«Статьи»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Основной информационный блок
Является лентой, вмещающей вторичные информационные блоки. В зависимости от
наполненности может быть использован как бегунок справа, так и кнопки.
- Вторичный информационный блок
Статичного размера блок, содержит графические и текстовые материалы. Необходима
веб-форма для администратора и модератора на добавление информации.
- Ссылка на форму заявки
По нажатии выводит окно регистрации на курс
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

27.

osteo-dom.ru/video
«Видео», принципиальная схема

28.

«Видео», текущее состояние

29.

Описание функционала раздела
«Видео»
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Основной информационный блок
Является лентой, вмещающей вторичные информационные блоки. В зависимости от
наполненности может быть использован как бегунок справа, так и кнопки.
- Вторичный информационный блок
Статичного размера блок, содержит видео и текстовые материалы. Необходима
веб-форма для администратора и модератора на добавление информации.
- Основные элементы вторичного блока
Видео проигрыватель;
Аннотация к видео, текстовый блок.
- Ссылка на форму заявки
По нажатии выводит окно регистрации на курс или производит переход на
соответствующую запись в разделе «Статьи»
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

30.

Разделы доступные в режиме
администратора
В режиме администратора должны быть доступны следующие
вкладки:
Распорядок недели
Клиенты
Статистика
Авторизация проходит через блок авторизации в разделе «Приём»

31.

Рабочий экран администратора

32.

Описание функционала страницы
администратора
- Блоки навигационных ссылок.
Статические навигационные ссылки на основные разделы сайта. Является шапкой.
- Графический блок «логотип»
Содержит статичное изображение-ссылку на раздел «Главное».
- Информационный блок администратора
Является фреймом, вмещающим, навигационную панель администратора и рабочий блок
администратора
- Навигационный блок администратора
Статические навигационные ссылки на вкладки, доступные в режиме администратора и
отображаемые в рабочем блоке администратора.
- Рабочий блок администратора
Отображает вкладки администраторской панели.
- Ссылка на форму заявки
По нажатии выводит окно регистрации на курс или производит переход на
соответствующую запись в разделе «Статьи»
- Блок ссылок на страницы в соц.сетях и т. д.
Содержит ссылки на VK, FB, YouTube, а так же форму mailme:. Список ссылок будет
дополняться по мере появления. Блок наравне с шапкой представлен в каждом разделе.

33.

Описание вкладки «Распорядок
недели
Каждая временная ячейка кликабельна. Ей присваивается
значение «рабочее время» и «нерабочее время».
Временные ячейки помеченные как «нерабочее время» не
могут быть выбраны в расписании для записи на приём.
Требуется возможность назначения значения для целого дня и
недели.

34.

Описание вкладки «Клиенты»
В этой вкладке находится пронумерованный список клиентской базы.
Выводит на экран: ФИО, Наличие истории болезни, сумма дохода с клиента.
Функциональная кнопка «удалить из базы» (del) и «сделать избранным» (избр).
Все пункты кликабельны. Фильтрация по маркеру «избранный», первой букве
ФИО, наличию истории болезни.
Каждая первая в списке ФИО буква выделяется цветом и кеглем

35.

Описание вкладки «Клиенты»
Клик на ФИО или «историю болезни» переводит в личное дело клиента

36.

Описание вкладки «Статистика»
Считывает данные из календаря, суммирует
и выводит в виде интерактивной
таблицы.
Значения боксов «Стоимость первого
приёма» и «Стоимость приёма»
редактируется в этой вкладке.
Графы таблицы имеющие значение,
отличное от 0 кликабельны, выводится
всплывающее окно с перечислением
клиентуры и пр. данных: