Trong kỷ nguyên số, việc sở hữu vàng trở nên dễ dàng hơn bao giờ hết. VietinBank, một trong những ngân hàng thương mại hàng đầu Việt Nam, đã tiên phong trong việc đưa dịch vụ mua bán vàng trực tuyến đến gần hơn với khách hàng thông qua tính năng digiGOLD trên ứng dụng VietinBank iPay Mobile. Để tạo nên một trải nghiệm người dùng hoàn hảo, VietinBank đã tin tưởng lựa chọn dịch vụ thiết kế landing page tại DEVITECH.

 

Dự án thiết kế Landing Page - Vietinbank
Dự án thiết kế Landing Page – Vietinbank

 

1. Thấu hiểu yêu cầu khách hàng

Mục tiêu: Tạo ra một landing page chuyên nghiệp, thu hút và thuyết phục khách hàng đăng ký sử dụng dịch vụ digiGOLD.

Yêu cầu kỹ thuật:

– Thiết kế giao diện trên Figma theo bản sitemap đã duyệt.

– Lập trình giao diện tương tác, thân thiện với người dùng.

– Tối ưu hóa hiệu suất, đảm bảo tốc độ load trang nhanh.

– Thiết kế responsive, phù hợp với mọi thiết bị.

Tìm hiểu thêm: Xu hướng thiết kế Website hứa hẹn gây bão 2024

 

 

Thấu hiểu yêu cầu khách hàng
Thấu hiểu yêu cầu khách hàng

 

2. Giải pháp thiết kế của DEVITECH

a. Thiết kế giao diện

Giao diện trực quan, hiện đại: Sử dụng ngôn ngữ thiết kế hiện đại, tập trung vào các yếu tố quan trọng nhất, tạo cảm giác chuyên nghiệp, hiện đại số và tin cậy.

Bố cục rõ ràng: Sắp xếp các thành phần trên trang một cách hợp lý, giúp người dùng dễ dàng tìm kiếm thông tin.

Màu sắc hài hòa: Sử dụng màu xanh là màu chủ đạo của thương hiệu VietinBank, tạo sự hiện đại, thống nhất và nhận diện cao.

Typography: Sử dụng font chữ rõ ràng, dễ đọc, tạo sự thoải mái cho người dùng.

b. Yêu cầu về nội dung

Truyền tải rõ ràng các lợi ích của digiGOLD, hướng dẫn người dùng đăng ký một cách dễ dàng.

 

Thiết kế giao diện
Thiết kế giao diện

 

c. Tối ưu hóa hiệu suất

– Nén hình ảnh: Giảm kích thước file hình ảnh để tăng tốc độ tải trang.

– Minify code: Loại bỏ các đoạn code thừa để giảm kích thước file HTML, CSS và JavaScript.

– Cải thiện cấu trúc code: Tổ chức code một cách hợp lý để tăng tốc độ render trang.

d. Responsive  – Tối ưu hiển thị trên mọi thiết bị

– Thiết kế linh hoạt: Landing page tự động điều chỉnh giao diện phù hợp với kích thước màn hình của các thiết bị khác nhau (desktop, tablet, mobile).

– Đảm bảo trải nghiệm người dùng: Nội dung và các yếu tố thiết kế vẫn được hiển thị rõ ràng và dễ đọc trên mọi thiết bị.

 

Responsive  - Tối ưu hiển thị trên mọi thiết bị
Responsive  – Tối ưu hiển thị trên mọi thiết bị

 

3. Kết quả đạt được

Landing page chuyên nghiệp, ấn tượng: Truyền tải được thông điệp và giá trị của dịch vụ digiGOLD.

– Tương tác người dùng cao: Tỷ lệ chuyển đổi (conversion rate) tăng đáng kể.

– Tốc độ tải trang nhanh: Cải thiện trải nghiệm người dùng, tăng mức độ hài lòng của khách hàng.

– Tối ưu SEO: Hỗ trợ quá trình SEO, giúp landing page dễ dàng được research trên các công cụ tìm kiếm.

KẾT LUẬN

Với kinh nghiệm và chuyên môn của mình, DEVITECH đã thành công trong việc xây dựng một landing page ấn tượng và hiệu quả cho dịch vụ digiGOLD của VietinBank. Sản phẩm cuối cùng không chỉ đáp ứng đầy đủ các yêu cầu của khách hàng mà còn vượt qua cả mong đợi, góp phần quảng bá rộng rãi dịch vụ mới này đến khách hàng.