삭제·비공개 페이지 안내 · 플랫폼별 404 화면
삭제되었거나 비공개된 페이지를 열었을 때, 단순한 오류 메시지 대신 지금 상황을 이해하고 다른 콘텐츠로 이동할 수 있는 안내 화면을 만들었습니다.
오류 코드보다 안내를 먼저
화면의 중심에는 **“삭제되었거나 비공개된 페이지입니다.”**라는 문구를 두었습니다. 404 표시는 작게 남기고, 잠긴 문서 일러스트와 간단한 설명으로 페이지를 열 수 없는 상황을 전달합니다.
기존 사이트의 글꼴과 버튼, 배경색을 사용했습니다. 문서는 살짝 떠 있는 움직임을 주고, 버튼에는 마우스·키보드·클릭 반응을 넣었습니다. 모션 감소 설정을 사용하면 움직임을 줄입니다.

플랫폼에 맞는 색상
다크 모드에서는 디자인은 그린, 게임즈는 옐로우, 크리에이티브는 시안, 채널과 허브는 인디고 계열을 따릅니다. 라이트 모드에서는 기존 사이트와 동일하게 보라색 액센트를 사용합니다.

들어온 플랫폼으로 돌아가기
처음에는 “전체 메뉴 둘러보기”를 탐색모드에 연결했지만, 페이지를 찾던 흐름과 맞지 않아 변경했습니다. 게임즈 주소에서 열었다면 “게임즈로 돌아가기”, 디자인 주소라면 **“디자인으로 돌아가기”**처럼 해당 플랫폼의 메인으로 안내합니다.
현재 주소에서 플랫폼을 확인할 수 없을 때는 브라우저가 제공한 같은 사이트의 이전 주소를 확인합니다. 그것도 알 수 없으면 홈으로 가는 버튼만 남깁니다. 외부 사이트의 주소를 복귀 경로로 사용하지 않습니다.
모바일과 라이트 모드
작은 화면에서도 안내 문구와 이동 버튼이 읽히도록 배치했습니다. PC와 모바일에서 가로 넘침을 확인하고, 실제 404 응답과 플랫폼별 복귀 링크도 점검했습니다.

페이지를 열 수 없는 순간에도 다음에 어디로 가면 되는지 알 수 있도록, 안내와 복귀 동작을 함께 다듬었습니다.
댓글
관련 게시글