PRO-дизайн

Мы полностью переработали основной экран приложения клуба. Если в двух словах, то новый экран стал красивее и удобнее. Если чуть подробнее, то мы:

• вывели на основной экран самую востребованную информацию
• добавили новые инструменты маркетинга для клуба
• упростили навигацию в приложении
• расширили возможности для брендирования
• добавили простора для развития

Теперь поговорим подробнее о каждом направлении отдельно.

Простор для развития

Во-первых, новый основной экран представляет собой ленту с разными блоками. (Как в приложениях популярных банков, соц. сетях и т.д.) С одной стороны – для пользователей это уже привычный формат. С другой стороны – это возможность развивать приложение без переработки дизайна, т.к. лента может быть бесконечной. Всегда есть место, куда добавить дополнительный блок с новым функционалом. Звучит просто, но это важное стратегическое изменение 🙂

Во-вторых, один из новых разделов позволяет интегрировать в приложение сторонние разработки. Например, клуб разработал что-нибудь собственное и хочет добавить это в приложение. С новым экраном это стало возможно!

Всё что нужно – на одном экране

Теперь в приложении можно настроить, что показывать сразу после запуска. Например, новый основной экран в PRO-дизайне. Мы постарались вывести самую востребованную информацию сразу на первый экран в виде блоков:

Блок “Предупреждения”

Это блок в самом верху, который отображается только в определенных условиях. Например, у клиента есть неоплаченная продажа – отобразится сообщения с кнопкой для перехода в задолженности. Скоро заканчиваетсяклубная карта – также отобразится сообщение с предложением перейти на экран описания клубной карты. (Кстати, на этот экран мы недавно добавили кнопку “Продлить” для перехода в магазин). Тоже самое про истекающий срока пакета услуг – приложение обратит внимание, чтобы клиент задумался о продлении.

Приложение может отображать несколько предупреждений одновременно в горизонтальном скролле.

Блок “Клубная карта”
 

Здесь отображаются активные клубные карты клиента с ключевой информацией: название, статус, дата окончания, остаток дней и кнопкой для открытия QR-кода из номера карты. При нажатии откроется экран с подробностями, но в большинстве случаев клиенту интересна дата окончания или QR-код. Все уже здесь.

Если у клиента несколько активных карт, все они отобразятся в блоке в горизонтальном скролле.

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

Блок “Мои счета”

Здесь отображаются все счета, доступные клиенту, в т.ч. бонусные. Как правило, клиента интересует баланс лицевого счета – он сразу здесь. При нажатии откроется экран с лицевыми счетами и историей транзакций + кнопкой “Пополнить”.

Блок “Мои тренировки”

Здесь отображаются 5 ближайших тренировок клиента со всем необходимым: название, место проведения, тренер, дата и время. На случай, когда клиент заходит в клуб и на бегу проверяет, в какой зал ему идти. Информация уже здесь на первом экране.

Если клиент пока не записан на занятия, то приложение покажет ему большую кнопку “Записаться”. При нажатии предложит перейти в расписание групповых занятий или в тренерский состав для записи на персональную тренировку.

Блок “Сейчас в клубе”

Бережно перенесли блок со стандартного экрана «Еще». Здесь тоже доступно число клиентов в клубе. В отдельных случаях мы также показываем микро-аватарки клиентов. Они слишком маленькие, чтобы различить реального человека, но при этом уникальны и добавляют «жизни» клубу. Не просто цифра, а реальные люди с которыми можно вместе потренироваться.

Другие блоки

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

В рамках этого раздела добавим еще, что в самый низ мы добавили версию приложения и ссылки на документы, с которому клиент согласился при регистрации.

Новые инструменты маркетинга

Стандартный раздел Акции нашел свое место на PRO-экране в формате сторис клуба сверху. Привычный для пользователя формат с большейтконверсией по сравнению со стандартными акциями.

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

Удобная навигация

При проектировании PRO-экрана мы хотели сделать путешествие пользователя по приложению максимально простым и интуитивным. Для этого на одни и те же экраны можно зайти разными способами.

В разные разделы теперь можно попасть как через TabBar (меню снизу), так и через блоки на PRO экране + плитки в блоках Сервисы и Личное. Кроме того, мы доработали навигацию в пустых экранах.

Еще мы добавили больше призывов авторизоваться для только что скачавших пользователей. А также призывы записаться на первую тренировку и купить первую клубную карту. Не стать членом клуба стало еще сложнее :)

Блоки Сервисы и Личное

В первом блоке есть все разделы, связанные с клубом: расписание, магазин, тренеры, онлайн материалы и т.д. Все представлено виде плиток с горизонтальным скроллом.

Во втором блоке все разделы, связанные лично с пользователем: депозиты, клубная карта, тренировки, семья и т.д.

Содержание блоков можно редактировать. Добавлять, удалять и переставлять местами плитки.

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

Брендирование

Мы добавили больше возможностей для брендирования. Почти во всех блоках используется брендовый градиент клуба + основной блок входа в ЛК использует иллюстрации с паттернами и логотипом.

Также на экране отображается активная карта клиента в фирменном дизайне с логотипом клуба.

И в качестве последнего штриха мы добавили иконку клуба в TabBar для обозначения PRO-экрана.

Больше PRO-фич на нашем новом сайте pro.fitness-kit.ru