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

#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

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

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