Доработки сайта «Irepetitor.Guru»

Доработки сайта «Irepetitor.Guru»

Оглавление

Разработка дизайна. 4

1. Страница «Полная база учеников». 4

2. Пункт «Отключения отображения на карте» в лк репетитора/ученика. 5

3. Изменение формы регистрации пользователя. 5

4. Новый вид главного меню сайта. 6

5. Блок управления подпиской в личном кабинете сайта. 6

6. Страница оплаты.. 7

Верстка элементов сайта. 9

1. Настройка кликабельности номера. 9

2. Настройка кликабельности иконок соц. сетей.. 10

3. Редактирование карточки репетитора/ученика. 10

4. Верстка страницы «Полная база учеников». 12

5. Изменение верстки профиля личного кабинета. 12

6. Верстка главного меню сайта. 12

7. Настройка отображения футера сайта. 12

8. Верстка первого этапа регистрации пользователя. 12

9. Верстка страницы способа оплаты.. 12

Разработка функционала сайта. 12

1. Настройка центрирования экрана при поиске. 12

2. Изменение формы регистрации пользователя. 13

3. Изменение поля «О себе» в разделе лк. 13

4. Разработать возможность выбора нескольких дисциплин.. 14

5. Разработать возможность загрузки нескольких изображений.. 15

6. Настройка отображения значений полей в ЛК.. 16

7. Настройка отображения статусов пользователей.. 16

8. Настройка отображения статусов пользователей.. 17

9. Настройка поиска по нескольких значением возраста. 17

10. Редактирование раздела «Федеральный реестр репетиторов». 18

11. Настройка функционала страницы «Полная база учеников». 18

12. Настройка функционала отключения отображения пользователя на карте поиска. 18

13. Настройка третьей группы пользователей.. 18

14. Настройка 1 шага регистрации.. 19

15. Настройка вывода значений для организаций в лк. 19

16. Настройка процедуры изменения личных данных для организаций.. 20

17. Настройка фильтрации для группы «Образовательная организация». 20

18. Настройка процедуры оплаты.. 20

19. Настройка ограничения пользования сайтом.. 21

20. Настройка почтовых уведомлений при регистрации.. 21

21. Интеграция сайта с AmoCRM... 22

1.

Разработка дизайна

Страница «Полная база учеников»

Страница выполняется по примеру существующей подобной страницы «Полная база учеников», изображенной на рисунке 1.

Страница, помимо, общих элементов страницы, таких, как шапка и футер сайта, содержит:

· Фильтр учеников

· Список всех учеников, зарегистрированных на сайте

Фильтр учеников содержит поля для фильтрации списка всех репетиторов:

o По цене за 45 минут (выполнено виде поля от Х до Y рублей)

o Дисциплина (выпадающий список с доступными дисциплинами)

o Возраст ученика выполнено виде поля от Х до Y лет)

o ЕГЭ/ОГЭ (чек-бокс)

Список учениковвыводится в табличном виде. Таблица имеет следующие столбцы:

o Порядковый номер записи

o Изображение, рейтинг и ФИО ученика

o Цена за 45 мин

o Доступные дисциплины

o Возраст ученика

Причем фильтр является прилипающим, при прокрутке страницы закрепляется в верхней части экрана. Фильтрация происходит только после выбора нужных параметров и клика по кнопке «Найти».

Список учеников выводится полностью, не зависимо, от кол-ва записей.

Доработки сайта «Irepetitor.Guru» - student2.ru

Рис. 1. Страница «Полная база учеников».

Изменение формы регистрации пользователя

Фактически на сайте имеются 3 группы пользователей:

· Ученики

· Репетиторы

· Образовательные организации

При регистрации реализуется выбор типа пользователя, отсюда регистрация выполняется в 2 этапа:

1. Выбор группы пользователей

2.Заполнение данных и завершение регистрации

Необходимо отрисовать окно выбора группы пользователей. При клике по кнопке «Регистрация» пользователь должен попадать на 1 этап регистрации, форма должна содержать:

· Заголовок: «Выберите, кто Вы»

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

Новый вид главного меню сайта

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

Страница оплаты

Схема страницы изображена на рисунке 4.

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

Страница помимо общих элементов страниц содержит:

· Блок выбора способа оплаты;

· Блок оплаты;

Блок выбора оплаты содержит блоки способов оплаты:

· Кредитные карточки

· Прочие способы оплаты

Каждый вариант оплаты содержит иконку и название. И иконка, и название кликабельны, при клике в области блока оплаты выводится соответствующий контент.

Способ оплаты «Кредитные карточки» в блоке оплаты содержит:

o Блок выбора срока пользования подписки

o Форму оплаты

o Чек-бокс согласия на регламентную оплату

Блок выбора срока пользования содержит заголовок и блоки возможных сроков. Каждый срок пользования содержит изображение, собственно срок пользования (1 неделя, 1 месяц, 1 год) и стоимость оплаты в формате: «Итого: Х рублей». По умолчанию выбран «1 год». Причем, если выбран другой период, над вариантом «1 год» остается метка «Популярно!».

Форма оплаты для «Кредитные карточки» содержит поля:

· Номер карты

· Имя владельца карты

· «Действует до» (выполняется в виде двух полей месяц / год)

· CVC2/CVV2

Абсолютно все поля обязательны для заполнения. Пользователь вводит данные и нажимает на кнопку «Оплатить картой», после чего происходит проверкая введенных данных на корректность. Если данные введены верно, пользователь видит сообщение «Спасибо, Ваш платеж принят и будет обработан в течении 12 часов.», если же данные некорректны – пользователь видит сообщение об ошибке.

Чекбокс согласия на регламентную оплату содержит текст: «Я разрешаю снимать с моего платежного средства Х рублей каждый Y.» (Х – сумма в рублях, Y – неделю, месяц или год) и ссылку «Условия оплаты», причем чекбокс по умолчанию проставлен. При клике на ссылку пользователь попадает на страницу с текстом условия оплаты.

Страница «Условия оплаты» помимо шапки и футера содержит текст:
"Завершая оплату, Вы разрешаете Tinkoff Pay снимать с Вашего платежного средства *** р каждый ***. Вы можете изменить способ оплаты или отменить подписку в любой момент в Управлении подпиской (СДЕЛАТЬ ГИПЕРССЫЛКОЙ). Если Вы отмените подписку, Ваша подписка отключится в конце оплаченного периода. Производя оплату, Вы соглашаетесь с тем, что потраченные на услугу деньги НЕ ПОДЛЕЖАТ ВОЗВРАТУ. В выписке с Вашего средства оплаты получатель платежа будет обозначен как ИП Багуль Олег Валерьевич (или IP Bagul OV). У Вас будет доступ к сайту iRepetitor.Guru на период, который Вы оплатили. Завершая оплату, Вы даете прямое согласие на немедленное исполнение договора (СДЕЛАТЬ ГИПЕРССЫЛКОЙ, ссылку на договор дадим позже), а также признаёте, что Ваше право отмены будет утрачено, как только Вы получите подписку на сайте iRepetitor.Guru.

Совершая покупку, Вы соглашаетесь с Условиями обслуживания (СДЕЛАТЬ ГИПЕРССЫЛКОЙ, ссылку на договор дадим позже) на сайте iRepetitor.Guru.

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

Платежи обрабатывает Tinkoff Pay"

Способ оплаты «Другие способы оплаты» в блоке оплаты содержит:

o Блок выбора срока пользования подписки

o Список способов оплаты

Блок выбора срока пользования содержит заголовок и блоки возможных сроков. Каждый срок пользования содержит изображение, собственно срок пользования (1 неделя, 1 месяц, 1 год) и стоимость оплаты в формате: «Итого: Х рублей».

Список способов оплаты содержит перечень иных способов оплаты, отличных от разного рода кредитных карт. Каждый способ оплаты представлен изображением, названием и кратким описанием. Изображение и название кликабельны, при клике пользователь выбирает указанного способа оплаты и кликает по кнопке оплатить, после чего попадает на страницу выбранного способа оплаты.

По умолчанию при загрузке страницы выбран способ оплаты карточкой.

Доработки сайта «Irepetitor.Guru» - student2.ru

Рис. 4. Схема страницы оплаты.

Верстка элементов сайта

Верстка главного меню сайта

Требуется сверстать обновленное главное меню сайта согласно:

· Описанию пункта 4 раздела дизайна

· Согласованным дизайн-макетам

Настройка фильтрации для группы «Образовательная организация»

Требуется настроить функционал фильтрации для группы «Образовательные организации» в разделе «Я -ученик» в соответствии с описанием: все организации выводятся не зависимо от выбранных значений в полях формы (рисунок 17):

· Возраст

· Цена за 45 мин

· У меня

Настройка процедуры оплаты

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

· Для проведения оплат используется страница, описанная в пункте 6 раздела разработка дизайна

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

· Статус и дата окончания платного периода отображаются в личном кабинете пользователя, согласно пункту 5 раздела разработки дизайна

· Для оплаты используется платежный агрегатор Tinkoff Pay

· При оплате счета, в иконке репетитора/ученика в правом нижнем углу раздела «Я - ученик» или «Я - репетитор» (рисунок 19) выводится разово сообщение «Вы приобрели полный доступ к сайту до ДД/ММ/ГГГГ. Пользуйтесь с удовольствием». Сообщение показывается, пока не будет закрыто, после закрытия, показываются уже существующие подсказки.

· Цена должна выводиться в зависимости от местоположения пользователя и выбранной группы, например:

Для Москвы:

1) Репетиторы - 5900 р в год; 990 р в месяц; 390 р на 1 неделю

2) Обр орг - 22900 р в год; 3900 р в месяц; 1490 на 1 неделю

Для Марий Эл:

1) Репетиторы - 3490 р в год; 590 р в месяц; 190 р на 1 неделю

2) Обр орг - 17900 р в год; 2900 р в месяц; 1190 на 1 неделю

Доработки сайта «Irepetitor.Guru» - student2.ru

Рис. 18. Иконка репетитора в разделе «Я - репетитор».

Интеграция сайта с AmoCRM

Требуется настроить импорт пользователей всех групп в AмоCRM

Доработки сайта «Irepetitor.Guru»

Оглавление

Разработка дизайна. 4

1. Страница «Полная база учеников». 4

2. Пункт «Отключения отображения на карте» в лк репетитора/ученика. 5

3. Изменение формы регистрации пользователя. 5

4. Новый вид главного меню сайта. 6

5. Блок управления подпиской в личном кабинете сайта. 6

6. Страница оплаты.. 7

Верстка элементов сайта. 9

1. Настройка кликабельности номера. 9

2. Настройка кликабельности иконок соц. сетей.. 10

3. Редактирование карточки репетитора/ученика. 10

4. Верстка страницы «Полная база учеников». 12

5. Изменение верстки профиля личного кабинета. 12

6. Верстка главного меню сайта. 12

7. Настройка отображения футера сайта. 12

8. Верстка первого этапа регистрации пользователя. 12

9. Верстка страницы способа оплаты.. 12

Разработка функционала сайта. 12

1. Настройка центрирования экрана при поиске. 12

2. Изменение формы регистрации пользователя. 13

3. Изменение поля «О себе» в разделе лк. 13

4. Разработать возможность выбора нескольких дисциплин.. 14

5. Разработать возможность загрузки нескольких изображений.. 15

6. Настройка отображения значений полей в ЛК.. 16

7. Настройка отображения статусов пользователей.. 16

8. Настройка отображения статусов пользователей.. 17

9. Настройка поиска по нескольких значением возраста. 17

10. Редактирование раздела «Федеральный реестр репетиторов». 18

11. Настройка функционала страницы «Полная база учеников». 18

12. Настройка функционала отключения отображения пользователя на карте поиска. 18

13. Настройка третьей группы пользователей.. 18

14. Настройка 1 шага регистрации.. 19

15. Настройка вывода значений для организаций в лк. 19

16. Настройка процедуры изменения личных данных для организаций.. 20

17. Настройка фильтрации для группы «Образовательная организация». 20

18. Настройка процедуры оплаты.. 20

19. Настройка ограничения пользования сайтом.. 21

20. Настройка почтовых уведомлений при регистрации.. 21

21. Интеграция сайта с AmoCRM... 22

1.

Разработка дизайна

Наши рекомендации