CREATIVE WEB APP / TERMINAL UI

NVBCD — Digital Rehab Clinic

Інтерактивний веб-додаток та діагностика «залежності» розробників від AI-інструментів з вбудованою системою монетизації.

БРИФ

Про проєкт

Гумористичний веб-проєкт у стилі терміналу, який діагностує «залежність» програмістів від AI-інструментів (Cursor, Copilot, Claude). Ми поєднали вірусний концепт, інтерактивний тест без реєстрації та автоматизовану email-програму для монетизації аудиторії.

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

— CROPE, internal product

Дані запуску

Клієнт Власний проєкт (Internal)
Ніша Developer Tools / Creative Tech
Термін 4 тижні
Стек HTML/CSS, Vanilla JS, Terminal UI, Email Automation, Payment Gateway
КОНТУР

Що зібрали в продукті

Головний екран NVBCD з Terminal UI та статусами AI-інструментів

Terminal UI/UX

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

STACK: Terminal UI
в роботі
Інтерфейс інтерактивного тесту NVBCD у стилі терміналу

Interactive Quiz Engine

Логіка 25-питанного тесту без обовʼязкової реєстрації, миттєвий підрахунок балів та збереження прогресу через LocalStorage.

STACK: Vanilla JS
в роботі
Екран результату NVBCD зі score 73/100

Dynamic Diagnosis System

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

STACK: Score engine
в роботі
Сторінка програми rehab NVBCD з оплатою $12

Monetization & Automation

Інтеграція платіжного шлюзу та налаштування 6-листової автоматизованої email-воронки для продажу програми «rehab».

STACK: Payments + Email
в роботі
ЕФЕКТ

Що змінилось після релізу

Вірусне охоплення
5k+

Пройдених тестів за перший місяць завдяки релевантності для IT-спільноти.

Конверсія в покупку
8–12%

Користувачів переходять з безкоштовного тесту в платну $12 програму.


Залученість email
68%

Open Rate для листів програми «rehab» завдяки гумористичному тону та короткому формату.

Продуктивність
98/100

Google PageSpeed Insights без важких фреймворків — оптимізований Vanilla JS.

ЕТАПИ

Як запускали

01

Концепція та копірайтинг

Розробка ідеї «vibe coding», написання 25 гумористичних сценаріїв питань та логіки діагностичних категорій.

02

Terminal UI/UX Дизайн

Створення візуальної мови, анімацій scan-ефектів, підбір типографіки та адаптація під мобільні пристрої.

03

Frontend розробка

Реалізація інтерактивної логіки тесту, алгоритму підрахунку score та інтеграція з LocalStorage на чистому JavaScript.

04

Монетизація та автоматизація

Налаштування платіжного шлюзу, підключення сервісу розсилки та побудова автоматизованої email-воронки.

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

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

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

Дізнайтесь вартість і терміни вашого проєкту за 2 хвилини

7 питань — і ви отримаєте орієнтовний розрахунок одразу

Почати квіз