Context
풀어야 했던 문제.
배경
현대자동차 해외 사이트의 차량 상세 페이지를 기획했습니다. 화면 설계와 차량 정보 템플릿을 맡고, 국가별 AEM Live Copy 운영을 지원했습니다.
문제 정의
차량마다, 나라마다 상세 페이지를 따로 만들면 페이지 수만큼 작업과 오류가 늘어납니다. 여러 차량과 국가에 공통으로 쓸 구조가 필요했고, 영어와 아랍어의 읽기 방향 차이도 함께 풀어야 했습니다.
제약사항
영어·아랍어를 지원하고, 오른쪽에서 왼쪽으로 읽는 RTL 화면과 AEM Live Copy 운영 방식을 함께 고려해야 했습니다.
Insight
핵심 판단.
- 01차량마다 달라지는 정보와 모든 차량에 공통인 화면 구조를 분리하는 것이 템플릿의 핵심이었습니다.
- 02아랍어는 번역만으로 끝나지 않습니다. 읽기 방향에 맞춰 화면 배치까지 함께 설계했습니다.
- 03Live Copy로 국가별 사본이 만들어지는 구조를 고려해 차량 정보와 상세 템플릿을 정리했습니다.
Solution
제가 맡아 해낸 일.
7개 차량의 상세 화면과 차량 정보 템플릿을 기획했습니다.
영어·아랍어 총 58페이지를 범위로 AEM 개발팀, 디자인 시스템팀, 글로벌 콘텐츠 운영팀과 협업하고 국가별 Live Copy 운영을 지원했습니다.
함께한 조직
AEM 개발팀, 디자인 시스템팀, 글로벌 콘텐츠 운영팀
화면·기획 자료
보관 중인 차량 상세 화면과 작업 자료입니다. 현재 판매 모델이나 최신 사이트 디자인을 나타내는 자료는 아닙니다.
KONA N 영문 제원 화면
KONA N 아랍어 제원·RTL 화면
IONIQ 5 영문 하이라이트
IONIQ 5 모바일 하이라이트
i20 N 영문 하이라이트
i20 N 모바일 하이라이트
SONATA N Line 영문 상세
SONATA N Line 아랍어 상세
SONATA Hybrid 영문 상세
SONATA Hybrid 아랍어 상세
STARIA 영문 하이라이트
STARIA 모바일 하이라이트
KONA N 영문 하이라이트 전체 페이지
KONA N 아랍어 하이라이트 전체 페이지
같은 템플릿을 오른쪽에서 왼쪽으로 읽는 아랍어(RTL) 배치로 운영한 화면입니다.
Walkthrough
화면을 차례로.
01 / 06
KONA N 영문 제원 화면
Performance
범위와 성과.
총 58페이지
제작 페이지 수
7개 차량
적용 차종
EN + AR (RTL)
지원 언어
이 프로젝트에서 얻은 것
- 01페이지가 많을수록 공통 템플릿과 국가별 운영 기준을 먼저 정해야 합니다.
- 02다국어 화면은 번역뿐 아니라 읽기 방향과 콘텐츠 배치까지 다뤄야 합니다.
- 03템플릿은 화면 하나를 잘 만드는 일이 아니라, 58페이지를 같은 품질로 만드는 일입니다.