이 질문 뒤에 면접관이 확인하려는 것은 따로 있습니다.
수업 프로젝트에서 온라인 배너와 웹 콘텐츠를 직접 설계하면서 효과적인 디자인 원칙을 배웠습니다. 시선 측면에서는 눈에 먼저 들어오는 요소와 그다음으로 이동하는 흐름을 의도적으로 설계하는 것이 배너 디자인의 핵심이라는 걸 배웠습니다. 메시지 측면에서는 전달하려는 핵심 내용이 하나여야 짧은 노출 시간 안에 인식된다는 걸 여러 시안 비교에서 경험했습니다. 여백 측면에서는 여백을 줄이면 화려해 보이지만 읽기 어려워지는 경우가 생긴다는 걸 실제 피드백에서 배웠습니다. 포맷 측면에서는 플랫폼마다 배너 크기와 비율이 달라서 처음부터 여러 포맷을 고려한 레이아웃으로 설계하는 방식이 효율적이라는 걸 경험했습니다.
배너는 클릭 전 3초 안에 결정되기 때문에 무엇을 보여줄지보다 무엇을 뺄지가 더 중요하다는 걸 그때 배웠습니다.
온라인 배너 디자인에서 예쁜 것과 클릭이 일어나는 것이 항상 일치하지 않는다는 것을 배웠습니다. 헤드라인이 크고 임팩트 있더라도 CTA 버튼이 시각적으로 묻히면 클릭이 일어나지 않는 경우가 있었습니다. 시각적 위계(Visual Hierarchy) — 헤드라인·서브카피·CTA 버튼의 크기·대비 순서 — 를 의도적으로 설계하면, 시선이 자연스럽게 버튼까지 이동하는 흐름을 만들 수 있었습니다.
5초 안에 무엇을 해야 하는지가 명확한가를 스스로 체크하는 기준으로 삼으면서 정보량을 줄이는 결정이 편해졌습니다. 배너 1개당 핵심 메시지 1개 원칙을 지키면 클릭 후 랜딩 페이지에서도 기대와 내용이 일치하는 경험이 만들어지고 이탈률을 낮추는 데도 영향을 줬습니다. 배너는 클릭이 일어나야 완성됩니다.
온라인 배너와 웹 콘텐츠 디자인에서 디자인이 예쁘게 만들어져도 로딩이 느리면 보이지 않는다는 것을 배웠습니다. GIF 애니메이션 배너가 파일 크기가 커서 모바일 환경에서 로딩이 오래 걸리는 경우, 노출 전에 이미 사용자가 넘겨버리는 것을 경험했습니다.
WebP 포맷이나 SVG를 활용하면 품질을 유지하면서 파일 크기를 줄일 수 있다는 것을 배워서 이후 에셋 준비 방식을 바꿨습니다. 애니메이션 배너 — 움직임이 과하면 오히려 이탈을 유발한다는 것을 테스트에서 확인했는데, 첫 3초 안에 핵심 메시지가 전달되지 않으면 이후 움직임은 효과가 없었습니다. 플랫폼마다 안전 영역과 권장 사이즈가 달라서 GDN 표준 사이즈나 소셜 미디어별 규격을 먼저 확인하는 것이 리사이즈 재작업을 줄였습니다. 배너는 어떤 환경에서 보이는지를 알아야 만들 수 있습니다.
답변에서 흔히 빠지는 것들 — 빠져 있으면 꼬리질문이 깊어집니다.
이 질문에 이어 에피드게임즈 UX/UI 디자이너 면접관이 던질 가능성이 높은 후속 질문.
이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 특정 회사가 실제로 이 질문을 출제했다는 것을 보장하지 않으며, 모든 예시는 우문현답이 직접 작성한 창작물입니다. 해당 회사의 공식 입장과는 무관합니다. 회사 측의 정정 요청이 있을 경우 24시간 이내에 응답·수정합니다.