C3i3KOREA
KOREAN WEB DESIGN / 실무 가이드

한영 웹사이트 디자인 이중 언어 사이트는 어떤 구조로 만들까요

한영 웹사이트에는 한국어와 영어 페이지의 명확한 관계가 필요합니다.

C3i3 KOREA TEAM /
흑백 에디토리얼 사진 한영 웹사이트 디자인 이중 언어 사이트는 어떤 구조로 만들까요
C3i3 KOREA / EDITORIAL STUDIES

전환 버튼보다 페이지 지도를 먼저 만드세요

한영 웹사이트에는 한국어와 영어 페이지의 명확한 관계가 필요합니다. 어떤 페이지가 있고 누구를 위한 것이며 어느 페이지에 대응 버전이 있는지 콘텐츠 지도부터 만드세요. 언어 전환은 그 지도를 따라야 하며 버튼이 구조를 대신 결정해서는 안 됩니다.

서비스 세부 내용을 읽는 고객이 언어를 바꿀 때 대응 페이지가 있다면 같은 서비스 맥락을 유지하는 것이 좋습니다. 번역본이 없다면 관련 없는 곳으로 조용히 이동시키기보다 정직하고 유용한 대안을 정해야 합니다.

FIELD GUIDE / WEB

사이트의 설계도

01고객
02정보 구조
03화면
04다음 행동

각 요소를 따로 채우기보다 같은 고객의 다음 행동으로 연결해 보세요.

메뉴는 기계적 일치보다 의미를 맞추세요

한국어와 영어 메뉴는 길이와 익숙한 용어가 다를 수 있습니다. 고객이 목적지를 알아볼 수 있는 표현을 선택하세요. 내부 서비스 이름의 직역보다 같은 실제 업무를 설명하는 자연스러운 표현이 유용할 수 있습니다.

드롭다운과 카테고리 페이지, 돌아가는 경로까지 전체 메뉴를 확인하세요. 영어에 맞는 메뉴가 한국어에서는 어색하게 줄바꿈되거나 그 반대가 될 수 있습니다. 모든 문제를 글자 축소로 해결하지 말고 간격과 계층, 보이는 선택지 수를 검토하세요.

두 언어의 실제 콘텐츠로 디자인하세요

레이아웃을 승인하기 전에 대표 제목과 본문, 버튼 문구를 넣어보세요. 긴 서비스 이름과 작은 주석, 모바일 카드 제목도 확인해야 합니다. 자연스럽게 줄바꿈할 공간과 읽기 쉬운 대비를 확보하세요.

이미지와 설명의 맥락도 검토해야 합니다. 같은 사진을 두 언어에서 사용할 수 있지만 글자가 들어간 도표에는 현지화 계획이 필요합니다. 가능하다면 의미 있는 텍스트를 편집 가능하게 두어 수정할 때 전체 이미지를 다시 만들지 않도록 하세요.

양식과 후속 메시지도 언어 계획에 포함하세요

페이지가 번역되어 있어도 문의 단계에서 문제가 생길 수 있습니다. 입력 항목과 오류 메시지, 완료 안내, 후속 설명을 확인하세요. 기회를 이해하는 데 필요한 정보만 요청하고 연락 방식에 대한 기대를 명확히 해야 합니다.

제안이나 과정이 바뀔 때 각 버전을 누가 검토할지도 정하세요. 공동 목록에 페이지 쌍과 담당자, 검토 상태를 기록할 수 있습니다. 기술적 언어 설정도 디자인과 함께 확인해야 하지만 올바른 태그가 이해할 수 없는 양식을 고쳐주지는 못합니다.

한영 페이지 목록의 다섯 항목

YOUR WORKING NOTES / 실행 노트

검토하면서 나만의 브리프를 만드세요

확인한 항목을 선택하고 노트를 내려받아 팀과 공유하세요. 입력 내용은 이 브라우저에서만 처리됩니다.

한국어와 영어 페이지는 같은 모습이어야 할까요

같은 기업의 사이트라는 느낌을 유지하면서 실제 콘텐츠를 수용해야 합니다. 모든 줄바꿈을 똑같이 맞추기보다 일관된 계층과 동작이 중요합니다. C3i3 Korea에 페이지 목록과 언어 요구를 알려주시면 사이트가 커져도 사용할 수 있는 구조를 논의할 수 있습니다.

관련 가이드

관련 서비스 살펴보기 ↗

사업과 협업 기회를 소개해 주세요 ↗

브랜드·크리에이터 협업 ↗