«Принцип» – мобільний застосунок для Правозахисного центру

Mobile | Design

Назад до стрічки

Що всередині?

Мобільний застосунок для Правозахисного центру «Принцип»

Правозахисний центр «Принцип» допомагає українським військовим розібратися зі складними правовими питаннями, і йому потрібно було забезпечити максимально зручний і швидкий доступ до важливих правових ресурсів. Для цього організація звернулася до BuildApps, щоб перетворити свій повнофункціональний сайт на окремий мобільний застосунок.

Наш відділ мобільної розробки створив доступне рішення з якістю на рівні нативних застосунків на основі React Native і Strapi, завдяки якому користувачі отримують ключові правові роз’яснення та шаблони документів у кілька дотиків.

Мобільний застосунок для Правозахисного центру «Принцип»

Управління проєктом та Agile-підхід

Виділена команда: проєктний менеджер, мобільний розробник і QA-тестувальник.

Двотижневі ітеративні спринти з реалізацією 1–2 ключових функцій за ітерацію.

Комунікація з клієнтом у реальному часі через спільний Telegram-канал.

Двотижневі звіти про прогрес і живі демонстрації результатів спринту.

Безперебійна технічна підтримка після запуску та постійний супровід екосистеми.

Мобільна архітектура та стек безпеки

Технології, на яких працює мобільний застосунок «Принципу»:

Фреймворк

React Native

Кросплатформна мобільна основа разом із React Native Navigation для плавних переходів і глибоких посилань між модулями.

Шар даних

GraphQL і Strapi

Ефективний GraphQL-пайплайн, що отримує структурований правовий контент і оновлення безпосередньо з headless-бекенду Strapi.

Автентифікація

Firebase і JWT

Захищений процес автентифікації на основі JWT, що забезпечує надійну авторизацію, конфіденційність даних і стабільність сесій.

Інтеграції

Зовнішній сервіс опитувань

Безшовна інтеграція зі сторонніми інструментами опитувань для збору зворотного зв’язку безпосередньо від військових.

Ключові UX-рішення та мобільні функції

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

Pixel Perfect адаптація під AndroidКастомне масштабування макетів з урахуванням різних пропорцій і щільності екранів Android для бездоганної відповідності дизайну.

Навігація з глибокими посиланнямиГнучка архітектура, що поєднує різні логічні розділи застосунку з миттєвим перемиканням екранів і спільним станом.

Швидкий доступ до правової бібліотекиОптимізоване кешування та потоки даних дозволяють знайти потрібний шаблон документа чи екстрену пораду за 2–3 кліки.

Шлях проєкту: від ідеї до запуску

Jan 2024

Дослідження та визначення обсягуФормування вимог до реалізації, визначення портретів користувачів і налаштування каналів комунікації.

Feb 2024

Розширення дизайну та прототипуванняНа основі початкових брендових настанов завершили решту 60% інтерфейсів застосунку за стандартами Pixel Perfect.

Mar 2024

Основна розробка та захищена автентифікаціяРозробка екранів на React Native, налаштування GraphQL-схем у Strapi та захисту Firebase JWT.

Apr 2024

QA на різних пристроях і публікаціяРетельне ручне тестування на різних Android-пристроях і повне розгортання в продакшн.

Результати

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

3Місяці до запуску

99.9%Відповідність Pixel Perfect

2-3Кліки до контенту

3Проєкти екосистеми

Часті запитання про мобільну розробку

Чому для проєкту обрали React Native?React Native дозволив швидко запустити застосунок одночасно на iOS і Android у суворі тримісячні терміни без втрати чутливості нативного інтерфейсу.

Як застосунок враховує потреби користувачів із фізичними обмеженнями?Основні елементи інтерфейсу та керування свідомо розміщено в нижній зоні під великий палець, що дозволяє легко користуватися застосунком однією рукою пораненим військовим і ветеранам.

Як синхронізується контент між вебпорталом і застосунком?Застосунок звертається до централізованої headless CMS Strapi через GraphQL, тож усі шаблони документів і новини синхронізуються в реальному часі без повторного введення.

Екрани проєкту

Потрібно перетворити вебплатформу на мобільний застосунок?

Хочете створити високопродуктивний мобільний застосунок, покращити цифрову доступність або підключити наявну CMS до мобільних користувачів? Зверніться до команди BuildApps, щоб утілити вашу ідею в життя!

Маєте ідею?

Перетворимо її на продукт