Thiết kế lại website Shinhan Securities Vietnam

Bối cảnh

Dự án thiết kế lại website Shinhan Securities Vietnam chuyển website cũ có PageSpeed di động 19 điểm và dung lượng tải 7.2MB sang Next.js với 3 ngôn ngữ VI · KO · EN, cam kết trong hợp đồng PageSpeed từ 65 điểm và LCP dưới 2.5 giây. Website chính thức phục vụ nhà đầu tư Việt Nam, hỗ trợ cả 3 ngôn ngữ. Dự án phải tuân thủ hướng dẫn thương hiệu của tổ chức tài chính và bảo đảm bảo mật, hiệu năng, SEO bằng các chỉ tiêu hợp đồng.

Vấn đề

Kiến trúc PHP và CMS tùy chỉnh cũ khiến dung lượng tải lên tới 7.2MB, với PageSpeed di động chỉ 19 điểm. Khả năng hiển thị trên công cụ tìm kiếm và tìm kiếm AI (GEO), cùng tỷ lệ chuyển đổi mở tài khoản trên di động, chưa được đo lường nên khó đánh giá hiện trạng.

Công việc đã thực hiện

Định lượng hiện trạng qua phân tích khoảng cách theo 6 trục: IA · i18n · màu sắc · kiểu chữ · bố cục · UX.
Thiết kế lại bằng Next.js 16 (App Router, SSR+ISR) + Sanity CMS + Cloudflare WAF.
Cam kết hiệu năng, bảo mật và SEO bằng số liệu: PageSpeed di động ≥65, LCP <2.5s, CLS <0.10, INP <200ms, 0 lỗi OWASP Top 10 mức Critical/High.
Bổ sung cấu trúc trích dẫn cho tìm kiếm AI với 6 loại Schema.org, gồm FinancialService · FinancialProduct · BreadcrumbList · FAQPage · Article+Author.
Chuẩn bị trước bộ demo HTML gồm 12 trang để khách hàng trực tiếp xem và đánh giá giao diện.

Kết quả

Chỉ tiêu	Giá trị	Ghi chú
Đánh giá hiện trạng	PageSpeed di động 19 điểm · dung lượng tải 7.2MB	Đo thực tế
Phân tích khoảng cách	Mức độ phù hợp thiết kế Phase 1: 40% → 85%	Phân tích 6 trục
Bộ demo	Hoàn thành 12 trang HTML
Chỉ tiêu cam kết trong hợp đồng	PageSpeed ≥65 · LCP <2.5s · OWASP Critical/High 0
Tiến độ	8 tuần, bảo trì miễn phí 12 tháng
Ngôn ngữ	3 (VI mặc định · KO · EN)

Thời gian · Quy mô · Công nghệ

Thời gian: phân tích khoảng cách 2026-05 → bộ demo 2026-06 → chốt báo giá 2026-07. Chưa khởi động giai đoạn phát triển chính.
Quy mô: 12 trang, 3 ngôn ngữ.
Công nghệ: Next.js 16 · TypeScript · TailwindCSS · Sanity CMS · Cloudflare Pro WAF · Schema.org.

Ý nghĩa của dự án

Website của tổ chức tài chính cần hợp đồng dựa trên số liệu. Đo hiện trạng trước khi bắt đầu và đo lại theo cùng tiêu chí khi hoàn tất.