UI/UX дизайн · Фінтех

InvestFlow — платформа інвестиційного краудфандингу, спроєктована з нуля

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

Три вікна InvestFlow одне на одному: портфель інвестора з його вкладеннями, кабінет фандрейзера та таблиця інвестицій у внутрішній платформі

Контекст

InvestFlow — краудфандингова платформа, яка з'єднує інвесторів з можливостями вкладати кошти в нерухомість та інші активи, а також фандрейзерів, що залучають фінансування під ці пропозиції. Проєкт розроблявся з нуля як MVP — з трьома окремими користувацькими досвідами в межах однієї спільної платформи:

Інвестор — веб і мобільний досвід для пошуку інвестиційних можливостей, здійснення інвестицій та відстеження свого портфеля.
Фандрейзер — веб-платформа для створення й управління інвестиційними пропозиціями та відстеження їх ефективності.
Бек-офіс — Внутрішня платформа для управління інвестиціями, транзакціями, погодженнями та іншими щоденними операціями.

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

Роль: UI/UX
Період: 2024–2025
Платформи: Веб + iOS/Android
Обсяг: Інвестор · Фандрейзер · Адміністративна платформа

Проблема

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

Мета

Розробити три продукти з нуля, перетворивши складні вимоги на зрозумілі користувацькі флоу та інтерфейси на web і mobile.

Підхід

Як вирішувалась проблема

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

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

01.

Інвестор

Досвід інвестора поєднує пошук можливостей, фінансову оцінку, інвестування та управління портфелем на web і mobile.

П'ять екранів телефона: особисті дані, підтвердження номера кодом і кроки анкети про річний дохід та наявні інвестиції — **Реєстрація та фінансова анкета** — багатоетапний флоу реєстрації та анкетування, який проводить інвестора через створення акаунту та надання інформації, необхідної для початку роботи з платформою, розроблений для web і mobile.

Сторінка деталей пропозиції: прогрес збору, очікувана дохідність, ціна юніта й рівень ризику поруч з описом об'єкта — **Розуміння пропозиції** — сторінка деталей пропозиції об'єднує ключову інформацію, яка потрібна інвестору, щоб зрозуміти інвестиційну можливість і прийняти обґрунтоване рішення.

Здійснення інвестиції — шлях інвестування веде користувача від вибору кількості інвестиційних одиниць для придбання та перегляду пов'язаних комісій — до підтвердження заявки та відстеження в портфелі. Флоу також пов'язує саму дію інвестування з графіком виплат (return schedule) і подальшим станом портфеля, зберігаючи послідовність досвіду від транзакції до подальшого відстеження.

02.

Фандрейзер

Досвід фандрайзера зосереджений на створенні та управлінні інвестиційними пропозиціями і відстеженні отриманих інвестицій.

Два вікна: дашборд зі зібраними коштами, виплаченими дивідендами та останніми інвестиціями, і сторінка пропозиції з таблицею інвестицій — **Управління пропозицією** — досвід фандрайзера охоплює повний життєвий цикл інвестиційної пропозиції — від створення та подання нової пропозиції до управління нею після публікації.

Додавання нових пропозицій — покроковий показ створення та публікації нової інвестиційної пропозиції.

03.

Адміністративна платформа

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

Таблиця інвестицій за всіма пропозиціями у внутрішній платформі — з чекбоксами вибору, статусами й вивантаженням — **Управління інвестиціями** — екран управління інвестиціями об'єднує інвестиції по всіх пропозиціях і підтримує операційні дії, включно з масовим підтвердженням і генерацією сертифікатів про внесок для інвесторів.

Подана на розгляд виплата дивідендів: суми виплат із розписом по кожному інвесторові та дії «погодити» або «відхилити» — **Розгляд виплат дивідендів** — персонал може розглянути подану виплату дивідендів, побачити загальні суми виплат і розбивку по кожному інвестору, а також погодити або відхилити операцію.

Висновок

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

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

Портфоліо