CoinUnited.io · Registration Flows
註冊頁設計 · 決定流程 (最終三選一:N3 vs 06 vs 全球市場)
由 22 個方向探索 → 收窄 → 到最後三選一。跟住下面「🧭 決定流程」由上至下睇就得。撳每組右邊「開呢組」可以一次過喺一個分頁打開全組嚟對比;或者用下面「一頁睇晒全部」。
開一個分頁,入面滾動就睇晒全部 demo —— 唔會被瀏覽器擋彈窗。
🏆 最終三選一 · N3 vs 06 vs 全球市場呢個先係最後決定 — 三個方向揀一個(仲未拍板)。揀完方向,再喺嗰個方向揀 Curry/無 Curry 版;每個方向嘅完整版喺下面
📋 決策過程 · 沿途決策板Offer 同頁面元素點揀(附我推薦)— 同上面三選一嘅視覺方向獨立
⚔️ N3 vs 06 · 終極並排比較方向①②嘅完整版 — 兩個 finalist 各 Curry/無 Curry。全部:單屏·Google/Apple·揀槓桿·100% bonus·無提款流水
🌍 全球市場 · WOW 概念(10 個)強調「全球市場 + 區域指數 + 24/7」嘅國際級視覺,搵靈感用
我嘅 top pick:G6 熱力圖(最 data-art + 一眼睇晒全球)· G3 翻牌機(最獨特最難忘)· G1 活地球(最經典 awe)。每個都係完整動態,撳入去睇真。
G6 · Live Heatmap ★全球市場 treemap 色塊(綠紅、live 跳),data-art,一眼睇晒全世界。
G3 · Split-Flap 翻牌機 ★機場式翻牌 + exotic 指數 + 國旗翻動,最獨特、國際旅行 premium。
G1 · Living Globe ★自轉地球 + 金融中心發光 + 連線 + 跟太陽嘅開市光,最經典 awe。
G4 · 24-Hour Dial圓形 24 小時錶,各 session 環繞,指針指住「邊個市場開」,奢華 24/7。
G2 · Follow-the-Sun世界地圖 + 移動日夜線,市場跟太陽逐個「醒」,優雅。
G5 · Index Wall密集 3D 滾動指數牆,Bloomberg 級規模壓迫感。
G7 · Orbital Rings同心旋轉環(加密/股/指數/Pre-IPO),「一個帳戶全部市場」宇宙感。
G8 · Constellation金融中心成星座 + 數據封包飛,抽象 premium、calm-but-alive。
G9 · Aurora Stream極光絲帶 + 國旗/指數 sparkline 飄動,藝術柔美、最 atmospheric。
G10 · Big-Type Atlas超大動態字「TRADE THE WORLD · 24/7」+ 國旗跑馬,大膽編輯風。
🌍➕ 全球市場 × Register(4 個併入版)方向③嘅完整版 — 左 = 全球市場 visual 做 hero,右 = locked 表單(Google/Apple·揀槓桿·100% bonus)
📊 我的中立排名 · Top 10撇開偏好、純判斷 — register 頁標準:轉化+信任行先。撳 Theme 名開預覽
一句總結:scam 包袱下,信任+低 friction+手機表現 > wow。所以「可信+有能量+數據感」嘅深色專業風贏「loud neon」。
⚠ 呢個係「註冊頁」排名;若係廣告/social landing,N4 火、N2 Synthwave、玻璃(你揀嘅 5/21)會升上頭幾位 —— 用途唔同,唔係你揀錯。
跌出 Top 10:Holographic(N5)、Arcade(N7)= 太 gimmick、信任太低;淺色 editorial = 對賭仔受眾 off-brand。主註冊頁用 N3,5/21/N4 留俾廣告 landing。
★ CoinUnited × Golden State Warriors · 贊助整合(4 款)sponsorship — 加咗 Curry 真相 + 動態
⚠ W4 已用真 Curry 相(Wikimedia CC 授權,demo 用);W1–W3 相片位仍係 placeholder。真用前要 confirm 肖像+官方 logo 使用權。全部已用 CU 正橙 #ed8b18。
🔥 霓虹博殺探索 · 8 個極端方向neon — 每個唔同色/概念/情緒鈎,揀你想要嘅 feel
每個下面寫咗「點解咁揀+點解啱我哋」。我嘅主推:N3 Cyber Orange(最 on-brand);想衝動轉化用 N4 火;想最潮分享用 N2 Synthwave。
🏀 霓虹 × Curry · 8 個方向都加咗 Currysame 8 neon themes,各自用主題色 frame 勇士 #30 Curry
每個都跟自己嘅 neon 色去整 Curry 嘅光環/處理(HUD 鎖定框、像素 PLAYER 1、落日剪影…),form 一律冇被擋。對返上面冇 Curry 版睇分別。
第 1 步 · 22 個設計方向A–F 共 22 個 style
A · 乾淨深色品牌(穩陣・最似真產品)safe — Bybit / Binance 風
B · 交易數據 / 終端機(trader 能量・最有 dopamine)data — Plus500 / TradingView 風
C · 編輯 / 雜誌大字(夠膽・有態度)editorial — 大字 hero
D · 漸層 / 霓虹 / 玻璃(年輕・潮・搶眼)expressive — Cloudbet / Y2K 風
⚠ 13-holo 同 21-orbit 好接近(都係深色虹彩/紫光玻璃)—— 揀其中一個就夠。
E · 黑金奢華(VIP・但偏「1% 專屬」定位)luxury — 獨一無二
F · 產品截圖做背景(似真 app)product-bg — AvaTrade / IC Markets 風
⚠ 15-mesh 同 19-clay 幾乎一模一樣(都係產品截圖背景)—— 揀一個就夠。⚠ 本地打開睇唔到背景圖(要 deploy 或補圖先靚)。
提示:22 個檔共用 base.css + app.js,要一齊放喺同一資料夾先 work。改流程邏輯改 app.js 一個就得;改某個風格只改嗰個 HTML 入面嘅 <style>。注意:而家用緊嘅橙係 #F5A623,CU 正色係 #ed8b18,全部 theme 應該統一改返;logo 而家係襯線字砌出嚟,最好換真 logo SVG。