Projects

Guided: додаток для зв’язку з експертами та професіоналами

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

Ідея

Що якби поговорити з ліцензованим спеціалістом, який знає, як розв’язати саме твою проблему, було так само легко, як викликати таксі? Додаток Guided був створений для моментів, коли порада потрібна тут і зараз. Кілька кліків — і ти вже на відеодзвінку з професіоналом. Більше не треба витрачати години на пошуки відповіді в YouTube.

Завдання

Перед нашою командою було поставлено завдання розробити дизайн додатка та власне сам додаток з нуля. Ми зосередилися на зручному UX для користувачів і на швидкій розробці для нашого клієнта, оскільки MVP продукту мало бути представлено до розгляду інвесторами в найкоротші терміни.

Аналіз

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

Технології

React Native ASP.NET Core Vue.js UI design UX Design Redux Stripe integration Twilio integration

На основі отриманих від аналізу даних процес створення додатка Guided був поділений на кілька етапів:

  • Створення прототипу додатка.

  • Створення елементів бренду.

  • UI.

  • Планування архітектури.

  • Розробка додатка.

  • Розробка адмін панелі.

Обсяг робіт

Збір даних

Брифінг для клієнтів / Аналіз платформи / Аналіз зворотного зв’язку від клієнтів

UX дослідження

Аналіз цільової аудиторії / Дослідження конкурентів / Майбутні роботи

Фаза проєктування

Сценарії користувача / UI дизайн / Інтерактивний прототип

Користувальницьке тестування

Тестування прототипу / Проєктування взаємодії / Мобільний додаток

Розробка

Front-end / Back-end / Тестування

Шлях користувача

Особливістю цього додатка є його універсальність — вам не потрібно завантажувати 2 додатки окремо для користувача та спеціаліста. Такий підхід допоміг значно спростити розробку.

Прототип

Спершу були розроблені вайрфрейми. Тестувати ідеї та робити ітерації легше та швидше на ескізах низької точності. В підсумку вони були перетворені на красиві та зручні прототипи екранів.

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

  • Такий підхід дозволив нам:

  • Тестувати та вдосконалювати новий інтерфейс на початку.

  • Чітко розуміти структуру.

  • Продемонструвати особливості інтерфейсу.

Візуальний стиль

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

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

Елементи інтерфейсу

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

Дизайн додатка

01

Реєстрація

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

02

Головний екран

Насамперед нам вдалося розв’язати проблему швидкого пошуку відповідної категорії. Ми розташували їх на головному екрані: найпопулярніші розміщені вище, а побачити інші категорії можна за допомогою скролла.

03

Вибір професіонала

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

Додаток для професіонала

01

Реєстрація

Надавати послуги в додатку можуть лише ліцензовані професіонали, тому потрібно буде завантажити фото документа, що підтверджує професійну підготовку. Для отримання виплат із додатка потрібно створити обліковий запис у Stripe.

02

Головний екран

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

If I had to use one word to describe my experience with Brights, it would be “overdeliver”. From initial exploratory conversations all the way through launch, the Brights team consistently overdelivered.

Steve Fuller CEO
Наступний проєкт

Online calculator SignalIntent

Обговоримо проєкт?

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

Дякуємо!
Ми отримали ваш запит і спробуємо
відповісти через декілька годин

На головну

Бюджет проекту

Тип проектy