Мобильные приложения Archives • König Labs https://koniglabs.ru/case-study-category/mobile-apps/ Mon, 20 Jun 2022 20:21:38 +0000 ru-RU hourly 1 https://koniglabs.ru/wp-content/uploads/2019/06/cropped-favicon-32x32.png Мобильные приложения Archives • König Labs https://koniglabs.ru/case-study-category/mobile-apps/ 32 32 Планировщик здоровья Gesundheitsplanner https://koniglabs.ru/case_study/gesundheitsplanner/ https://koniglabs.ru/case_study/gesundheitsplanner/#respond Thu, 09 Jun 2022 18:20:25 +0000 https://koniglabs.com/?post_type=case_study&p=7193 The post Планировщик здоровья Gesundheitsplanner appeared first on König Labs.

]]>

Планировщик здоровья Gesundheitsplanner

Обзор проекта

Наш заказчик – владелец запатентованной методологии по самодиагностике и составлению программ тренировок для поддержания и укрепления здоровья.
В чем суть методологии: в зависимости от состояния здоровья и результатов 12-ступенчатой диагностики клиенту подбирается индивидуальная программа упражнений. Программа подразумевает возможность отслеживать свой прогресс, что мотивирует вести здоровый образ жизни.
До момента обращения к нам, вся работа велась в оффлайн формате. Клиентов принимали лично, самодиагностику и учет состояния их здоровья вели вручную. Методология доказала свою эффективность, но организация процесса отнимала много ресурсов. Заказчик задумался об автоматизации.

Задача

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

Решение

На начальном этапе мы провели воркшоп на территории клиента и определили стратегию работы. Решением стало мобильное приложение для iOS и Android. Основной сложностью была адаптация методологии заказчика к цифровому формату, так как использование ее в начальном варианте приводило к неправильной обработке пользовательских данных и, как следствие, составлению некорректной программы тренировок. Разобравшись в нюансах, мы помогли клиенту адаптировать методологию и реализовали корректный алгоритм на стороне бэкенда. Приложения для iOS и Android были выпущены в ноябре и декабре 2020 года. Доступны к скачиванию в Google Play и App Store.

Функционал

При регистрации в приложении пользователь оставляет данные о показателях своего здоровья – 12 шагов с опросом и самодиагностикой. Пользователю помогают видео и графики, которые наглядно объясняют, как проводить самодиагностику. В частности, нужно будет сделать несколько тестовых упражнений, отметить, что из этого делать сложно, в какой части тела есть боль и напряжение.
После каждого блока упражнений пользователю предлагается оценить, насколько сложно было выполнять то или иное упражнение, были ли болезненные ощущения. В дальнейшем приложение будет использовать эти данные для корректировки программы тренировок.
Свой прогресс можно отследить в разделе My Activity.
В приложении предусмотрены три уровня подписки – базовый, продвинутый и для экспертов в области физиотерапии (еще в разработке). Базовая подписка дает бесплатный доступ на 3 месяца, в продвинутой есть бесплатный пробный период.
Metrics

Как работает приложение

Компонентный подход и MVVM
Мобильная часть проекта построена на основе паттерна MVVM. Подход RX задействован всего на 5-10%. По UserFlow проект реализован так, чтобы бэкенд мог диктовать дальнейший путь клиента. После того как пользователь проходит квиз – отвечает на 12 вопросов о своем здоровье – бэкенд берет на себя просчеты по сложной логике и определяет, направить пользователя дальше по сценарию, на самодиагностику, или нужно задать дополнительные вопросы, потому что показатели достигли риск-левела.
Важным этапом стала реализация решения по определению приложением состояния, с которого конкретный пользователь продолжает его использовать. На так называемой “линии разрыва”, в ситуации, если пользователь не закончил прохождение квиза и закрыл приложение, менялся UserFlow. При следующей итерации пользователь должен был попасть на тот шаг, на котором остановился. Часть роутинга была на бэкенде, при этом каждый мобильный клиент кэшировал состояния, на которых останавливался клиент. Если клиент очень давно не заходил в приложение, бэкенд сбрасывал точку входа.
iOS приложение построено на таблицах. Оно использует различные динамические виджеты, которые могут находиться в разных состояниях, в зависимости от того, на каком этапе пользователь с ним взаимодействовал. Например, не знакончил квиз и перешел в другой виджет. Вместе с MVVM это породило хороший подход к компонентности. Все прописывалось отдельно, разбивалось на компоненты, которые можно протестировать отдельно, проводилось через рефакторинг, чистилось, дорабатывалось. На View реализовывались компоненты, к ней была привязана модель, которая реактивно обновлялась. MVVM использовался как связка.
Экран Body Array
Еще одной интересной задачей была реализация экрана Body Array, схематичного изображения тела человека спереди и сзади, на котором пользователь отмечает свои болевые точки и зоны дискомфорта. Требовалось понять, как определить конкретную область, на которую указал пользователь. После небольшого исследования за основу мы взяли идею двухслойного векторного изображения. Верхний слой – not user interactable (не воспринимает жесты), нижний – с разноцветной подсветкой каждой зоны тела. Нижний слой невидим, но реагирует, когда пользователь ставит отметку на изображении. Далее, специальный color picker считывает цвет, на который пришлась отметка и передает информацию о соответствующей части тела в обработку.
Взаимодействие с пользователем
В рамках одного экрана мы хотели переключать разные компоненты представления. Так, на первых этапах взаимодействия с пользователем приложение имеет чатообразный вид. Создается симуляция общения в формате вопрос-ответ. При этом приложение учитывает реакцию пользователя и его действия. Это удалось реализовать с помощью стандартной таблицы UI Tableview и прописыванием конфигураторов ячеек, которые определяют дальнейшее поведение каждой компоненты. Благодаря роутингу UserFlow, пользователь может завершить квиз позже, вернувшись к тому же экрану, на котором остановился.
Основная сложность приложения заключается в динамическом роутинге. Дальнейший путь клиента определяется по многим критериям и факторам. Здесь это реализовано совместно с бэкендом и entry point, точкой, которая дает информацию о клиенте. Таким образом, в зависимости от состояния кэшей, UX Flow, приложение решает, куда вести клиента дальше. Внутри это все выглядит изолированно, т.к. благодаря компонентной модели, через реализованные Dependency Injection, быстро собирается компонента, определяющая, куда дальше вести пользователя.

Технологии:

iOS: Swift / iOS SDK
Android: Kotlin
BE: NodeJS, NestJS, Angular, Sendgrid, Cloudinary

Отзыв:

Logo Gesundheitsplaner

Christian Bethmann, основатель "Gesundheitsplaner"

“Воркшоп и то как команда Konig Labs подошла к поиску подходящего решения оказались очень эффективными для нас. Код написан чисто и понятен нашим текущим разработчикам. Мы довольны функциональностью и дизайном приложения. В общем, это было хорошее начало для совместной работы”.

Проверенный отзыв в системе Clutch

Отзывы

Как наши услуги приносят успех

The post Планировщик здоровья Gesundheitsplanner appeared first on König Labs.

]]> https://koniglabs.ru/case_study/gesundheitsplanner/feed/ 0 Мобильное приложение для фитнес-платформы FitStars https://koniglabs.ru/case_study/mobile-app-fitstars/ https://koniglabs.ru/case_study/mobile-app-fitstars/#respond Wed, 24 Mar 2021 13:26:24 +0000 https://koniglabs.com/?post_type=case_study&p=5351 The post Мобильное приложение для фитнес-платформы FitStars appeared first on König Labs.

]]>

Мобильное приложение для фитнес-платформы FitStars

Обзор проекта

Летом 2020 года к нам обратились владельцы проекта FitStars, крупнейшего онлайн фитнес-клуба, позволяющего заниматься фитнесом под руководством опытных тренеров прямо у себя дома. Их программы видеотренировок позиционируются как доступные по формату и стоимости, не требующие специального оборудования.
В 2017 году основатели проекта создали сайт, объединив на нем лучших тренеров России и их программы тренировок. Пользователи с удовольствием подхватили идею системных домашних тренировок под кураторством профессиональных тренеров. Платформа FitStars стала успешной еще до пандемии, но карантинные меры весны 2020, которые привели к закрытию фитнес-центров страны, еще больше ускорили темпы роста проекта. Сейчас на сайте FitStars уже более 1000 тренировок, которые упакованы в 40 программ по самым популярным направлениям и постоянно обновляются.
Что особенно выгодно отличает FitStars от других платформ с видеотренировками, это возможность менять программы тренировок и тренеров неограниченное число раз. То есть, в рамках выбранного типа подписки, пользователь может выбирать только то, что ему нужно.

Задача

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

Решение

Нашей зоной ответственности была разработка Frontend для iOS и Android и тестирование. Дизайн и backend оставались в работе на стороне заказчика. Основной функционал приложения строится на логике - регистрация /авторизация пользователя - заполнение данных о себе - выбор программы тренировки - отслеживание прогресса.
Регистрация и авторизация в приложении возможны через электронную почту, профили Facebook, VKontakte или с помощью Apple аккаунта (только для iOS). Оформить подписку предлагается сразу после регистрации, однако предусмотрена возможность отложить покупку и начать пользоваться бесплатной версией приложения. В таком случае пользователь сможет посмотреть только первые видео в каждой программе тренировок. Все занятия откроются после оформления подписки, что, кстати, можно сделать прямо из приложения.
Для оформления доступа ко всему разнообразию тренировок есть кликабельные карточки тарифов и область для ввода промокода для  дополнительной скидки (эту фичу добавили в одном из последних релизов), кнопка  “Продолжить” для перехода на страницу оформления подписки. Оплата производится  через Google Play или App Store.
При первом входе приложение просит рассказать немного о себе, о цели тренировок и  физической подготовке. На основе этих данных выводится рекомендация – одна из  программ тренировок. Введенные данные можно редактировать позднее в разделе “Мой профиль”. Здесь же  можно управлять тарифом подписки, отслеживать свой прогресс по занятиям и перейти  в чат со Службой поддержки.
Главная страница приложения получилась яркой, мотивирующей и информативной. Программы тренировок сгруппированы в подборки по направлению, продолжительности, тренеру и пр.
На главную страницу выведены самые популярные и рекомендованные программы. Некоторые тренировки помечены маркерами “HIT”, ‘‘NEW’’, для привлечения дополнительного внимания.
Блоки с подборками реализованы в виде карусели, то есть карточки программ можно пролистывать. К полному списку программ определенного типа можно перейти, нажав на кнопку “См. Все”. В карточке каждой программы тренировки пользователь может найти информацию о цели, цикле и уровне подготовки. Благодаря этим данным, легко сориентироваться и выбрать нужное.
Одна из самых “свежих” фичей – сторис, реализованные по типу Инстаграмных. В них, как водится, рассказывают о новинках, скидках, популярных программах и пр. В сторис добавили активную кнопку, чтобы пользователь мог сразу перейти к тренировке, в блог на сайте и пр.
По клику на карточку программы открывается план тренировок. Чтобы приступить к занятиям, нужно нажать на кнопку “Начать программу”. Все программы, которые выбрал пользователь, добавляются в раздел “Мои тренировки”. Оттуда легко продолжить занятия или удалить программу.
В одном из недавних релизов мы внедрили в приложение систему социального взаимодействия. Теперь можно оставить комментарий под каждой тренировкой, задать вопрос куратору программы, и получить ответ. Уведомление об ответе на комментарий придет на почту, указанную при регистрации. Кроме того, теперь можно ставить лайки как самой тренировке, так и к комментариям.
Интересно, что комментарии к тренировкам, оставленные с приложения, синхронизируются с сайтом, и наоборот. То есть, если пользователь оставил в приложении комментарий к тренировке, на сайте он тоже появится.
Как мы уже говорили, в приложении можно подбирать занятия по тренеру. В последней сборке мы обновили профили тренеров, добавив к каждому краткую информацию, список программ, опубликованных в приложении, и ссылки на их блоги в Instagram, VKontakte, YouTube.

Управление проектом

Стоит отметить, что все новые фичи на этом проекте выходят в релиз довольно быстро и часто. Работа ведется сразу по нескольким направлениям. Это, конечно, обусловлено тем, что приложение уже используется реальными пользователями и сам проект FitStars стремительно развивается. Но благодаря тому, что разработка ведется по методологии Agile, в процессе работы удается быстро реагировать на пожелания заказчика, вносить правки и менять приоритеты в управлении проектом.

Технологии

В разработке использовались технологии Kotlin и Swift.
Архитектура, заложенная в основу проекта, позволила добиться хорошей масштабируемости приложения и предусмотреть будущее расширение. У проекта большие перспективы и еще очень много идей для развития.

Отзыв:

1200x630wa1

Анна Третьякова, COO компании “FitStars”

"Самое большое преимущество команды - техническая экспертиза. Они часто консультировали нас по вопросам технической реализации.
Konig Labs, в отличие от других команд, с которыми мы работали, выпускает качественные протестированные релизы".

Проверенный отзыв в системе Clutch

Отзывы

Орфография и пунктуация авторов – сохранены

The post Мобильное приложение для фитнес-платформы FitStars appeared first on König Labs.

]]> https://koniglabs.ru/case_study/mobile-app-fitstars/feed/ 0 Многофункциональная платформа для фармкомпаний – инструмент для удаленной коммуникации https://koniglabs.ru/case_study/pharm_communication_system/ https://koniglabs.ru/case_study/pharm_communication_system/#respond Thu, 19 Nov 2020 17:24:57 +0000 https://koniglabs.com/?post_type=case_study&p=4780 The post Многофункциональная платформа для фармкомпаний – инструмент для удаленной коммуникации appeared first on König Labs.

]]>

Многофункциональная платформа для фармкомпаний – инструмент для удаленной коммуникации

Обзор проекта

Заказ на разработку поступил от компании в Саудовской Аравии, где прямая реклама рецептурных лекарственных средств конечным потребителям запрещена. Для продвижения медикаментов производители используют своих представителей и их непосредственное взаимодействие с докторами. Бизнес-идея родилась после изменений в законодательной базе, которые обязывают зарубежные фармкомпании использовать в качестве своих представителей только граждан Саудовской Аравии.

Задача

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

Решение

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

Функциональные разделы предполагаемой системы включают в себя:

• Онлайн конференции, аудио и видео чаты, обмен файлами в различных форматах.

• Социальная сеть.

• Раздел с курсами повышения квалификации для докторов. Эта часть функционала является ключевой, поскольку согласно законодательству медицинские работники обязаны регулярно совершенствовать свои знания и профессиональные навыки. Фармкомпании предоставляют контент: онлайн курсы повышения квалификации, статьи видео.

• HR-раздел с базой потенциальных представителей.

• Статистика, аналитика и отчетность, с помощью которых фармкомпании смогут контролировать и оценивать работу своих представителей.

Решение реализовано через mobile- и web-приложение, backend и базы данных – размещаться в локальном или облачном сервере.

Мы провели аналитический этап: прояснили требования заказчика, исследовали возможности реализации идеи, составили Lean-Agile Procurement Canvas и Impact Map. Также, используя InVision, создали lo-fidelity прототипы, а затем мокапы для определения базовых блоков для реализации.

Этот продукт предлагает ряд интересных задач. В связи с тем, что требования заказчика к функциональности весьма многочисленны, а бюджет ограничен, вопрос грамотного использования и распределения средств стоял очень остро. Мы предложили использовать third party libraries – готовые решения для покрытия части функционала для экономии средств заказчика. Однако, закрытость Саудовской Аравии ограничивает круг готовых решений, доступных для использования внутри страны.

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

отзывы

Орфография и пунктуация авторов – сохранены

The post Многофункциональная платформа для фармкомпаний – инструмент для удаленной коммуникации appeared first on König Labs.

]]> https://koniglabs.ru/case_study/pharm_communication_system/feed/ 0