Обновили страницы со списком и описанием программ

Мы обновили страницы с формой заявки, списком и описанием программ. Стало понятнее и удобнее.
Техническую часть: гору php и js кода, написал Игорь Ивлев.

Описание программ альплагеря с первой версии сайта выглядело почти одинаково: раскрывающиеся поля «аккордеона». Для одной смены они выглядели нормально, а когда смен стало много, на странице с программами повторялось одно и то же.

Сейчас на странице с программами лежат короткие описания alplager.kz/programms/, с которых переходят на подробное описание программы, например, alplager.kz/programms/beginner/.

Список программ

Список программ

В описании программы, кроме самого описания, выводится список смен. После каждой смены указано, сколько осталось свободных мест. Даты, покрашенные в серый — неактивные. Это уже прошедшие, переполненные или ещё не открытые для бронирования смены. Выберите дату и ниже появится результат: выбранная смена и сколько она стоит. Жмите кнопку «Перейти к заявке». В форме заявки уже будет ваша программа и выбранные даты.

Подробный вид программы

Подробный вид программы

Ссылку на форму с программой и датами можно скопировать и отправить друзьям.

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

Пока есть мелкие недочёты: не склоняются места, список программ криво отображается на мобильных. Скоро починим.

Если вы разбираетесь в UX или просто отличаете удобный интерфейс от неудобного, напишите как вам.

PS Игорь расскажет, как работал над системой оплаты у себя в блоге blog.axisful.info

Вот ещё:

1
Комментарии

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Дмитрий Recent comment authors
  Subscribe  
Отправлять уведомления на почту
Дмитрий
Гость
Дмитрий

Раньше в описании программы Школы инструкторов лежали физ.нормативы и требования по уровню скалолазания/ледолазания.
Их сейчас где-то можно найти на сайте?)

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: