other types: 두 서비스와 문의 경로를 정리한 리뉴얼
자사 사이트에서 두 서비스 분야를 나누고, 언어별 페이지와 공통 문의 양식을 구현했습니다.
기존 사이트는 한국–유럽 진출 지원을 중심으로 소개했습니다. 운영 서비스를 유지하면서 디지털 서비스도 찾기 쉽게 정리할 필요가 있었습니다.
기존 문제
메뉴에 지역과 서비스가 섞여 있었고, 같은 화면에서 여러 언어를 함께 보여주었습니다. 문의 양식도 두 곳으로 나뉘어 있었습니다.
유지한 요소
법인과 서울·룩셈부르크 거점, 기존 운영 서비스, SvelteKit·Firebase 호스팅을 유지했습니다. 기존 글과 고유 ID도 보존했습니다.
개선 내용
두 서비스 분야를 소개하는 홈 화면과 상세 페이지, 사례 소개와 공통 문의 양식을 만들었습니다. 영어·한국어·프랑스어는 각각의 URL로 제공합니다.
기술적 구현 방식
주요 상업 페이지 사전 렌더링(SSG), 빌드 시점 CMS 데이터 주입, 언어별 URL과 콘텐츠 hreflang 및 canonical URL, 스키마 마크업, 동의 기반 GA4 분석 체계를 구축했습니다.
인터페이스 전후 비교
기존 상태. 진단 결과. 개선 후.
로컬 작업본에서 기록한 리뉴얼 전후 화면입니다. 화면과 측정 결과는 아래에 표시한 기록 시점 기준입니다.
개선 후 화면은 영문 페이지 캡처입니다: 2026-10-08T07:28:47.798Z
성능 측정 결과
화면과 성능은 비교하고, 사업 성과는 출시 후 확인합니다.
| 지표 | 개선 전 → 개선 후 |
|---|---|
| 성능 | 71 → 91 |
| 접근성 | 93 → 100 |
| SEO | 100 → 100 |
같은 Chrome·Lighthouse 버전과 모바일 시뮬레이션 설정으로 로컬 미리보기에서 측정했습니다. 측정일: 2026-10-07T10:48:49.988Z / 2026-10-08T07:28:52.845Z
측정 페이지: http://127.0.0.1:4173/ (EN)
UI 소스 버전: a5dcc2303bc57d20
Lighthouse 13.5.0 · Chrome/154.0.8037.98 · 412 × 823 · CPU 4배 감속, RTT 150ms, 1,638 Kbps 모바일 환경 시뮬레이션, 텍스트 gzip 압축 전송 조건. 브라우저 저장소 초기화 상태.
이 수치만으로 문의 증가, 실제 사용자의 Core Web Vitals나 AI 답변 노출을 판단할 수는 없습니다. 실제 성과는 출시 후 확인해야 합니다.