03.11.16

Sutunam tư vấn cho dự án làm lại website của Viettel Telecom

5/5 - (1 bình chọn)

Là nhà mạng hàng đầu tại Việt Nam với số lượng thuê bao khổng lồ, Viettel luôn luôn không ngừng đổi mới và phát triểm nhằm cung cấp chất lượng tốt nhất  cho người sử dụng dịch vụ. Việc phát triển trang web mới của Viettel Telecom – một trong những mảng trọng yếu của Viettel – cũng là dự án sẽ mang lại nhiều trải nghiệm và giá trị mới cho người dùng trực tuyến tại Việt Nam.

Với dự án này của Viettel Telecom, Sutunam cũng đã tham gia đóng góp những tư vấn hữu ích về giao diện cũng như nâng cao trải nghiệm người dùng cho website mới của Viettel.

1.  Thiết kế giao diện

homepage-banner

Bám sát nhận diện thương hiệu của Viettel, Sutunam đã thể hiện ý tưởng về một giao diện bắt mắt, thu hút người dùng với ba sắc màu chủ đạo xanh-vàng-trắng của ông lớn ngành viễn thông này. Thiết kế lấy sắc trắng – sáng làm nền tảng chính để tạo ra không gian rộng mở, thông thoáng khi nhìn vào website. Trong khi đó, sắc vàng trẻ trung năng động tạo ra nét nổi bật trên giao diện,  hướng người dùng vào những icon mang tính yêu cầu, kêu gọi hay  dịch vụ cần nhấn mạnh. Màu xanh được sử dụng xen kẽ, trung hòa màu sắc trong giao diện, tạo ra sự dễ chịu về mặt thị giác, đặc biệt ở những khu vực người dùng sẽ dừng lại nhiều nhất như menu điều hướng.

Song hành với sự kết hợp màu sắc là việc sắp xếp hài hòa các vùng dịch vụ trên trang chủ. Bố cục khung liên tục có sự thay đổi với những điểm nhấn khác nhau. Điều này tạo ra tương tác chặt chẽ hơn với người dùng khi mắt luôn có sự tập trung khi cuộn chuột/lướt liên tuc. Thêm vào đó, ở mỗi vùng dịch vụ đều thể hiện nổi bật những gói cước/sản phẩm tiêu biểu mà người dùng quan tâm nhất của Viettel.

mobile

Bên cạnh đó, thiết kế trang con nêu bật được đặc tính đa dạng gói dịch vụ viễn thông của Viettel. Sử dụng song song  các màu sắc thuộc thang màu Xanh – Vàng vẫn tuận theo sự đồng nhất trong thiết kế của website, đồng thời tạo hiệu quả về đối lập – so sánh. Nhờ vậy, thiết kế được thể hiện theo cách dễ hiểu và thân thiện với người dùng nhất, sống động và đầy thu hút. Chỉ cần nhìn qua, người dùng có thể hiểu rõ các đặc điểm nổi bật của gói dịch vụ, so sánh nhu cầu sử dụng và dữ liệu của từng gói.

Trong trang dịch vụ xuất hiện hệ thống điều hướng ở cấp thứ hai theo phong cách Toggle (bật tab), thể hiện hướng dẫn sử dụng cho toàn bộ gói cước trực thuộc cũng như phần FAQ. Menu cấp 2 này cũng sẽ xuất hiện tương tự trong trang chi tiết của từng gói cước, nhờ đó tạo ra liên kết trong (internal linking) hiệu quả cho website. Đồng thời giúp người dùng tìm kiếm thông tin kỹ lưỡng và hiệu quả hơn.

2. Trải nghiệm người dùng

a. Mega menu

menu-mo-trong-page

Thay vì sử dụng menu thứ thông thường, Sutunam đã gợi ý về việc sử dụng mega-menu. Việc này giúp ích cho việc thể hiện khối lượng thông tin lớn, cấu trúc website đồ sộ và phức tạp nhiều dịch vụ như của Viettel, tiện lợi cho trí ngắn hạn của người dùng

Menu hiển thị theo cả hàng dọc và hàng ngang tạo ra các khoảng trống hiển thị thêm các hình ảnh, banner và các sản phẩm/dịch vụ mà Viettel muốn nhấn mạnh. So với một menu kín chữ, hình ảnh có tác động thu hút trực tiếp và kích thích tìm hiểu hơn. Thậm chí người dùng có thể trực tiếp cân nhắc và so sánh các sản phẩm nổi bật trên menu.

Ưu điểm vượt trội của mega menu là nó luôn hiển thị toàn bộ hệ thống điều hướng ở bất cứ trang nào của website (chứ không chỉ riêng trang chủ). Trải nghiệm của người dùng sẽ luôn đồng nhất, trôi chảy, dễ dàng truy cập mọi dịch vụ khác dù họ đang ở trang nào: FAQ, trang dịch vụ, trang sản phẩm chi tiết, v…

b. Tìm kiếm thông tin nâng cao

Phần tìm kiếm thông tin ngoài trang chủ được thiết kế theo dạng lựa chọn xổ dọc (dropdown) dựa trên ý tưởng tìm kiếm thông tin theo tuần tự từng bước.

Người dùng có thể tùy chọn chỉnh thông tin muốn tìm theo 4 bước đơn giản, và tìm ngay ra kết quả phù hợp nhu cầu mà không cần chờ tải nhiều trang, hay mất thời gian tìm kiếm các thông tin không cần thiết.

c. Điều hướng nhanh

viettel-solution-2-2-1

Bên cạnh đó, Sutunam cũng gợi ý về một phong cách khác biệt và trẻ trung hơn cho trang web của Viettel. Điểm nhấn của trang chủ phong cách này là khả năng điều hướng cực kì tiện lợi và nhanh chóng với màu sắc tươi sáng và hút mắt.

3 loại menu bao gồm:
– Menu đầu trang: Chỉ dẫn website dành cho cá nhân, doanh nghiệp hay chính phủ với phần đăng nhập tài khoản góc trên đối diện.
– Menu chính có tác dụng điều hướng cơ bản với dạng sticky, luôn di chuyển khi cuộn chuột, lướt.
– Menu cạnh bên: Cách truy cập nhanh vào những dịch vụ phổ biến nhất của Viettel: Dịch vụ điện thoại hay Internet, v..v. Khi người dùng click vào nút bấm truy cập dịch vụ , ngay lập tức hiển thị ngay bảng lựa chọn các gói cước hoặc sản phẩm trực thuộc.

Đồng thời footer được thiết kế điều hướng với các trang được tìm kiếm nhiều nhất, nâng cao hiệu quả SEO cho trang web.

viettel-solution-2-2

Ngoài ra, Sutunam cũng đóng góp một số tư vấn giúp  thu hút người dùng đăng nhập website để khám phá và trải nghiệm thêm lợi ích từ Viettel. Đồng thời, chúng tôi cũng rất chú trọng việc gợi ý chéo, giúp người dùng không những tự hỗ trợ bản thân hiệu quả mà còn khuyến khích trải nghiệm nhiều hơn với website, giúp gia tăng thời gian khách hàng ở lại với trang web với tỉ lệ chuyển đổi khách hàng cao.

Là một chuyên gia về website nói chung và website thương mại điện tử nói riêng, Sutunam luôn đảm bảo chất lượng tuyệt vời và khả năng thân thiện tối đa cho người dùng. Nếu có bất cứ câu hỏi hay trăn trở nào về dự án trực tuyến của bạn, hãy liên hệ ngay đội ngũ của Sutunam để được tư vấn và hỗ trợ nhiệt tình nhất.

 

Về Kieu Anh Ngo

Production Coordinator tại Sutunam