Tối ưu Website
SME HUB

cho hành trình chuyển đổi số của Viettel SME

Viettel SME Hub digital transformation journey optimization map
Research perspective background graphic

Góc nhìn
từ đội ngũ nghiên cứu

Không đơn thuần là một nền tảng giao dịch, mà là điểm chạm chiến lược giữa khách hàng và Viettel SME. Đây là nơi hội tụ toàn bộ giải pháp và dịch vụ mà một doanh nghiệp cần trong hành trình vận hành và phát triển.

Isometric grid with connection lines

Hơn cả một website,
đây là điểm kết nối
toàn diện.

Website bán hàng Điểm chạm công nghệ số
Thương hiệu Viettel Tình yêu thương hiệu
Bài toán kinh doanh Tầm nhìn doanh nghiệp

Vậy Bond đã đưa ra giải pháp nào cho Viettel SME HUB?

Decorative red curve line with dot
SMEHub 3D core framework illustration
Mô hình thiết kế dành riêng
Định hướng hình ảnh
Chiến lược màu sắc
Định hướng ý tưởng
Hệ thống bố cục

Mô hình thiết kế dành riêng

Xác định "sweet spot” - Vùng giao thoa trung tâm của thiết kế — điểm cân bằng giữa điều người dùng thực sự cần, điều doanh nghiệp cần đạt được, điều thị trường sẵn sàng đón nhận.

Decorative red curve line with glowing dot
Decorative circles
3-circle Venn diagram showing intersection of business, trend, and user needs

Kinh doanh

Xu hướng

Nhu cầu

Redesigned smartphones mockup showcasing SMEHub dashboard interface on red background panel

Định hướng ý tưởng

SME HUB - Trung tâm kết nối hệ sinh thái số dành cho doanh nghiệp

Toàn bộ concept xoay quanh tinh thần "HUB" — nơi mọi dịch vụ, giải pháp và trải nghiệm được liên kết trong một hành trình thống nhất.

Idea orientation network map background

Hệ thống bố cục

Bố cục mở, lấy dòng chảy nội dung làm trung tâm.

Website layout mockup

Ngôn ngữ thương hiệu

Khai thác pattern thương hiệu để tạo nhận
diện xuyên suốt.

Brand design patterns mockup

Hình ảnh minh họa

Ngôn ngữ hình ảnh hiện đại, công nghệ và giàu tính chuyển động.

Illustration layout mockup

Chiến lược màu sắc

Giữ vững nhận diện Viettel, đồng thời
tối ưu cho trải nghiệm số hiện đại

Nhóm màu thương hiệu

Sử dụng tại khu vực highlight, CTA.
Đảm bảo tính nhận diện của Viettel

SMEHub primary brand colors circles list

Nhóm màu bổ trợ

Sử dụng màu pastel trong các card thông tin, hình
ảnh minh hoạ thể hiện sự sáng tạo và tối giản màu
đỏ nhưng vẫn giữ được màu sắc thương hiệu

Hệ thống Design System
quy chuẩn đồng bộ

Bond xây dựng một Design System bài bản nhằm chuẩn hóa giao diện, đảm bảo tính nhất quán, tối ưu hiệu suất thiết kế và nâng cao hiệu quả phối hợp giữa designer và developer trong quá trình triển khai.

Red curve design line decoration
Typography and headings guide preview Icons library set grid preview Footer preview
SMEHub website and smartphone app screens mockup showcase SMEHub website background pink