Автор: ym

Дизайн сайту має бути: 

• Витриманим у м'яких, заспокійливих тонах;
• З плавними лініями;
• Дружні, привітливі візуали (створені макети узгоджувати з спеціалістами з психології, долученими до проекту). Пропоновані теми для візуалів:
  •  мальовані плюшеві іграшки;
  • мальовані силуети людей;
  • обійми...;
• Кросбраузерним;
  • Google Chrome;
  • Mozilla Firefox;
  • Opera;
  • Safari;
  • Microsoft Edge;
  • *з урахуванням актуальних оновлень браузерів під актуальні версії операційних систем.
• З адаптивною версткою під різні види пристроїв (ПК (з максимальною шириною контентної області 1240px), планшет, мобільні пристрої (iPhone, Android));
• У вигляді рядних блоків.

Header

Header розташовується в самій горі сторінки, та є наскрізним (відображаємим на всіх сторінках сайту) елементом сайту (передбачити фіксоване позиціонування при скролі сторінки) та має включати наступні окремі області під:

• логотип;
• перемикання мов відображення контенту сайту;
• контакти (контактні дані; іконки соц. мереж з переходом до відповідних мереж на сторінки проекту; швидкий зв'язок з адміністрацією сайту (передбачити можливість відкривання форми зворотного зв'язку у спливаючому модальному вікні));
• меню (навігація по сторінкам сайту у формі відповідних посилань структурованих у спливаюче вікно Dropup. Кнопка меню у вигляді "гамбургер");

Head screen

Перший екран головної сторінки, функціонально представлений у вигляді слайдера з функцією комплектування слайду візуальними та функціональними елементами:

• фонове зображення\відео;
• додаткові зображення\відео;
• текст (заголовок, супровідний текст, з можливістю редагування шрифту та його розміру, кольору та ін.);
• геометричні фігури;
• активні кнопки з функцією редагування візуального стилю, додавання зовнішніх посилань, додавання посилань для внутрішньої навігації, перехід по "якорям".

Block n+1

Блочна структура побудови сторінки передбачає можливість додавати у ці блоки будь які віджети плагінів та функціональних елементів представлених на сайті. Наприклад:

• текст;
• зображення;
• відео;
• слайдер;
• шорткод плагінів;
• фрагменти html коду;
• тощо...

Через адміністративну панель має бути можливість компоновки сторінки з будь яким порядком розміщення таких блоків, можливість міняти їх місцями без порушення цілісності сторінки.

Анкета

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

Після заповнення анкети клієнту буде запропонований запис до відповідного спеціаліста. Форма запису до спеціаліста включатиме пропозицію зареєструватись на сайті.

На сайті використовуються cookie. При потраплянні на сайт:

• Якщо клієнт вперше на сайті, він потрапляє на сторінку з анкетою, яку йому буде запропоновано заповнити, чи зареєструватись\авторизуватись;
• Якщо клієнт розпочав процес заповнення анкети але не завершив його та не зареєструвався, йому буде запропоновано продовжити заповнювати анкету з того місця, на якому цей процес був перерваний;
• Якщо клієнт вже зареєстрований, він потрапляє на сторінку особистого кабінету

Реєстрація\авторизація

Зареєструватись\авторизуватись на сайті можна за допомогою:

• Заповнення форми з вказівкою ім'я, e-mail, та паролю. Підтвердження реєстрації відбувається через вказаний e-mail на який відправляється лист з посиланням підтвердження;
• Реєстрація\авторизація через аккаунт google;
• Реєстрація\авторизація через аккаунт facebook;

Після успішної реєстрації\авторизації клієнт потрапляє на сторінку особистого кабінету

Реєстрація спеціалістів виконується адміністратором сайту після надання ними необхідної інформації про себе через форму зворотного зв'язку для спеціалістів та проходження співбесіди з куратором спеціалістів (чи реєстрація\авторизація може здійснюватися тим самим способом, що і для клієнтів, але статус спеціаліста з наданням розширених функцій особистого кабінету надаватиме адміністратор сайту через адміністративну панель).

Особистий кабінет для клієнтів

На сторінці особистого кабінету клієнту доступно:

• Історія відвідувань сайту;
• Історія фактів проведених сеансів з вказівкою:
  • часу проведення сеансів;
  • спеціаліста, який проводив сеанс з посиланням на особисту сторінку спеціаліста;
• Список рекомендованих спеціалістів з посиланням на їх особисті сторінки;
• Можливість вносити\редагувати особисту інформацію:
  • ім'я, фамілію, вік, стать;
  • сімейний стан;
  • професійний статус;
  • номер телефону;
  • e-mail;
  • пароль;
  • фото профілю;
  • checkbox навпроти кожного елементу особистої інформації с функцією - "скрити";
  • checkbox - "скрити особисту інформацію";
  • checkbox - "скрити мою сторінку".

Особистий кабінет для спеціалістів

На сторінці особистого кабінету спеціалісту доступно:

• Історія відвідувань сайту;
• Історія фактів проведених сеансів з вказівкою:
  • часу проведення сеансів;
  • клієнтів, з яким був проведений сеанс з посиланням на особисту сторінку клієнта;
  • посилання на детальний опис сеансу з можливістю додавання висновків;
• Можливість вносити\редагувати особисту інформацію:
  • ім'я, фамілію, вік, стать;
  • номер телефону;
  • e-mail;
  • пароль;
  • фото профілю;
  • опис своєї професійної діяльності;
  • checkbox навпроти кожного елементу особистої інформації с функцією - "скрити";
  • checkbox - "скрити особисту інформацію";
  • checkbox - "скрити мою сторінку".
  • дні та час відкритий для запису на  прийом;
• Перелік компетенцій, які були підтверджені при реєстрації;

Фільтр спеціалістів

Атрибутами за якими відбувається фільтрація спеціалістів є:

• Перелік підтверджених компетенцій;
• Стать;
• Вік;
• Стаж;

Результатом фільтрації є посилання на особисті сторінки спеціалістів, атрибути яких відповідають критеріям фільтру.

Блог матеріалів сайту

Цей функціонал обумовлює:

• Можливість робити публікації у вигляді статей з текстом, фото та відео;
• Групування публікацій за рубриками, та їх відображення у відповідних розділах сайту.

Футер (підвал) сайту

Footer розташовується внизу сторінки сайту, та є наскрізним (відображаємим на всіх сторінках сайту) елементом сайту  та має включати наступні окремі області під:

• логотип;
• перемикання мов відображення контенту сайту;
• контакти (контактні дані; іконки соц. мереж з переходом до відповідних мереж на сторінки проекту; швидкий зв'язок з адміністрацією сайту, форму зворотного зв'язку;
• меню сайту;
• посилання на публічну оферту;
• посилання на угоду конфіденційності.

Головна сторінка

Вміст головної сторінки сайту:

• Слайдер розташований на позиції Head screen з анімованими візуалами та закликом до дії натиснути одну з активних кнопок:
  • Заповнити анекту;
  • Вибрати психолога;
• Блок з прев'ю анкети клієнта на позиції block n+1, з першим питанням анкети. Після обрання одного з запропонованих відповідей, перехід до повного функціоналу анкети (або підвантаження наступних запитань анкети без переходу на іншу сторінку та без перезавантаження сторінки);
• Блок з прев'ю інформації "Про нас" на позиції block n+1, та активною кнопкою "Докладніше" з посиланням на сторінку Про нас;
• Блок "Наші психологи" на позиції block n+1, з відображенням посилань на сторінки психологів (3 посилання з фото, заголовком та кнопкою "детальніше", посилання якої веде на особисту сторінку спеціаліста  (кількість посилань може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі психологи" з посиланням на сторінку Вибір психологів;
• Блок "Корисна інформація" на позиції block n+1, з прев'ю статей (3 прев'ю з фото, заголовком та кнопкою "детальніше", посилання якої веде на типову сторінку статті (кількість прев'ю може бути змінена в налаштуваннях віджету в адміністративній панелі)), з активною кнопкою "Всі статті" з посиланням на сторінку Блог;
• Блок "Наші партнери" на позиції block n+1, з переліком партнерів;