우문현답
愚 問 賢 答
회사별 면접직군별질문 가이드진행 방식
    홈›회사별›CJ올리브영›UX/UI 디자이너›질문 상세
    問
    CCJ올리브영UX/UI 디자이너직무 역량2026년 출제

    브랜드 웹 가이드를 구축할 때 어떤 요소를 가장 중요하게 고려하나요?

    답변 미리보기

    수업 프로젝트에서 4인 팀의 웹 디자인 작업이 컴포넌트마다 톤이 달라지는 문제가 생겼을 때, 가이드를 먼저 만들자고 제안했습니다. 가이드의 목적을 '디자인…

    예상 답변 시간
    60~90초
    예상 꼬리질문
    3회
    난이도
    난이도 중상
    출제 빈도
    높음
    INTERVIEWER'S INTENT · 면접관의 의도

    이 질문, 네 갈래로 뜯어봅니다.

    면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.

    問
    01
    가이드의 목적이 분명한가?
    디자인 일관성·개발 효율·확장 속도 중 어떤 목적을 본인이 출발점으로 봤는지 흔적이 답에 있어야 합니다. '가이드를 만든다' 수준의 답은 면접관이 '왜요?'를 추가로 묻는 자리가 자주 보입니다.
    骨
    02
    컴포넌트 결을 가르는가?
    공통 컴포넌트와 페이지별 변주의 경계를 어떻게 잡았는지 흔적이 있어야 합니다. 모든 요소를 똑같이 다룬 답은 설계 감도가 약하다는 결로 통합니다.
    語
    03
    접근성·반응형을 챙기는가?
    다양한 기기·접근성 기준·다국어 같은 변수를 의식한 흔적이 있어야 합니다. 데스크톱 시각만 말하는 답은 깊이가 부족해 보이는 자리가 흔합니다.
    本
    04
    운영·갱신 흐름이 있는가?
    가이드가 옛 정보로 굳지 않게 정기 갱신·소유자 책임을 어떻게 설계했는지 흔적이 있어야 합니다. 초기 구축만 말하는 답은 운영 감도가 약하다는 결로 보입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    CJ올리브영 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    목적과 컴포넌트 경계를 정의하고 운영 갱신 흐름까지 설계한 결약 74초모바일·접근성 기준을 초안부터 포함해 수정비용 줄이는 설계 결갱신 가능 구조·버전 추적 설계로 혼선 제거 결
    예시 답변 1
    약 74초

    목적과 컴포넌트 경계를 정의하고 운영 갱신 흐름까지 설계한 결

    수업 프로젝트에서 4인 팀의 웹 디자인 작업이 컴포넌트마다 톤이 달라지는 문제가 생겼을 때, 가이드를 먼저 만들자고 제안했습니다. 가이드의 목적을 '디자인 일관성'과 '개발 핸드오프 효율' 두 가지로 정의했고, 이 두 목적이 때로 충돌한다는 걸 작업하면서 알았습니다. 공통 컴포넌트 — 버튼·인풋·카드 — 는 스펙을 고정했고, 페이지별 레이아웃 변주는 허용 범위만 명시했습니다. 접근성도 처음부터 반영해서 WCAG 2.1 AA 기준으로 컬러 대비를 설계했습니다. 가이드 완성 후 1개월 뒤 내용이 업데이트됐는데 가이드에는 없다는 걸 발견해서, 정기 업데이트 주기와 소유자를 명시하는 규칙을 추가했습니다. 가이드는 한 번 만들면 끝이 아니라는 걸 그때 배웠습니다.

    이 결의 특징
    4인 팀 웹 디자인에서 컴포넌트별 톤이 달라지는 문제를 계기로 가이드를 먼저 만들자고 제안했고, 디자인 일관성과 개발 핸드오프 효율 두 목적을 정의한 뒤 공통 컴포넌트는 고정하고 레이아웃 변주는 범위만 명시하는 구조를 만든 흔적이 있습니다. WCAG 2.1 AA 기준 컬러 대비를 처음부터 설계한 점도 구체적입니다.
    이 결이 통하는 자리
    가이드 목적을 두 가지로 명시하고 그것이 때로 충돌한다는 점을 인식하면서 균형을 잡은 경험이 살아 있을 때 통합니다. 정기 업데이트 주기와 소유자 명시까지 이어진 운영 설계가 구축에서 끝나지 않은 흔적으로 보이는 자리에서 면접관의 꼬리질문이 줄어드는 결이 보입니다.
    예시 답변 2

    모바일·접근성 기준을 초안부터 포함해 수정비용 줄이는 설계 결

    웹 가이드에서 접근성과 반응형 디자인을 처음부터 포함하지 않으면 나중에 수정 비용이 커진다는 걸 경험으로 배웠습니다. 학교 수업에서 웹 디자인 가이드를 만들 때, 처음에는 데스크톱 화면 기준으로만 컴포넌트를 정의했습니다. 이후 모바일 환경에서 확인하니 타이포그래피와 간격 규칙이 어긋나는 자리가 생겼습니다. 가이드를 다시 만드는 것이 처음부터 제대로 만드는 것보다 훨씬 더 오래 걸렸습니다. 이 경험이 웹 가이드 초안 단계부터 모바일 기준 컴포넌트를 함께 정의하는 결의 출발이 됐습니다.

    색상 대비 비율도 WCAG 기준으로 확인하는 체크리스트를 가이드 안에 포함시켰습니다. 접근성 결은 사용자 범위를 넓히는 것이 아니라, 가이드가 다양한 환경에서 일관되게 작동하도록 처음부터 설계하는 자리에서 드러납니다.

    이 결의 특징
    데스크톱 기준으로만 컴포넌트를 정의했다가 모바일 환경에서 타이포그래피와 간격 규칙이 어긋나는 자리를 발견하고, 초안 단계부터 모바일 기준 컴포넌트를 함께 정의하는 결을 만든 흔적이 있습니다. WCAG 기준 색상 대비 체크리스트를 가이드 안에 포함시킨 점도 이어집니다.
    이 결이 통하는 자리
    가이드를 다시 만드는 것이 처음부터 제대로 만드는 것보다 오래 걸린다는 경험이 뒷받침되고, 접근성 결이 다양한 환경에서의 일관성 확보로 정의될 때 통합니다. 수정 비용 경험이 초안 설계 변화와 연결된 자리에서 통하는 결이 자주 보입니다.
    예시 답변 3

    갱신 가능 구조·버전 추적 설계로 혼선 제거 결

    웹 가이드는 한 번 만들고 끝나는 문서가 아니라, 운영 중 계속 갱신될 수 있는 구조를 처음부터 가져야 한다는 걸 배웠습니다. 학교 수업에서 팀이 함께 사용하는 컴포넌트 가이드를 만들었는데, 첫 버전 이후 팀원들이 각자 변형해서 쓰면서 가이드와 실제 코드가 달라지는 자리가 생겼습니다.

    버전 관리 체계가 없었기 때문에, 어느 버전이 최신인지 알 수 없게 됐습니다. 이후 가이드에 최종 수정일과 변경 이력 섹션을 넣고, 갱신 주체를 명시하는 구조를 잡았습니다. 가이드가 살아있는 문서가 되려면, 언제 누가 어떤 이유로 바꿨는지가 추적되는 구조입니다.

    운영 결은 가이드를 완성하는 것이 아니라, 변화에 따라 가이드가 계속 현장과 맞춰질 수 있도록 갱신 흐름을 설계에 포함시키는 자리에서 드러납니다.

    이 결의 특징
    팀원들이 각자 컴포넌트를 변형해 쓰면서 가이드와 실제 코드가 달라진 경험을 계기로, 최종 수정일과 변경 이력 섹션을 추가하고 갱신 주체를 명시하는 구조를 잡은 흔적이 있습니다. 버전 관리 체계 없이 어느 버전이 최신인지 알 수 없게 됐던 혼란이 계기가 됐다는 점이 구체적입니다.
    이 결이 통하는 자리
    가이드가 살아있는 문서가 되려면 언제 누가 어떤 이유로 바꿨는지 추적되는 구조가 필요하다는 원칙이 팀 혼선 경험으로 뒷받침될 때 통합니다. 갱신 흐름이 설계에 포함된 것이 구체 항목인 수정일과 이력과 주체로 연결된 자리에서 면접관의 꼬리질문이 줄어드는 결이 보입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

    같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.

    • ✕고른 것만 말하고 있지 않은가? 검토했다 접은 선택지가 하나라도 나와야 판단으로 읽힙니다.
    • ✕판단 기준이 그 상황에 붙어 있는가? "더 좋아서"는 일반론이고, 그때의 조건을 짚은 말이 본인의 답입니다.
    • ✕결과를 확인한 방법이 있는가? 수치든 주변 반응이든, 무엇을 보고 됐다고 판단했는지가 빠지면 막연해집니다.
    • ✕지금 다시 한다면 무엇을 바꿀지 답할 수 있는가? "잘했다"보다 "이건 다르게 했을 것 같다"가 더 깊게 남습니다.
    ▶이어질 꼬리질문

    진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.

    壹가이드가 안 지켜졌다면 어떻게 다루시나요?
    대응예시·툴 통합·리뷰 단계로 풀어가는 결이 자주 통합니다. 본인이 한 점검 절차가 보이는 자리가 강합니다.
    貳디자이너와 개발자 사이 인식 차이는 어떻게 좁히시나요?
    대응토큰·컴포넌트 라이브러리·코드 예시를 함께 두는 결이 통합니다. 본인이 한 작은 합의 시도가 보이는 자리가 강합니다.
    參가이드 적용 후 효과는 어떻게 측정하시나요?
    대응구축 속도·일관성 검사·사용자 피드백 중 어떤 축으로 봤는지 짚는 결이 자주 통합니다. 본인이 본 변화 사례를 한 줄 더하는 답이 강합니다.
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. CJ올리브영 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

    같은 흐름에서 자주 이어지는 질문들이에요.

    무신사 · 브랜드·마케팅
    브랜드 마케팅 가이드를 수립할 때 어떤 요소를 가장 중요하게 고려하나요?
    이 질문 보기
    쿠팡 · MD·상품기획
    브랜드와의 파트너십을 구축할 때 어떤 요소를 가장 중요하게 고려하나요?
    이 질문 보기
    쿠팡 · MD·상품기획
    브랜드사와의 파트너십을 구축할 때 어떤 요소를 가장 중요하게 고려하나요?
    이 질문 보기
    마켓컬리 · MD·상품기획
    신규 입점 브랜드의 운영 가이드를 안내할 때, 어떤 요소를 가장 중요하게 고려하나요?
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, CJ올리브영 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기