type: project-sub
parent: interactive-banners
name: ProFLEX — Механіка руху (advergame)
slug: proflex
brand: ProFLEX
product_wiki: /srv/wiki/products/proflex.md
status: prototype
readiness_pct: 50
owner_agent: TODO
created: 2026-05-12
last_updated: 2026-05-12
source_dir: /srv/services/proflex-game
public_url: https://proflex.deltamedicalservices.online/
legacy_url: http://31.131.26.203/proflex-game/
ProFLEX — Механіка руху (advergame)
Playable MVP-прототип advergame для бренду ProFLEX (Deltamedical, UA). Частина umbrella-проекту Interactive Banners.
Snapshot
- Стек: vanilla JS, Canvas 2D,
requestAnimationFrame, OKLCH-палітра, Geist Sans (CDN)
- Single-page standalone HTML5, без бекенду
- Live: https://proflex.deltamedicalservices.online/ (Docker nginx-static, public stack)
- Legacy: http://31.131.26.203/proflex-game/
- Source:
/srv/services/proflex-game/
- Brand product: ProFLEX (питний колаген) — Fortigel + Tendoforte + Fortibone
Гра (60 сек цикл)
- Intro — лого ProFLEX, слоган «Збери архітектуру руху», кнопка «Почати».
- Gameplay — абстрактний силует людини на фоні; згори падають:
- 🟡 золоті «нитки колагену» (+10 очок, +1 до progress-bar «Архітектура руху»)
- ⚫ сірі «втомлені механізми» (octagon-шестерні, -5 очок)
- Керування: touch-drag / миша / ← → стрілки
- Finish — анімація «золотого силуету», промокод
MOVEMENT2026, Web Share, local leaderboard (топ-5 сесії).
Status (2026-05-12)
- ✅ MVP playable
- ✅ Deploy у public Docker stack (2026-05-12) — nginx-static з read-only mount + Cloudflare TLS
- 🔄 Не інтегрований у DV360 (на відміну від
fluvir та menopace — там реальні баннер-розміри 300×600 etc)
- 🔄 Tracking не підключений (engaged vs passive — як у fluvir)
- 🔄 BU-менеджер review (legal-safe checklist)
Relation до Interactive Banners umbrella
| Аспект |
fluvir |
menopace |
proflex |
| Тип |
DV360 banner (300×600 + інші) |
DV360 banner (300×600) |
standalone HTML5 advergame |
| Status |
LIVE (2026-04-30, v2 fixed) |
pre-launch (вибір дизайну) |
prototype |
| Tracking |
engaged% vs passive% у BQ |
планується |
не підключено |
| Бренд legal-стан |
full БАД-стіна |
full БАД-стіна |
full БАД-стіна |
| Стек |
DV360 HTML |
DV360 HTML |
Canvas 2D self-hosted |
ProFLEX архітектурно різний від інших sub-projects — це не банер, а окремий лендинг-advergame. Можливо в майбутньому буде embedded як banner-iframe для DV360.
Open questions
- Чи треба DV360-embedded версія? — тоді треба зробити меншу 300×600 версію.
- Tracking — підключити той же tracking-flow як у fluvir (engaged vs passive у BQ) — для consistency.
- Promo code
MOVEMENT2026 — це placeholder чи реальний? Якщо реальний — синхронізувати з marketing/legal перед public.
- BU-менеджер review — legal-safe checklist має зробити Андрій / Юля?
Cross-references