問CJ올리브영 · 그래픽·시각디자인 · 직무 역량 · 2026년

커머스 UI 공통 에셋 개발 시 어떤 요소를 가장 중요하게 고려하시나요?

Q: 커머스 UI 공통 에셋 개발 시 어떤 요소를 가장 중요하게 고려하시나요?

커머스 UI 공통 에셋을 만들 때 가장 먼저 고려하는 자리는 재사용 가능한 구조입니다. 에셋이 여러 자리에서 쓰이기 때문에, 하나를 수정할 때 연결된 자리 전체가 함께 바뀌는 구조가 중요합니다. 수업 UI 프로젝트에서 버튼·카드·배지 컴포넌트를 공통 에셋으로 만들 때, 컬러 토큰과 사이즈 변수를 분리해서 테마 변경 자리에서도 에셋이 일관되게 유지되도록 했습니다. 접근성 자리도 에셋 설계 자리에서 함께 고려했는데, 컬러 대비 기준과 텍스트 크기 자리를 에셋에 미리 정해두면 나중에 수정 자리가 줄어듭니다. 공통 에셋의 가치는 어디서 쓰이든 예측 가능한 자리를 만드는 것이라고 생각합니다.

Q: 공통 에셋이 잘못 쓰인 경험은 없었나요?

면접관이 답변에 이어 던질 수 있는 후속 질문입니다.

Q: 동료가 공통 에셋을 따르지 않을 때는 어떻게 푸시나요?

면접관이 답변에 이어 던질 수 있는 후속 질문입니다.

Q: 에셋이 늘었을 때 어디부터 다듬으시겠어요?

면접관이 답변에 이어 던질 수 있는 후속 질문입니다.

예상 답변

60~90초

예상 꼬리질문

3회

난이도

난이도 중상

출제 빈도

높음

이 질문으로 모의면접 한 번 해보기

INTENT

면접관이 진짜로 보는 건 답이 아닙니다.

이 질문 뒤에 면접관이 확인하려는 것은 따로 있습니다.

본인 결을 본인 말로 푸는가?

공통 에셋에서 본인이 가장 보는 결을 본인 말로 한 줄 푼 답이 강한 결로 통합니다. 단어만 적은 답은 의도가 흐릿한 자리입니다.

독자를 누구로 두는가?

디자이너·개발자·운영자가 어떤 자리에서 본인 결을 만나는지 그린 답이 통합니다. 본인 시야만 적은 답은 사용자 감각이 얕은 결입니다.

재사용 결을 짚는가?

다른 팀이 다시 쓸 수 있게 정리한 흔적이 강합니다. 본인만 안다는 답은 인수인계 자리가 빈 자리입니다.

한계도 함께 짚는가?

공통화가 닿지 못하는 자리를 인정한 답이 통합니다. 모두 묶는다는 답은 시야가 좁은 결입니다.

읽기만 해도 충분하지만, 한 번 말로 해보면 다릅니다.

이 질문 그대로 음성 면접으로 받아볼 수 있어요. 첫 면접은 무료입니다.

이 질문으로 면접 시작

솔직한 경험 기반 접근약 90초 공통 에셋 없이 작업하다 일관성 붕괴 경험약 120초 낯선 역할 — 개발팀에 에셋 핸드오프를 처음 주도한 경험약 150초

예시 답변 1

약 90초

솔직한 경험 기반 접근

커머스 UI 공통 에셋을 만들 때 가장 먼저 고려하는 자리는 재사용 가능한 구조입니다. 에셋이 여러 자리에서 쓰이기 때문에, 하나를 수정할 때 연결된 자리 전체가 함께 바뀌는 구조가 중요합니다. 수업 UI 프로젝트에서 버튼·카드·배지 컴포넌트를 공통 에셋으로 만들 때, 컬러 토큰과 사이즈 변수를 분리해서 테마 변경 자리에서도 에셋이 일관되게 유지되도록 했습니다.

접근성 자리도 에셋 설계 자리에서 함께 고려했는데, 컬러 대비 기준과 텍스트 크기 자리를 에셋에 미리 정해두면 나중에 수정 자리가 줄어듭니다. 공통 에셋의 가치는 어디서 쓰이든 예측 가능한 자리를 만드는 것이라고 생각합니다.

이 결의 특징

재사용 가능한 구조와 컬러 토큰·사이즈 변수 분리를 에셋 설계의 핵심으로 보는 관점이 중심입니다. 접근성 기준을 에셋 설계 단계에서 미리 정해두는 방식이 이 결의 특징입니다.

이 결이 통하는 자리

UI/UX 디자인 직군 면접에서 '공통 에셋 설계 시 무엇을 고려하나'를 물을 때 잘 맞습니다. 재사용성과 접근성을 에셋 수준에서 먼저 설계하는 디자이너인지 확인하고 싶은 면접관이 멈추는 결입니다.

예시 답변 2

약 120초

공통 에셋 없이 작업하다 일관성 붕괴 경험

커머스 UI 작업에서 버튼 컬러와 크기를 디자이너마다 조금씩 다르게 만들었는데, 화면이 많아지자 일관성이 없어 보인다는 QA 피드백이 나왔어요. 공통 에셋이 없어서 각자 비슷하게 만들었는데 비슷한 것들이 쌓이자 차이가 눈에 띄게 된 거였습니다.

이후 컬러, 버튼 상태(기본·호버·비활성), 인풋 컴포넌트를 공통 에셋으로 먼저 정의하고 팀 전원이 그것을 쓰도록 바꿨어요. 공통 에셋이 생기자 수정이 한 곳에서 일괄로 반영됐습니다. 에셋을 나중에 만들면 수정 비용이 배로 든다는 걸 배웠어요.

이 경험으로 UI 에셋 개발에서 프로젝트 시작 시 공통 컴포넌트를 먼저 정의하고 팀이 공유하는 구조를 만드는 원칙이 생겼어요. 공통 에셋은 늦을수록 수정 범위가 커진다는 교훈입니다.

이 결의 특징

디자이너마다 조금씩 다르게 만든 버튼들이 쌓이자 일관성 부재가 눈에 띄게 된 경험이 중심입니다. 공통 에셋 정의 후 팀 전원이 사용하는 구조로 바꿔 수정이 한 곳에서 반영되게 한 흐름이 담겨 있습니다.

이 결이 통하는 자리

'에셋 일관성이 깨진 경험이 있나요'를 묻는 자리에서 사후 대응보다 공통 에셋 선행 정의의 중요성을 경험으로 보여주는 결입니다. 에셋을 나중에 만들면 수정 비용이 배로 든다는 것을 아는 디자이너인지 확인하고 싶은 면접관이 주목하는 자리입니다.

예시 답변 3

약 150초

낯선 역할 — 개발팀에 에셋 핸드오프를 처음 주도한 경험

커머스 에셋을 개발팀에 처음으로 핸드오프하는 역할을 맡았어요. 디자인 파일을 공유했는데 개발자가 '어떤 컴포넌트가 재사용 가능한지 모르겠다'고 했습니다. 에셋을 만든 것과 전달하는 것이 다른 일이라는 걸 그때 알았어요.

컴포넌트별로 사용 조건(언제 쓰는지), 상태(hover, disabled), 크기 변형 가능 여부를 Figma 주석으로 정리했어요. 주석이 생기자 개발자가 질문 없이 구현에 들어갔고, 수정 요청도 줄었습니다. 에셋 설계와 문서화는 한 세트라는 걸 배웠어요.

이 경험으로 커머스 UI 에셋 개발에서 컴포넌트 정의와 함께 사용 조건 문서화를 병행하는 원칙이 생겼어요. 에셋은 설계가 아니라 개발팀이 쓸 수 있을 때 완성된다는 교훈입니다.

이 결의 특징

에셋을 만드는 것과 개발팀에 전달하는 것이 다른 일이라는 것을 핸드오프 경험으로 배운 흐름이 중심입니다. 컴포넌트별 사용 조건·상태·크기 변형 여부를 Figma 주석으로 정리한 방식이 이 결의 핵심입니다.

이 결이 통하는 자리

'개발팀 핸드오프를 어떻게 했나'를 묻는 자리에서 문서화된 주석 기반 핸드오프 경험으로 답하는 결입니다. 에셋 설계와 문서화를 한 세트로 생각하는 디자이너인지 확인하고 싶은 면접관이 관심을 갖는 자리입니다.

위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.

WHAT OFTEN MISSES

이 질문에서 자주 빠지는 자리.

답변에서 흔히 빠지는 것들 — 빠져 있으면 꼬리질문이 깊어집니다.

떨어뜨린 옵션이 1개라도 있는가? "이게 답이었어요"만으로는 의사결정이 아니라 그냥 선택입니다.

선택 기준이 그 프로젝트에 한정되는가? "성능이 좋아서"는 일반론, "우리 트래픽이 X 패턴이라서"가 본인의 답입니다.

결과 숫자 1개를 정확히 말할 수 있는가? P95·QPS·적중률 — 무엇이든 1개. 숫자가 없으면 직감으로 한 일처럼 들리기 쉽습니다.

지금 다시 한다면 어떻게 할지 답할 수 있는가? "잘했다"보다 "이건 다르게 했을 것 같다"가 더 깊은 인상을 남깁니다.

FOLLOW-UPS

진짜 면접은 두 번째 질문부터입니다.

이 질문에 이어 CJ올리브영 그래픽·시각디자인 면접관이 던질 가능성이 높은 후속 질문.

壹

예상 꼬리질문 1

공통 에셋이 잘못 쓰인 경험은 없었나요?

貳

예상 꼬리질문 2

동료가 공통 에셋을 따르지 않을 때는 어떻게 푸시나요?

參

예상 꼬리질문 3

에셋이 늘었을 때 어디부터 다듬으시겠어요?

읽으셨다면, 한 번 말로 해보세요.

같은 질문으로 음성 면접을 받아보면 어디서 막히는지 바로 보입니다. 첫 면접은 무료입니다.

이 질문으로 면접 시작

3 크레딧 차감 · 첫 회 무료 · 음성 데이터는 종료 즉시 폐기됩니다

DISCLAIMER

이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 특정 회사가 실제로 이 질문을 출제했다는 것을 보장하지 않으며, 모든 예시는 우문현답이 직접 작성한 창작물입니다. 해당 회사의 공식 입장과는 무관합니다. 회사 측의 정정 요청이 있을 경우 24시간 이내에 응답·수정합니다.

상호 우문현답대표 이성인사업자등록번호 330-15-03033통신판매업 신고번호 준비중주소 인천광역시 부평구 동수로120번길 11, 한국아파트 104동 210호이메일 devlsi1228@gmail.com전화 010-7395-5311

홈›회사별›CJ올리브영›그래픽·시각디자인›질문 상세

問CJ올리브영 · 그래픽·시각디자인 · 직무 역량 · 2026년

커머스 UI 공통 에셋 개발 시 어떤 요소를 가장 중요하게 고려하시나요?

예상 답변

60~90초

예상 꼬리질문

3회

난이도

난이도 중상

출제 빈도

높음

이 질문으로 모의면접 한 번 해보기

INTENT

면접관이 진짜로 보는 건 답이 아닙니다.

이 질문 뒤에 면접관이 확인하려는 것은 따로 있습니다.

본인 결을 본인 말로 푸는가?

공통 에셋에서 본인이 가장 보는 결을 본인 말로 한 줄 푼 답이 강한 결로 통합니다. 단어만 적은 답은 의도가 흐릿한 자리입니다.

독자를 누구로 두는가?

디자이너·개발자·운영자가 어떤 자리에서 본인 결을 만나는지 그린 답이 통합니다. 본인 시야만 적은 답은 사용자 감각이 얕은 결입니다.

재사용 결을 짚는가?

다른 팀이 다시 쓸 수 있게 정리한 흔적이 강합니다. 본인만 안다는 답은 인수인계 자리가 빈 자리입니다.

한계도 함께 짚는가?

공통화가 닿지 못하는 자리를 인정한 답이 통합니다. 모두 묶는다는 답은 시야가 좁은 결입니다.

읽기만 해도 충분하지만, 한 번 말로 해보면 다릅니다.

이 질문 그대로 음성 면접으로 받아볼 수 있어요. 첫 면접은 무료입니다.

이 질문으로 면접 시작

솔직한 경험 기반 접근약 90초 공통 에셋 없이 작업하다 일관성 붕괴 경험약 120초 낯선 역할 — 개발팀에 에셋 핸드오프를 처음 주도한 경험약 150초

예시 답변 1

약 90초

솔직한 경험 기반 접근

이 결의 특징

이 결이 통하는 자리

예시 답변 2

약 120초

공통 에셋 없이 작업하다 일관성 붕괴 경험

이 결의 특징

이 결이 통하는 자리

예시 답변 3

약 150초

낯선 역할 — 개발팀에 에셋 핸드오프를 처음 주도한 경험

이 결의 특징

이 결이 통하는 자리

WHAT OFTEN MISSES

이 질문에서 자주 빠지는 자리.

답변에서 흔히 빠지는 것들 — 빠져 있으면 꼬리질문이 깊어집니다.

떨어뜨린 옵션이 1개라도 있는가? "이게 답이었어요"만으로는 의사결정이 아니라 그냥 선택입니다.

선택 기준이 그 프로젝트에 한정되는가? "성능이 좋아서"는 일반론, "우리 트래픽이 X 패턴이라서"가 본인의 답입니다.

결과 숫자 1개를 정확히 말할 수 있는가? P95·QPS·적중률 — 무엇이든 1개. 숫자가 없으면 직감으로 한 일처럼 들리기 쉽습니다.

지금 다시 한다면 어떻게 할지 답할 수 있는가? "잘했다"보다 "이건 다르게 했을 것 같다"가 더 깊은 인상을 남깁니다.

FOLLOW-UPS

진짜 면접은 두 번째 질문부터입니다.

이 질문에 이어 CJ올리브영 그래픽·시각디자인 면접관이 던질 가능성이 높은 후속 질문.

壹

예상 꼬리질문 1

공통 에셋이 잘못 쓰인 경험은 없었나요?

貳

예상 꼬리질문 2

동료가 공통 에셋을 따르지 않을 때는 어떻게 푸시나요?

參

예상 꼬리질문 3

에셋이 늘었을 때 어디부터 다듬으시겠어요?

읽으셨다면, 한 번 말로 해보세요.

같은 질문으로 음성 면접을 받아보면 어디서 막히는지 바로 보입니다. 첫 면접은 무료입니다.

이 질문으로 면접 시작

3 크레딧 차감 · 첫 회 무료 · 음성 데이터는 종료 즉시 폐기됩니다

DISCLAIMER