Не макети. Цифрові продукти з власним характером.

01 / 11

CRM / Sales OS

Northstar — CRM з 3D-картою продажів

Преміальна система для B2B-відділу: ліди, угоди, задачі та комунікації зібрані навколо живої карти воронки.

Арт-дирекція: Midnight revenue terminal
Роль: Product design · UX · Frontend
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

Менеджери вели клієнтів у таблицях, а керівник бачив прострочені угоди надто пізно.

Рішення

Єдина CRM з рольовими кабінетами, realtime-сповіщеннями, AI-зведеннями діалогів і 3D-візуалізацією руху угод.

Ефект

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

Motion та інтерактив

Угоди рухаються орбітами між етапами; глибина та світіння реагують на курсор і прокрутку.

Воронка і канбанКартка 360°SLA і задачіRealtime-чатРолі та аудит

Frontend

Next.js
React Three Fiber
TypeScript
WebSocket UI

Backend

NestJS
PostgreSQL
Redis
S3 storage

Інтеграції

Telegram
Twilio
SendGrid
Meta CAPI

02 / 11

Telegram-бот

Aether — бот-консьєрж для сервісу 24/7

Telegram-бот приймає запит, уточнює задачу, бронює час і передає менеджеру вже структуровану заявку.

Арт-дирекція: Cream editorial concierge
Роль: Conversation design · Automation
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

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

Рішення

Сценарний бот з AI-класифікацією, оплатою, календарем, операторським режимом і аналітикою діалогів.

Ефект

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

Motion та інтерактив

Об'ємні повідомлення збираються навколо світлового ядра, а гілки сценарію розгортаються як сузір'я.

Конструктор сценаріївAI-класифікаціяОплатаЗапис у календарПередача оператору

Frontend

React
Telegram Web UI
Framer Motion
Canvas FX

Backend

FastAPI
PostgreSQL
Redis
Celery workers

Інтеграції

Telegram Bot API
OpenAI API
Google Calendar
WayForPay

03 / 11

Telegram Mini App

Mira Market — 3D-магазин усередині Telegram

Швидкий mini app з каталогом, об'ємними картками товарів, кошиком, оплатою та кабінетом покупця.

Арт-дирекція: Candy-glass social commerce
Роль: Mobile commerce · Mini App
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

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

Рішення

Авторизація через Telegram, розумний каталог, one-tap checkout, бонуси та синхронізація замовлень зі складом.

Ефект

Концепт перетворює знайомий чат на короткий шлях від контенту до оплаченого замовлення.

Motion та інтерактив

Товари м'яко обертаються на віртуальному подіумі; картки збираються в глибину при зміні категорії.

Telegram LoginКаталог і фільтриКошикОплатаЛояльність

Frontend

Vue 3
Telegram Mini Apps SDK
Three.js
PWA cache

Backend

Node.js
PostgreSQL
Redis
Cloudflare R2

Інтеграції

Telegram Auth
LiqPay
Nova Poshta
Checkbox PRRO

04 / 11

3D-лендинг

KORA Residence — архітектура, яку можна відчути

Імерсивний лендинг житлового комплексу: камінь, скло, вода та м'яке світло складаються у кінематографічну прогулянку.

Арт-дирекція: Cinematic architectural realism
Роль: Art direction · 3D web · Lead flow
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

Звичайний каталог планувань не передавав тишу, матеріал і преміальне позиціонування проєкту.

Рішення

WebGL-сцена, зміна часу доби, інтерактивний вибір корпусів, планування та заявки напряму в CRM.

Ефект

Концепт показує об'єкт як досвід, а не як набір рендерів і характеристик.

Motion та інтерактив

Камера повільно проходить між монолітами; туман, вода й теплі вікна змінюються разом зі скролом.

WebGL-архітектураВибір корпусуПлануванняІнтерактивна картаCRM-заявки

Frontend

Next.js
Three.js
GSAP
Shader materials

Backend

Directus CMS
PostgreSQL
Cloudinary
Edge cache

Інтеграції

Mapbox
Binotel
CRM webhook
Meta Pixel

05 / 11

Сайт клініки

Neuroa — цифрова клініка без відчуття лікарні

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

Арт-дирекція: Quiet clinical editorial
Роль: Service design · Healthcare UX
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

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

Рішення

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

Ефект

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

Motion та інтерактив

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

Підбір фахівцяОнлайн-записОплатаКабінет пацієнтаДоступність WCAG

Frontend

Nuxt 3
Three.js
Motion One
WCAG UI

Backend

Django
PostgreSQL
Redis
Encrypted storage

Інтеграції

Clinic calendar
SMS Club
LiqPay
Google Analytics 4

06 / 11

Інтернет-магазин

NOX Objects — магазин колекційного дизайну

Редакційний e-commerce, де предмети можна обертати, розглядати матеріали та одразу збирати інтер'єрний сет.

Арт-дирекція: Brutalist product theatre
Роль: E-commerce · Art direction
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

Дорогі предмети виглядали у звичайній товарній сітці як масовий каталог.

Рішення

3D-прев'ю товару, комплекти, швидкий пошук, складські залишки, кілька валют і персональні добірки.

Ефект

Концепт поєднує емоційну подачу бренду зі швидким та зрозумілим checkout.

Motion та інтерактив

Товари з'являються з темряви на світлових подіумах, а матеріал змінюється при наведенні.

3D-прев'юРозумний пошукКомплектиМультивалютаШвидкий checkout

Frontend

SvelteKit
Three.js
Web Components
PWA

Backend

Medusa
PostgreSQL
Redis
Meilisearch

Інтеграції

Stripe
Fondy
Shippo
Klaviyo

07 / 11

Логістична платформа

Atlas Flow — жива карта логістики

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

Арт-дирекція: Industrial logistics command deck
Роль: Operations UX · Data visualization
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

Диспетчери перемикалися між GPS, таблицями, телефоном та обліковою системою.

Рішення

3D-карта рейсів, перерахунок ETA, контроль відхилень, документи й події кожної доставки.

Ефект

Концепт збирає щоденні рішення диспетчера в одному візуальному командному центрі.

Motion та інтерактив

Маршрути здіймаються над картою світловими дугами; критичні відхилення пульсують за пріоритетом.

3D-карта рейсівETA і геозониДокументиКонтроль пальногоАналітика SLA

Frontend

React
Mapbox GL
Three.js
Realtime dashboards

Backend

Go
PostgreSQL + PostGIS
NATS
ClickHouse

Інтеграції

GPS trackers
Here Routing
1C
Telegram alerts

08 / 11

Корпоративний 3D-сайт

Solara — сонячна енергія в цифрах і світлі

Корпоративний 3D-сайт з інтерактивною електростанцією, калькулятором окупності та кабінетом заявок.

Арт-дирекція: Solar modernism
Роль: Corporate web · Calculator UX
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

Складну інженерну пропозицію було важко швидко пояснити власнику бізнесу.

Рішення

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

Ефект

Концепт перекладає технічні параметри у зрозумілу бізнес-вигоду ще до дзвінка менеджера.

Motion та інтерактив

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

3D-електростанціяROI-калькуляторКарта інсоляціїКейсиЕлектронна заявка

Frontend

Astro
Three.js
GLSL shaders
View Transitions

Backend

Supabase
PostgreSQL
Edge Functions
Headless CMS

Інтеграції

PVGIS
HubSpot
Google Maps
DocuSign

09 / 11

EdTech-платформа

Lumen — навчання як простір

EdTech-платформа з 3D-картою програми, інтерактивними уроками, когортами та кабінетом наставника.

Арт-дирекція: Bauhaus learning playground
Роль: EdTech product · Learning UX
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

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

Рішення

Єдиний маршрут навчання, live-сесії, завдання, перевірка, streak-механіка й аналітика групи.

Ефект

Концепт робить програму видимою та допомагає команді супроводжувати кожного студента за сигналами ризику.

Motion та інтерактив

Модулі курсу утворюють світловий портал; пройдені теми поєднуються у персональну траєкторію.

3D-карта курсуВідео і liveЗавданняКогортиАналітика прогресу

Frontend

Next.js
React Three Fiber
WebRTC
Offline lessons

Backend

Django REST
PostgreSQL
Redis
S3 video

Інтеграції

Zoom
Stripe
Vimeo OTT
SendGrid

10 / 11

Сайт студії

Monolith — портфоліо креативної студії

Сайт-маніфест, у якому проєкти з'являються як фізичні об'єкти у нескінченній віртуальній галереї.

Арт-дирекція: Monochrome gallery manifesto
Роль: Creative direction · Portfolio system
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

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

Рішення

Імерсивна галерея, режисерські переходи, кейси з відео, швидкий CMS і форма нового проєкту.

Ефект

Концепт перетворює перегляд портфоліо на пам'ятний контакт із брендом студії.

Motion та інтерактив

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

3D-галереяВідео-кейсиCMSДинамічне світлоПроєктний бриф

Frontend

Astro
Three.js
GSAP
WebGPU-ready scene

Backend

Sanity CMS
Cloudflare Workers
R2 media
Edge image API

Інтеграції

Vimeo
Behance
Resend
Notion API

11 / 11

Імерсивний лендинг

BAZA Nails — краса, зведена до ритуалу

Кінематографічний лендинг nail-студії з живим 4K-фоном, редакційною галереєю простору та готовим сценарієм запису.

Арт-дирекція: Cinematic material ritual
Роль: Art direction · Living web · Client journey
Year: 2026

Робочий frontendВідкрити живий проєкт ↗

Завдання

Декоративний 3D-об'єкт відволікав від манікюру й педикюру та не передавав характер реальної студії.

Рішення

Єдине матеріальне поле з графіту, винного гелю, скла й світла; реальні фотографії, зрозумілі послуги та спокійний шлях до запису.

Ефект

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

Motion та інтерактив

Фонове світло делікатно реагує на курсор і прокрутку, залишаючи текст і послуги головним змістом.

4K material fieldЖиве WebGL-середовищеРедакційна галереяUA/RUДемо-запис

Frontend

React
TypeScript
WebGL2 shader
4K responsive art direction

Backend

Client-side demonstration
Local booking state
Production API pending

Інтеграції

UA/RU localization
Reduced-motion mode
WebGL fallback
Responsive image pipeline

Не макети. Цифрові продукти з власним характером.

Створимо продукт, який неможливо сплутати з шаблоном.