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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот ещё:

avatar
  Подписаться  
Уведомление о
Дмитрий
Гость
Дмитрий

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

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

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