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

프로젝트 소개

신한증권 베트남(Shinhan Securities Vietnam) 공식 홈페이지를 Next.js 기반의 현대적 웹 애플리케이션으로 전면 재구축하는 프로젝트입니다. 기존 PHP/커스텀 CMS 기반의 레거시 아키텍처(7.2MB 페이로드, PageSpeed 19점)를 성능·보안·SEO 관점에서 완전히 새로 설계합니다.

단순 리뉴얼을 넘어 성능(Core Web Vitals), 보안(OWASP), SEO/GEO(AI 검색 노출), 모바일 계좌 개설 전환율을 동시에 끌어올리는 것을 목표로 하는 엔터프라이즈 웹 프로젝트입니다. (현재 개발 진행 중)

핵심 목표

성능 최적화

• 레거시 → 모던: PageSpeed 19점 → 65점+ 목표
• Core Web Vitals: LCP·CLS·INP 전 항목 녹색 달성
• 이미지·번들: WebP/AVIF 자동 변환, ISR, 지연 로딩, Brotli 압축

SEO / GEO (생성형 검색 최적화)

• 구조화 데이터: FinancialService·FinancialProduct·Article·FAQPage 등 Schema.org 전면 구현
• AI 인용 대응: ChatGPT·Gemini·Perplexity 검색 엔진에서 자동 인용되는 콘텐츠 구조
• 다국어 SEO: 베트남어·영어·한국어 hreflang 대응

보안·전환

• OWASP Top 10 대응 및 보안 헤더 강화
• 모바일 계좌 개설 퍼널 최적화

주요 페이지

주식·파생·펀드·워런트·채권 등 상품 페이지, 투자 교육 허브, 리서치·분석 보고서 센터, 블로그·마켓 인사이트, 기업 정보·채용·이벤트까지 26개 이상의 페이지를 다국어로 구성합니다.

기술 스택

Next.js 16 + React 19 + TypeScript 5
Tailwind CSS 4 — 디자인 시스템
next-intl — 베트남어 / 영어 / 한국어 다국어
SSR + ISR — 성능과 SEO 양립
Schema.org 구조화 데이터 — GEO 대응
관리자 CMS (Headless CMS 연동 예정)
신한 브랜드 폰트 (Shinhan / OneShinhan) 적용

규모

• 26개+ 페이지 (다국어 포함)
• 52개 재사용 UI 컴포넌트
• 94개 TypeScript 파일
• 베트남어 / 영어 / 한국어 3개 언어 지원

설계 방향

신한금융그룹의 브랜드 신뢰도를 웹에서 그대로 전달하면서, 베트남 시장에서 한국 금융의 전문성을 차별화하는 것이 핵심입니다. 설계·개발·검증 전 과정에 AI 워크플로우를 통합해 빠른 반복과 높은 완성도를 동시에 추구합니다.