신한증권 베트남 홈페이지 리뉴얼

상황

신한증권 베트남 홈페이지 리뉴얼은 모바일 PageSpeed 19점·페이로드 7.2MB 인 레거시 사이트를 VI·KO·EN 3개 언어 Next.js 사이트로 다시 짓고 PageSpeed 65 이상·LCP 2.5초 미만을 계약 수치로 보장하는 프로젝트입니다. 신한증권 베트남은 베트남 투자자를 대상으로 하는 공식 홈페이지를 운영 중이며, VI·KO·EN 3개 언어를 지원합니다. 금융사 브랜드 가이드라인을 준수해야 하며, 보안·성능·SEO를 계약 수치로 보장해야 하는 제약이 있습니다.

문제

기존 사이트는 PHP와 커스텀 CMS 레거시 구조로 인해 페이로드가 7.2MB에 달하고 모바일 PageSpeed 점수가 19점에 불과했습니다. 또한 검색 및 AI 검색(GEO) 노출과 모바일 계좌 개설 전환율이 측정되지 않아 현황 파악이 어려웠습니다.

우리가 한 것

• 6축(IA · i18n · 색상 · 타이포 · 레이아웃 · UX) 갭 분석으로 현황을 수치화했습니다.
• Next.js 16(App Router, SSR+ISR) + Sanity CMS + Cloudflare WAF로 재설계했습니다.
• 성능·보안·SEO를 계약 수치로 보장했습니다(PageSpeed 모바일 ≥65, LCP <2.5s, CLS <0.10, INP <200ms, OWASP Top 10 Critical/High 0건).
• Schema.org 6종(FinancialService · FinancialProduct · BreadcrumbList · FAQPage · Article+Author 등)으로 AI 검색 인용 구조를 넣었습니다.
• 12개 페이지 HTML 데모 패키지를 먼저 만들어 고객이 화면으로 검토하게 했습니다.

결과

지표	값	비고
현황 진단	모바일 PageSpeed 19점 · 페이로드 7.2MB	실측
갭 분석	Phase 1 시안 적합도 40% → 85%	6축 분석
데모 패키지	12개 페이지 HTML 완성
보장 수치(계약)	PageSpeed ≥65 · LCP <2.5s · OWASP Critical/High 0
일정	8주, 12개월 무상 유지보수
언어	3개 (VI 기본 · KO · EN)

기간 · 규모 · 스택

• 기간: 2026-05 갭 분석 → 2026-06 데모 패키지 → 2026-07 견적 확정. 본 개발 착수 전
• 규모: 12개 페이지, 3개 언어
• 스택: Next.js 16 · TypeScript · TailwindCSS · Sanity CMS · Cloudflare Pro WAF · Schema.org

이 사례가 말하는 것

금융사 홈페이지는 디자인보다 수치로 계약합니다. 시작 전에 현황을 재고, 끝날 때 같은 자로 다시 잽니다.