Context
풀어야 했던 문제.
배경
현대자동차 월드와이드 사이트의 공통 메뉴(GNB), 메인, 서브메인을 개편하는 프로젝트입니다. AEM 컴포넌트 개발 기획자로 요구사항, 화면 동작, 검수 기준을 정리했습니다.
문제 정의
새 메인은 영상과 이미지가 중심이 되는 동적인 화면이었습니다. 19개국 운영자가 이 화면을 같은 품질로 만들려면, 동작을 개발 가능한 단위로 쪼개고 입력 규격까지 정해야 했습니다.
제약사항
AEM 플랫폼 안에서 19개국의 서로 다른 콘텐츠 요구사항을 수용해야 했습니다.
Insight
핵심 판단.
- 01동적인 화면일수록 시안보다 동작 가이드가 중요했습니다. 영상·이미지의 배치 방식과 동작을 가이드로 구체화했습니다.
- 02메인·서브메인의 요구사항을 AEM 컴포넌트 개발 범위로 바꾸고, 운영자가 채울 입력 필드와 규격을 함께 정의했습니다.
- 03QA 기준을 미리 정해 두어야 19개국에 적용한 뒤 품질 편차가 생기지 않습니다. 변경 사항마다 확인할 기준을 정의했습니다.
Solution
제가 맡아 해낸 일.
GNB·메인·서브메인의 요구사항을 정리하고, 영상·이미지 중심 화면의 구성과 동작 가이드를 작성했습니다.
AEM 개발팀, 모션 디자인팀, 글로벌 브랜드 마케팅팀과 함께 컴포넌트 개발과 QA의 기준을 맞췄습니다.
함께한 조직
AEM 개발팀, 모션 디자인팀, 글로벌 브랜드 마케팅팀
화면·기획 자료
프로젝트 기획·운영 자료입니다. 화면의 디자인보다 컴포넌트의 구성과 입력·운영 기준을 보여줍니다.
GNB 썸네일·해시태그 운영 규격
메인 이미지·영상 AEM 입력 필드
서브메인 템플릿 규격
Walkthrough
화면을 차례로.
스크롤하면 화면이 순서대로 바뀝니다. 총 3장.
01 / 03
GNB 썸네일·해시태그 운영 규격
Performance
범위와 성과.
19개국 32개 사이트
적용 범위
GNB, 메인, 서브메인
개편 영역
이 프로젝트에서 얻은 것
- 01동적인 화면은 시각 디자인만이 아니라 동작 조건과 검수 기준까지 정의해야 완성됩니다.
- 02페이지를 CMS 컴포넌트 단위로 나눠 기획한 이 경험이 이후 삼성 반도체 컴포넌트 체계 기획의 바탕이 됐습니다.
- 03글로벌 사이트는 공통 기준을 단단히 하고, 국가별 콘텐츠는 그 안에서 자유롭게 하는 구조가 운영에 강합니다.