До сайту проекту ментального здоров'я "Поговоримо!?"
- Головна сторінка
- Сторінка "Про нас"
- Сторінка реєстрації\авторизації
- Особиста сторінка клієнта
- Особиста сторінка спеціаліста
- Особистий кабінет для клієнтів
- Особистий кабінет для спеціалістів
- Сторінка вибору спеціалістів
- Сторінка деталей сеансу
- Сторінка блогу
- Сторінка типова статей блогу
- Сторінка "Контакти"
Сайти існуючих проектів з психологічної допомоги
Критерії, за якими відбувалось дослідження сайтів існуючих проектів
- Чи надається допомога самотнім батькам, втративших чоловіка\дружину?
- Чи надається допомога дітям, які втратили одного чи обох батьків?
- Чи надається допомога волонтерам, які переживають вигорання, недолік мотивації, ПТСР?
- Чи надаються безкоштовні послуги?
- Чи надаються платні послуги?
- Чи є можливість залишати відгуки про роботу спеціалістів, під статтями, тощо?
- Чи є реєстрація на сайті, Особистий кабінет?
- Чи є можливість запису на прийом до спеціаліста для сеансу онлайн?
- Чи є можливість запису на прийом до спеціаліста для сеансу офлайн?
- Чи є власна горяча лінія?
- Чи є номера телефонів та посилання на діючі гарячі лінії поза проектом?
- Чи є корисні публікації чи засоби для самопомічі чи первинної самодіагностики?
- Кількість задіяних у проекті фахівців з психологічної допомоги
мал. 1. Таблиця відповідності сайтів існуючих проектів
Загальні вимоги
Онлайн платформа проекту має надавати:
- можливість отримання консультативної допомоги від професійних психологів – онлайн;
- вільний доступ до онлайн бібліотеки з фото, відео, аудиоматеріалом для самодопомоги;
- змога долучитись до вебінарів та тренингів, організованих дипломованими спеціалістами;
- можливість залишати коментарі та відгуки з боку користувачів;
- доступ до онлайн товариства з представників цільової аудиторії, де люди зможуть ділитися досвідом та підтримувати один одного;
- повна конфіденційність та захист даних, як пацієнтів, так і психологів;
- доступ до онлайн інструментів для самодіагностики свого психо-емоційного стану та можливість звернення за допомогою у разі необхідності
Вимоги до дизайну сайту
Дизайн сайту має бути:
- Витриманим у м'яких, заспокійливих тонах;
- З плавними лініями;
- Дружні, привітливі візуали (створені макети узгоджувати з спеціалістами з психології, долученими до проекту). Пропоновані теми для візуалів:
- мальовані плюшеві іграшки;
- мальовані силуети людей;
- обійми...;
- Кросбраузерним;
- Google Chrome;
- Mozilla Firefox;
- Opera;
- Safari;
- Microsoft Edge;
- *з урахуванням актуальних оновлень браузерів під актуальні версії операційних систем.
- З адаптивною версткою під різні види пристроїв (ПК (з максимальною шириною контентної області 1240px), планшет, мобільні пристрої (iPhone, Android));
- У вигляді рядних блоків.
мал. 2. Макет головної сторінки
Логотип має бути:
Побажання до логотипу - у вигляді квітки лотоса.
- 1 - 2 кольори максимум;
- плавні лінії;
- розглядається варіант логотипу разом з назвою "Поговоримо?!"
На прикладі логотипу на мал. 2.1. звернути увагу лише на форму. Кольори ігнорувати!
мал. 2.1. Приклад логотипу, який подобається
Вимоги до функціональної частини web-ресурсу
Header
Header розташовується в самій горі сторінки, та є наскрізним (відображаємим на всіх сторінках сайту) елементом сайту (передбачити фіксоване позиціонування при скролі сторінки) та має включати наступні окремі області під:
- логотип;
- перемикання мов відображення контенту сайту;
- контакти (контактні дані; іконки соц. мереж з переходом до відповідних мереж на сторінки проекту; швидкий зв'язок з адміністрацією сайту (передбачити можливість відкривання форми зворотного зв'язку у спливаючому модальному вікні));
- меню (навігація по сторінкам сайту у формі відповідних посилань структурованих у спливаюче вікно Dropup. Кнопка меню у вигляді "гамбургер");
мал. 3. Header
Head screen
Перший екран головної сторінки, функціонально представлений у вигляді слайдера з функцією комплектування слайду візуальними та функціональними елементами:
- фонове зображення\відео;
- додаткові зображення\відео;
- текст (заголовок, супровідний текст, з можливістю редагування шрифту та його розміру, кольору та ін.);
- геометричні фігури;
- активні кнопки з функцією редагування візуального стилю, додавання зовнішніх посилань, додавання посилань для внутрішньої навігації, перехід по "якорям".
мал. 4. Head screen
Block n+1
Блочна структура побудови сторінки передбачає можливість додавати у ці блоки будь які віджети плагінів та функціональних елементів представлених на сайті. Наприклад:
- текст;
- зображення;
- відео;
- слайдер;
- шорткод плагінів;
- фрагменти html коду;
- тощо...
Через адміністративну панель має бути можливість компоновки сторінки з будь яким порядком розміщення таких блоків, можливість міняти їх місцями без порушення цілісності сторінки.
мал. 5. block n+1
Анкета
Для первинної діагностики клієнта на сайті представлена інтерактивна анкета, сформована спеціалістами проекту, і яка включає в себе запитання з відповідями у вигляді кнопок. Кожна надана відповідь (натискання кнопки) формує запит до фільтру категорій до яких відноситься відповідна інформація, опублікована на сайті, та відповідні спеціалісти, зареєстровані на сайті.
Після заповнення анкети клієнту буде запропонований запис до відповідного спеціаліста. Форма запису до спеціаліста включатиме пропозицію зареєструватись на сайті.
На сайті використовуються cookie. При потраплянні на сайт:
- Якщо клієнт вперше на сайті, він потрапляє на сторінку з анкетою, яку йому буде запропоновано заповнити, чи зареєструватись\авторизуватись;
- Якщо клієнт розпочав процес заповнення анкети але не завершив його та не зареєструвався, йому буде запропоновано продовжити заповнювати анкету з того місця, на якому цей процес був перерваний;
- Якщо клієнт вже зареєстрований, він потрапляє на сторінку особистого кабінету
мал. 6. Макет анкети
Реєстрація\авторизація
Зареєструватись\авторизуватись на сайті можна за допомогою:
- Заповнення форми з вказівкою ім'я, e-mail, та паролю. Підтвердження реєстрації відбувається через вказаний e-mail на який відправляється лист з посиланням підтвердження;
- Реєстрація\авторизація через аккаунт google;
- Реєстрація\авторизація через аккаунт facebook;
Після успішної реєстрації\авторизації клієнт потрапляє на сторінку особистого кабінету
Реєстрація спеціалістів виконується адміністратором сайту після надання ними необхідної інформації про себе через форму зворотного зв'язку для спеціалістів та проходження співбесіди з куратором спеціалістів (чи реєстрація\авторизація може здійснюватися тим самим способом, що і для клієнтів, але статус спеціаліста з наданням розширених функцій особистого кабінету надаватиме адміністратор сайту через адміністративну панель).
мал. 7. Реєстрація
Особистий кабінет для клієнтів
На сторінці особистого кабінету клієнту доступно:
- Історія відвідувань сайту;
- Історія фактів проведених сеансів з вказівкою:
- часу проведення сеансів;
- спеціаліста, який проводив сеанс з посиланням на особисту сторінку спеціаліста;
- Список рекомендованих спеціалістів з посиланням на їх особисті сторінки;
- Можливість вносити\редагувати особисту інформацію:
- ім'я, фамілію, вік, стать;
- сімейний стан;
- професійний статус;
- номер телефону;
- e-mail;
- пароль;
- фото профілю;
- checkbox навпроти кожного елементу особистої інформації с функцією - "скрити";
- checkbox - "скрити особисту інформацію";
- checkbox - "скрити мою сторінку".
Особистий кабінет для спеціалістів
На сторінці особистого кабінету спеціалісту доступно:
- Історія відвідувань сайту;
- Історія фактів проведених сеансів з вказівкою:
- часу проведення сеансів;
- клієнтів, з яким був проведений сеанс з посиланням на особисту сторінку клієнта;
- посилання на детальний опис сеансу з можливістю додавання висновків;
- Можливість вносити\редагувати особисту інформацію:
- ім'я, фамілію, вік, стать;
- номер телефону;
- e-mail;
- пароль;
- фото профілю;
- опис своєї професійної діяльності;
- checkbox навпроти кожного елементу особистої інформації с функцією - "скрити";
- checkbox - "скрити особисту інформацію";
- checkbox - "скрити мою сторінку".
- дні та час відкритий для запису на прийом;
- Перелік компетенцій, які були підтверджені при реєстрації;
Фільтр спеціалістів
Атрибутами за якими відбувається фільтрація спеціалістів є:
- Перелік підтверджених компетенцій;
- Стать;
- Вік;
- Стаж;
Результатом фільтрації є посилання на особисті сторінки спеціалістів, атрибути яких відповідають критеріям фільтру.
мал. 8. Фільтр спеціалістів
Блог матеріалів сайту
Цей функціонал обумовлює:
- Можливість робити публікації у вигляді статей з текстом, фото та відео;
- Групування публікацій за рубриками, та їх відображення у відповідних розділах сайту.
мал. 9. Прев'ю статей на сторінках розділів.
Футер (підвал) сайту
Footer розташовується внизу сторінки сайту, та є наскрізним (відображаємим на всіх сторінках сайту) елементом сайту та має включати наступні окремі області під:
- логотип;
- перемикання мов відображення контенту сайту;
- контакти (контактні дані; іконки соц. мереж з переходом до відповідних мереж на сторінки проекту; швидкий зв'язок з адміністрацією сайту, форму зворотного зв'язку;
- меню сайту;
- посилання на публічну оферту;
- посилання на угоду конфіденційності.
мал. 10. Футер.
Структурне наповнення сайту
мал. 11 Структурна схема
Головна сторінка
Вміст головної сторінки сайту:
- Слайдер розташований на позиції Head screen з анімованими візуалами та закликом до дії натиснути одну з активних кнопок:
- Заповнити анекту;
- Вибрати психолога;
- Блок з прев'ю анкети клієнта на позиції block n+1, з першим питанням анкети. Після обрання одного з запропонованих відповідей, перехід до повного функціоналу анкети (або підвантаження наступних запитань анкети без переходу на іншу сторінку та без перезавантаження сторінки);
- Блок з прев'ю інформації "Про нас" на позиції block n+1, та активною кнопкою "Докладніше" з посиланням на сторінку Про нас;
- Блок "Наші психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
мал. 12. Головна сторінка
Сторінка "Про нас"
Вміст сторінки:
- Повна інформація про проект;
- Форма зворотного зв'язку на позиції block n+1, з можливістю обрати статус звернення:
- Потребую допомоги;
- Спеціаліст-психолог;
- Партнер\меценат;
- Блок "Наша команда" на позиції block n+1, з відображенням посилань на сторінки учасників проекту (посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста ;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Сторінка реєстрації\авторізації
На сторінці представлений функціонал реєстрації\авторизації.
Додатково:
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Особиста сторінка клієнта
На сторінці відображається:
- Фото (аватар);
- Особиста інформація (ФІО, вік, інформація "про себе");
- Контактні дані;
Інформація повністю або частково може бути прихована, як і вся сторінка клієнта загалом. Для цього передбачені відповідні налаштування на сторінці особистого кабінету клієнта.
Для відвідувачів сторінки передбачено:
- Залишати особисті повідомлення відповідному клієнту;
- Для авторизованого клієнта, який є "власником" сторінки доступна активна кнопка "редагувати профіль" з посиланням на особистий кабінет клієнта.
Додатково:
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Особиста сторінка спеціаліста
На сторінці відображається:
- Фото (аватар);
- Особиста інформація (ФІО, вік, інформація "про себе");
- Перелік компетенцій спеціаліста;
- Загальний стаж;
- Стаж на сайті проекту "Поговоримо!?";
- Кількість проведених сеансів на сайті проекту "Поговоримо!?";
- Форма запису на сеанс з вибором дня та часу.
Інформація повністю або частково може бути прихована, як і вся сторінка спеціаліста загалом. Для цього передбачені відповідні налаштування на сторінці особистого кабінету спеціаліста.
Для відвідувачів сторінки передбачено:
- Залишати особисті повідомлення відповідному клієнту;
- Для авторизованого спеціаліста, який є "власником" сторінки доступна активна кнопка "редагувати профіль" з посиланням на особистий кабінет спеціаліста.
- Блок "Всі психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
Додатково:
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Сторінка особистого кабінету клієнта
На сторінці представлений функціонал особистого кабінету клієнта.
Додатково:
- Блок "Всі психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Сторінка особистого кабінету спеціаліста
На сторінці представлений функціонал особистого кабінету спеціаліста.
Додатково:
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Сторінка вибору спеціалістів
На сторінці представлений функціонал фільтру спеціалістів за атрибутами.
Додатково:
- Блок "Всі психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
Сторінка деталей сеансу
Технічна сторінка на якій представлений елемент функціоналу "запис на прийом". Доступ має спеціаліст який проводив сеанс. Атрибутами сеансу є:
- Клієнт, з яким проводився сеанс;
- Спеціаліст який проводив сенс;
- Коментар\висновок від спеціаліста, який проводив сеанс;
- Статус сеансу "Терапія завершена?", з варіантами:
- так;
- ні;
Розділ Блогу
У розділі представлений функціонал блогу.
Додатково:
- Блок "Всі психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
Типова сторінка статті блогу
На сторінці публікується стаття з можливістю додавати:
- Зображення (аватар) статті;
- Текст;
- Фото;
- Відео;
Атрибути статті:
- Рубрика статті;
- Можливість обирати декілька рубрик;
Додатково:
- Блок "Всі психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
Сторінка "Контакти"
Вміст сторінки:
- Вся контактна інформація;
- Адреса офісу;
- Адреса кабінету для онлайн прийомів;
- Форма зворотного зв'язку на позиції block n+1, з можливістю обрати статус звернення:
- Потребую допомоги;
- Спеціаліст-психолог;
- Партнер\меценат;
- Блок "Наша команда" на позиції block n+1, з відображенням посилань на сторінки учасників проекту (посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста ;
- Блок "Наші партнери" на позиції block n+1, з переліком партнерів;
- Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;