SYNITY BSC 2026 — UI/UX Redesign

5 Đề Xuất Giao Diện Mới

Từ "nhìn vào muốn thoát ra" đến dashboard CEO thực sự muốn mở mỗi sáng.
Mỗi mockup là một hướng tiếp cận khác nhau hoàn toàn.

Dữ liệu thực: SYNITY 2026 Revenue target: 2.4 tỷ VNĐ 14 objectives, 4 perspectives
72%
Health Score
#1 — Command Center

Executive Cockpit

Dark

Dark sidebar, Bloomberg terminal feel. Dashboard-first với neon accent và animated gauge. CEO thấy health score trong 2 giây.

Dark mode Sidebar nav Animated gauge
72%
#2 — Pulse

Health-Centric Monitor

Light

Donut gauge khổng lồ ở center, tab navigation. Warm whites với glass-morphism cards. Cảm giác như health app cho doanh nghiệp.

Donut gauge Tab nav Glass cards
⭐ Đề xuất
72%
3🔴
5🟡
#3 — Bento Grid

Apple-Style Card Layout

Warm

CSS Grid với bento cards mixed-size. Gradient health card khổng lồ, dark strategy map. Apple-inspired premium feel. Effort trung bình, impact cao nhất.

Bento grid Mixed sizes Count-up anim

Q1 2026

Chiến lược đạt 72%

Cần chú ý 3 KPI tài chính ngay hôm nay

#4 — Flow

Editorial Storytelling

Narrative

Dashboard như một báo cáo CEO. Scroll storytelling với alternating dark/light sections, AI summary hero, perspective banners với glow effects.

Scroll sections AI summary Glow effects
🔴 Cần xử lý (3)
Doanh thu
50%
🟡 Theo dõi (5)
NPS Score
75%
✅ Đạt mục tiêu
6 KPI
đang tốt
#5 — Kanban Health

RAG Action Board

Action

3 cột theo RAG status. Red expanded + pulsing, green collapsed. CEO biết ngay cần làm gì. Kanban-inspired, không cần drag-drop.

3 cột RAG Status groups View toggle

Recommendation

Chọn #3 Bento Grid
+ elements từ #2 Pulse

  • ✓ Effort trung bình, impact cao nhất
  • ✓ Works trong Bitrix24 iframe
  • ✓ No routing changes cần thiết
  • ✓ Strategy map fix với curated edges
  • ✓ Steal animated gauge từ Pulse
Data: SYNITY BSC 2026 • Revenue 2.4 tỷ VNĐ • 14 objectives

BSC OKR/KPI Designer — UI/UX Redesign Mockups — March 2026

Click vào từng mockup để xem chi tiết