Мы полностью переработали основной экран приложения клуба. Новый экран стал красивее и удобнее. Если коротко, мы:
Разберём каждое направление подробно.
Во-первых, новый основной экран представляет собой ленту с разными блоками — как в приложениях популярных банков, соцсетях и т.д. С одной стороны, для пользователей это уже привычный формат. С другой — это возможность развивать приложение без переработки дизайна, ведь лента может быть бесконечной: всегда есть место, куда добавить дополнительный блок с новым функционалом. Звучит просто, но это важное стратегическое изменение.
Во-вторых, один из новых разделов позволяет интегрировать в приложение сторонние разработки. Например, клуб разработал что-то собственное и хочет добавить это в приложение — с новым экраном это стало возможно.
Теперь в приложении можно настроить, что показывать сразу после запуска. Например, новый основной экран в PRO-дизайне. Мы постарались вывести самую востребованную информацию сразу на первый экран в виде блоков.
Блок в самом верху экрана, который отображается только при определённых условиях:
Приложение может показывать сразу несколько предупреждений — они отображаются в горизонтальном скролле.
Здесь отображаются активные клубные карты клиента с ключевой информацией: название, статус, дата окончания, остаток дней, а также кнопка для открытия QR-кода из номера карты. При нажатии на карту откроется экран с подробностями, но в большинстве случаев клиенту важна именно дата окончания или QR-код — а они уже на первом экране.
Если у клиента несколько активных карт, все они отображаются в блоке в горизонтальном скролле. Если активной карты нет, блок превращается в предложение приобрести первую клубную карту.
Здесь отображаются все счета, доступные клиенту, включая бонусные. Как правило, клиента интересует баланс лицевого счёта — он сразу здесь. При нажатии откроется экран с лицевыми счетами, историей транзакций и кнопкой «Пополнить».
Здесь отображаются 5 ближайших тренировок клиента со всей необходимой информацией: название, место проведения, тренер, дата и время. Это удобно, когда клиент заходит в клуб и на бегу проверяет, в какой зал ему идти, — вся информация уже на первом экране.
Если клиент пока не записан на занятия, приложение покажет большую кнопку «Записаться». При нажатии на неё предложит перейти в расписание групповых занятий или в тренерский состав для записи на персональную тренировку.
Этот блок мы бережно перенесли со стандартного экрана «Ещё». Здесь по-прежнему доступно число клиентов в клубе. В отдельных случаях также показываются микро-аватарки клиентов: они слишком маленькие, чтобы различить конкретного человека, но уникальны и добавляют клубу жизни — это не просто цифра, а реальные люди, с которыми можно вместе потренироваться.
Про остальные блоки расскажем в разделах про маркетинговые инструменты и обновлённую навигацию.
Кроме того, в самый низ основного экрана мы добавили версию приложения и ссылки на документы, с которыми клиент согласился при регистрации.
Стандартный раздел «Акции» нашёл своё место на PRO-экране в формате сторис клуба сверху — это привычный для пользователей формат, дающий более высокую конверсию по сравнению со стандартными акциями.
Также мы добавили горизонтальный баннер, привлекающий внимание пользователей. При нажатии пользователь переходит по ссылке, которую настраивает маркетолог клуба в панели администратора. По умолчанию отображается баннер с гайдом по приложению для клиентов.
При проектировании PRO-экрана мы хотели сделать путешествие пользователя по приложению максимально простым и интуитивным. Для этого на одни и те же экраны теперь можно попасть разными способами: через TabBar (меню снизу), через блоки на PRO-экране, а также через плитки в блоках «Сервисы» и «Личное». Кроме того, мы доработали навигацию на пустых экранах.
Мы также добавили больше призывов авторизоваться для тех, кто только что скачал приложение, а также призывы записаться на первую тренировку и купить первую клубную карту. Не стать членом клуба стало ещё сложнее.
В блоке «Сервисы» собраны все разделы, связанные с клубом: расписание, магазин, тренеры, онлайн-материалы и т.д. Все они представлены в виде плиток с горизонтальным скроллом.
В блоке «Личное» собраны все разделы, связанные лично с пользователем: депозиты, клубная карта, тренировки, семья и т.д.
Содержание обоих блоков можно редактировать: добавлять, удалять и переставлять плитки местами. Кроме того, сюда можно добавить плитки для перехода в собственные разработки клуба.
Мы добавили больше возможностей для брендирования. Почти во всех блоках используется брендовый градиент клуба, а основной блок входа в личный кабинет использует иллюстрации с паттернами и логотипом клуба.
Также на экране отображается активная карта клиента в фирменном дизайне с логотипом клуба.
И в качестве последнего штриха мы добавили иконку клуба в TabBar — она обозначает PRO-экран.
Больше PRO-фич смотрите на нашем новом сайте pro.fitness-kit.ru.
Ищут также: что такое pro-дизайн, как выглядит новый основной экран, как настроить главный экран приложения, что показывать на первом экране приложения, как включить pro-экран, какие блоки есть на pro-экране, как добавить свой блок на экран