Мобильное приложение для сети танцевальных клубов GallaDance

Разработать мобильное приложение для сети танцевальных клубов GallaDance, цель которого — повысить удобство взаимодействия с клубами и создать приятный пользовательский опыт, и создать дизайн, который будет отражать особенности бренда. Клиент обратился к нам с запросом на редизайн приложения, которое было сделано на готовом решении и не закрывало всех потребностей клиента. Приложение выглядело устаревшим и было недостаточно функциональным.

В рамках проекта мы:

— Разработали концепт 

— Проанализировали цвета бренда и предложили более свежие тона

— Проработали навигацию главной страницы

— Улучшили личный кабинет, добавили обновлённые визуальные элементы

— Ввели фильтры в расписание, сделали наглядный календарь занятий

— Переработали интерфейс покупки услуг

— Добавили интерактивные элементы в дневник прогресса

— Сохранили фирменный паттерн

Танцевальная сеть клубов GallaDance расположена по всей России: клубы находятся в Санкт-Петербурге, в Москве, в Нижнем Новгороде и других городах.

Приложение разработано на Flutter. Так как это кроссплатформенный фреймворк, приложение сразу же разрабатывалось и для Android, и для iOS. Приложение доступно как в Google Play, так и в App Store.

С самого начала наша задача состояла в том, чтобы создать дизайн, который будет отражать особенности бренда GallaDance — современность, удобство и доступность. Мы начали с разработки концепта, отрисовали главную страницу, профиль пользователя, расписание занятий, а также страницы с информацией о преподавателях.

Мы сделали акцент на чистом и светлом дизайне. Старый дизайн выглядел скучно и серо и не был основан на фирменном стиле: готовое решение было слегка подогнано под цвета клиента. Мы начали с анализа цветов бренда на основе брендбука клиента. Клиент хотел использовать фирменный цвет — фиолетовый с красным оттенком, но мы предложили более свежие оттенки, чтобы подчеркнуть дружелюбность интерфейса. В итоге остановились на светлом фоне с лавандовым и холодным фиолетовым.

Проработали навигацию на главной странице. Например, на старом экране QR-код для входа в зал был маленьким и располагался в левом верхнем углу. Чтобы открыть и загрузить QR-код, требовалось больше нажатий. Это осложняло процесс, и мы предложили разместить клубную карту с QR-кодом крупно на главном экране — так его можно быстро отсканировать и пройти в зал. Теперь пользователи GallaDance не тратят время на лишние действия.

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

На главном экране отображается баланс лицевого счёта и бонусные баллы пользователя. Пользователи GallaDance могут пополнить баланс для оплаты напитков и закусок в клубах. Для сохранения конфиденциальности мы добавили функцию скрытия информации при необходимости — так же, как это делается в банковских приложениях. Это удобное решение для тех, кто открывает приложение в общественных местах и хочет сохранить свои данные в безопасности.

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

Раньше дневник прогресса состоял из списка посещённых занятий. Теперь каждый пользователь дополнительно отслеживает свой уровень танцевальной подготовки — «бронза», «серебро» или «золото», а также видит количество посещённых занятий по каждому направлению танцев. Мы добавили интерактивный элемент — сводку по тренировкам за месяц, которая показывает, сколько раз пользователь посетил танцевальные классы, например, танго или классические танцы. Это помогает пользователям видеть прогресс и мотивирует их заниматься дальше.

Мы сделали календарь, который позволяет отслеживать посещённые и запланированные занятия. На календаре пользователям видно, какие занятия они уже посетили, и какие тренировки у них запланированы в будущем. Это удобно для тех, кто любит заранее планировать свои тренировки и не хочет пропускать важные занятия.

Раньше все услуги были представлены в виде длинного списка, что делало навигацию по ним неудобной. Мы переработали интерфейс покупки услуг и ввели карточный метод представления информации. Теперь каждый вид услуги представлен в виде карточки, и если пользователь случайно выбрал неправильную карту, ему больше не нужно возвращаться на предыдущий экран и начинать поиск заново, он может изменить выбор в карточке — это экономит время.

Приложение поддерживает работу с лицевыми счетами пользователей. Например, в клубе можно записать покупку на лицевой счёт, а оплатить её позже через приложение из дома. Это позволяет избежать использования наличных денег или карт в момент покупки.

Фирменный паттерн GallaDance в виде кружочков — важная часть визуальной идентификации бренда на сайте и в маркетинговых материалах. Мы использовали этот паттерн в дизайне карточек и некоторых других элементов приложения, что помогает сохранить связь с брендом и создать единое визуальное впечатление.

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

— Проджект-менеджер

— Аккаунт-менеджер

— Тимлид

— 1С-Битрикс-разработчик

— Flutter-разработчик

— Тестировщик

— Арт-директор

— Дизайнер

Мы разрабатывали приложение в тесном взаимодействии с GallaDance, чтобы учесть пожелания и требования клиента. Приложение получилось функциональным, современным и удобным. Благодаря кроссплатформенной разработке на Flutter приложение доступно как для пользователей iOS, так и Android. Теперь можно не только записываться на занятия, но и просматривать историю посещений, отслеживать прогресс и использовать баланс для оплаты товаров и услуг в клубе. Пользоваться приложением GallaDance стало проще и комфортнее.