제품 과제
문제를 화면 밖까지 살펴봅니다.
기업 사이트는 금세 비슷한 표현의 모음이 되기 쉽습니다. 회사의 관점, 서비스, 공개 경험, 일하는 방식, 인사이트, AI 개발이 각기 다른 근거와 리듬을 가지도록 페이지 역할을 분리해야 했습니다.
한국어 화면은 영문을 대체 표시하는 곳이 아닙니다. 본문과 메뉴, 메타데이터, 접근성 레이블까지 독립된 한국어 콘텐츠로 유지해야 했습니다.
다국어 브랜드 플랫폼
운영 중
SORADA 홈페이지
SORADA의 Travel Tech와 AI 활용 개발 방식을 검색과 사용자 모두가 이해할 수 있도록 정리한 영문·한국어 기업 사이트입니다.
프로젝트 개요
공개 제품이 다루는 문제.
SORADA 홈페이지는 Travel Tech와 AI 활용 제품 개발 방식을 소개하는 공개 브랜드 플랫폼입니다. 국제적인 독자에게 전문 영역을 설명하되, 고객 성과나 상업적 수치, 공식 파트너십처럼 확인할 수 없는 주장을 만들지 않는 것을 기본 원칙으로 삼았습니다.
영문과 한국어를 하나의 번역본으로 취급하지 않았습니다. 각 언어에서 자연스러운 문장과 정보 순서로 다시 편집하고, 경로별 메타데이터·언어 대체 링크·구조화 데이터·반응형 검증까지 공개 제품의 일부로 관리했습니다.
브랜드·제품 구조프론트엔드현지화기술 SEO반응형 QA배포 문서화
실제 운영 화면
개인정보나 내부 운영 정보가 포함될 수 있는 화면은 공개하지 않습니다.
해결 접근
Nuxt의 경로 기반 언어 구조로 영문과 한국어 URL을 안정적으로 운영합니다. 페이지별 canonical, hreflang, Open Graph, 구조화 데이터는 동일한 경로 사실을 기준으로 만들고 sitemap과 llms.txt에는 공개 가능한 canonical 정보만 담았습니다.
SORADA의 딥그린·라임·코랄 색상 체계를 유지하면서 장문 콘텐츠와 편집형 이미지를 모바일에서 읽기 좋게 구성했습니다. 배포 전에는 작은 모바일 화면부터 데스크톱까지 실제 브라우저에서 확인합니다.
사용자 흐름
기능이 아니라 판단의 순서.
- 01페이지 역할과 사실 범위 정의
- 02영문·한국어 콘텐츠를 각각 편집
- 03접근 가능한 반응형 화면 구성
- 04경로별 SEO·구조화 데이터 생성
- 05운영 배포와 공개 crawl 자산 확인
운영 관점
출시 뒤에도 설명 가능한 구조.
정적 공개 사이트이므로 빌드 성공만으로 끝내지 않습니다. 배포 뒤 실제 브라우저 렌더링과 메뉴 이동, 하이드레이션을 함께 확인합니다.
한국어 혼입, 편집 문구 중복, 반응형 overflow를 살피는 가벼운 점검을 공개 콘텐츠와 함께 관리합니다.
기술 구성
실제 사용한 도구와 역할.
RELATED CONTEXT