Assay-me - мобільний асистент для здоров'я

Мобільний асистент для сфери охорони здоров'я

Mobile Assistant for Healthcare | Malevich Studio Potrfolio

Клієнт

Assay-me

Індустрія - Охорона здоров'я

Локація - США

Послуги

Застосунок для Android

Застосунок для iOS

Крос-платформний застосунок

UI/UX редизайн

CI/CD - комплекс заходів для швидшого та дешевшого впровадження нових функцій у продакшн

Технологічний стек

React Native - stack technology Malevich company

Typescript - stack technology Malevich company

Expo - stack technology Malevich company

Node.js - stack technology Malevich company

GraphQL - stack technology Malevich company

Bitbucket - stack technology Malevich company

Виклик

01.

Створити відточений, вражаючий UX/UI досвід для двоплатформного застосунку iOS та Android, перетворивши початкові ескізи на цілісне бачення продукту. Метою було надати 40-45 продумано розроблених екранів у світлому та темному режимах, забезпечуючи безперебійний та інтуїтивно зрозумілий користувацький шлях. Поряд з дизайном, завдання включало створення повністю функціонального крос-платформного мобільного застосунку на React Native, підготовку стабільних тестових білдів та закладення основи для плавного й надійного релізу на обох платформах.

РішенняРішення

Ми оптимізували бачення продукту, провівши швидкий UX-аудит, вдосконаливши інформаційну архітектуру та сформувавши всі основні сценарії - онбординг, сканування, інсайти, історію, профіль і налаштування та сповіщення. Далі ми створили дві відточені теми (світлу/темну) та масштабовану дизайн-систему, яка прискорила як якість дизайну, так і швидкість розробки. Інтерактивні прототипи та чітка передача розробникам забезпечили безперешкодне виконання.

Далі застосунок був втілений завдяки високопродуктивній реалізації на React Native для iOS та Android. Ми забезпечили плавну навігацію, надійне управління станом, тематизацію, локалізацію, бекенд-інтеграції (REST/GraphQL), надійну обробку помилок, кешування, аналітику, диплінки та push-сповіщення - все підкріплено юніт-тестами та наскрізними сценаріями критичного шляху. Фінальні білди для TestFlight та Android Internal Testing були підготовлені з готовою до релізу документацією.

Технології:

Figma

Використано як єдине джерело правди для UX та UI - від користувацьких сценаріїв та вайрфреймів до фінальної дизайн-системи та інтерактивних прототипів. Це прискорило рев'ю, зменшило непорозуміння з розробниками та забезпечило пікселево точну реалізацію на iOS та Android.

React Native

Дозволив нам випустити єдину високопродуктивну кодову базу для iOS та Android. Ми повторно використали більшість UI та бізнес-логіки, що скоротило час розробки, спростило підтримку та зберегло узгодженість досвіду на обох платформах.

TypeScript

Забезпечив надійну типізацію для кодової бази React Native, виявляючи багато проблем на етапі компіляції, а не в продакшні. Це зробило рефакторинг безпечнішим, покращило автодоповнення в IDE та допомогло зберегти надійність стану застосунку та контрактів API у міру зростання проєкту.

React Navigation

Забезпечив структуру навігації застосунку - стекові та табові сценарії для онбордингу, сканування, інсайтів, історії, профілю та налаштувань. Це дало нам плавні переходи, підтримку диплінків та гнучкий спосіб управління складною логікою навігації.

Push Notifications

Використано для повторного залучення користувачів через своєчасні нагадування, інсайти та оновлення статусу. Правильне налаштування каналів сповіщень та навантажень допомогло підвищити утримання та гарантувало, що критичні події не будуть пропущені.

Node.js

Слугував середовищем виконання для бекенд-сервісів, що обробляли бізнес-логіку, API-ендпоінти, автентифікацію та комунікацію із зовнішніми системами. Його подієво-орієнтована модель дозволила нам ефективно обробляти запити та масштабуватися зі зростанням трафіку.

GraphQL

Забезпечив гнучкий рівень API між мобільним застосунком та бекендом, дозволяючи клієнту запитувати саме ті дані, які йому потрібні, за один раунд-тріп. Це зменшило надлишкове/недостатнє отримання даних, спростило версіонування та полегшило розвиток API без порушення роботи застосунку.

Bitbucket

Використано як центральний Git-репозиторій з пул-реквестами, рев'ю коду та правилами захисту гілок. Це допомогло забезпечити якість коду, підтримало CI/CD конвеєри та зберегло узгодженість всієї команди на чистому, відстежуваному процесі доставки.

Результат

01.

Повна доставка

Повний UX/UI дизайн та повністю функціональний застосунок на React Native зі світлою/темною темами для iOS та Android.

02.

Готові до продакшну білди

Білди для TestFlight та Android Internal Testing підготовлені з готовою до релізу документацією.

03.

Швидкий вихід на ринок

Єдина спільна кодова база та автоматизований CI/CD конвеєр прискорили розробку та релізи.

04.

Узгоджений крос-платформний UX

Єдина дизайн-система забезпечила цілісний користувацький досвід на обох платформах.

05.

Передача з низьким ризиком

Чіткі специфікації, дизайн-система та налаштування DevOps забезпечили плавну передачу та передбачуване масштабування.

06.

Масштабована архітектура

Проєкт структурований для легкого розширення функцій та довгострокового зростання продукту.<

Інші кейси

Web dashboard for TravelTech | Malevich Studio Potrfolio

Веб-розробка

Bookido - дашборд для TravelTech

Веб-дашборд для TravelTech

Дивитись кейс

SaaS platform for MarTech | Malevich Studio Potrfolio

Веб-розробка

Tailwind - платформа для управління репутацією

SaaS-платформа для MarTech

Дивитись кейс