Проєкти

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

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

image

Ідея

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

Завдання

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

Аналіз

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

Технології

image image React Native image image ASP.NET Coreimage image Vue.jsimage image UI designimage image UX Designimage image Reduximage image Stripe integrationimage image Twilio integration

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

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

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

  • UI.

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

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

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

Обсяг робіт

image

Збір даних

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

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

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

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

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

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

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

Розробка

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

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

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

image

Прототип

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

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

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

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

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

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

image

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

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

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

image
image
image

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

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

image

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

01

Реєстрація

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

image
02

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

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

image
03

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

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

image

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

01

Реєстрація

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

image
02

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

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

image

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