404라는 숫자가 의미하는 바를 알고 계신가요? 인터넷을 오래 사용해 왔다면 이 숫자를 한 번쯤은 마주쳤을 것입니다. 잘못된 링크, 오타, URL 변경, 삭제된 페이지 등 다양한 이유로 사이트가 사용자의 요청을 처리하지 못할 때마다 이 숫자가 나타납니다. 일부 웹사이트 운영자는 404 페이지를 두려워하지만, 다른 이들은 이를 창작의 기회로 삼아 정말 재미있고 놀라운 결과물을 만들어냈습니다.
404 페이지의 개념
웹사이트를 운영한다면 404 페이지는 비즈니스에 좋지 않습니다. 해당 페이지가 로드될 때마다 방문자를 잃을 수 있기 때문입니다. 동시에 사이트 관리가 제대로 이루어지지 않았다는 방증이기도 하죠.
이번에는 사용자 입장에서 문제를 살펴보겠습니다. 링크를 클릭했는데 찾으려는 콘텐츠가 존재하지 않는다는 404 페이지에 도착하면 어떻게 하시겠습니까? 대부분의 사람들은 탭을 닫고 다른 링크를 찾아 떠나겠죠. 머무를 이유가 주어지지 않는다면 말입니다.
방문자가 떠나지 않도록 하려면 404 페이지를 단순한 오류 메시지 이상으로 꾸며야 한다는 것은 분명합니다.
도널드 노먼(Donald Norman)은 저서 『감성 디자인(Emotional Design)』에서 훌륭한 디자인은 그것이 사람에게 어떤 감정을 불러일으키는지, 무엇을 도와주는지, 그리고 그것이 당신에 대해 무엇을 말해주는지에 달려 있다고 말했습니다. 이 원칙을 웹 디자인에 적용하면 성공적인 404 페이지는 다음 세 가지를 충족해야 합니다.
- 방문자에게 긍정적인 감정을 선사하기 – 유머러스한 문구와 이미지로 방문자를 즐겁게 하거나 멋진 비주얼로 감탄을 자아내세요. 404 페이지에 도착하는 것이 예상치 못한 행운 같은 경험이 되도록 만드는 것이 핵심입니다. 사고를 당한 느낌이 아니라 이스터 에그를 발견하거나 복권에 당첨된 듯한 기분을 들게 하는 것입니다.
- 방문자가 무언가 더 할 수 있도록 돕기 – 404 페이지는 간단한 홍보 공간으로도 활용할 수 있습니다. 인기 게시물이나 방문자가 방문했으면 하는 사이트 내 다른 페이지로 연결되는 링크를 배치해 보세요. 검색창과 깨진 링크 신고 기능도 함께 제공하면, 오류를 파악하고 수정하는 데 큰 도움이 됩니다.
- 방문자에게 자신을 보여주기 – 브랜딩과 개성은 인터넷에서 평판을 쌓는 데 중요한 요소입니다. 404 페이지를 이 목표를 달성하는 또 다른 수단으로 활용해 보는 건 어떨까요? 세상에 보여주고 싶은 브랜드 이미지와 조화를 이루도록 페이지를 디자인하세요.
워드프레스에서 404 페이지 만들기
워드프레스에서 404 페이지를 만드는 가장 쉬운 방법은 '404page'라는 플러그인을 사용하는 것입니다. 이 플러그인을 사용하면 어떤 페이지든 커스텀 404 페이지로 설정할 수 있습니다. 페이지를 만들고 원하는 대로 꾸민 뒤 404 페이지로 지정하기만 하면 됩니다.
워드프레스는 어떤 테마든 자유롭게 사용할 수 있고, 다양한 페이지 빌더 덕분에 상상 가능한 거의 모든 페이지를 제작할 수 있습니다. 따라서 워드프레스 사이트에 만들 수 있는 404 페이지의 종류에는 사실상 제한이 없습니다.
영감을 주는 창의적인 404 페이지 사례
워드프레스 사이트에 커스텀 404 페이지를 만들 준비가 되었다면, 아래에 소개하는 창의적이고 재미있는 404 페이지들이 훌륭한 영감이 되어줄 것입니다.
Ford
자동차 제조업체 포드(Ford)는 도로를 이용해 404를 그리고, 어디로도 가지 못한 채 빙빙 도는 애니메이션 자동차를 배치한 위트를 발휘했습니다.
Roman Menshikov
이 404 페이지 컨셉은 이미지가 풍기는 고독한 분위기를 활용해 길을 잃은 듯한 감정을 섬세하게 표현합니다.
Derek Clark
포토그래피 사이트에 잘 어울리는 또 다른 404 페이지 컨셉입니다.
GigMasters
공연과 쇼를 다루는 사이트답게 사라져 버린 페이지를 마술사로 표현한 점에서, 웹마스터의 세심한 고민이 엿보입니다.
The Movie Nerd
이 사이트는 404 페이지를 리크루팅 페이지로 활용합니다. "찾는 콘텐츠가 없다면, 직접 집필해서 보내주는 건 어떨까요?"라는 독특한 발상이 인상적입니다.
I Love Icons
"어디 있지? 저건 뭐지? 404처럼 보이는데… 나 길 잃었나?" 호기심을 자극하는 구성입니다.
Brendan Pittman
관객석이 텅 비어 있습니다. 어쩌면 아무도 여기 있으면 안 되기 때문일지도 모르죠. "길을 잃으셨다면 홈으로 돌아가세요." 음악 관련 사이트에 어울리는 훌륭한 404 페이지 컨셉입니다.
Mitchell Geere for Kiss.com
"파티는 어디에 있나요?" 이 404 페이지에는 없습니다.
Lego
레고 사이트를 나타내는 데 무엇이 미니피겨보다 더 적절할까요?
Umbro
스포츠 브랜드로서의 정체성을 유지하기 위해 엄브로(Umbro)는 스포츠 테마의 404 페이지를 만들었습니다.
IMDB
영화 데이터베이스 사이트답게 영화 관련 404 페이지를 선보입니다. 페이지를 새로고침할 때마다 다른 영화 명대사가 표시되는 재미가 있습니다.
Dilbert
유쾌한 404 만화가 실린 404 페이지입니다. 스콧 애덤스가 먼저 만든 것은 만화일까요, 아니면 페이지일까요?
Mark Dijkstra
때로는 심플함이 큰 효과를 발휘합니다. 페이지는 단순해 보이지만, 이런 결과물을 만드는 과정은 결코 쉽지만은 않습니다.
magnt
Magnt는 모든 책임을 뒤집어쓰고 싶지 않은가 봅니다. "당신과 당신의 타이핑 실력도 404 페이지를 불러온 원인입니다."라는 통쾌한 반전이 매력적입니다.
Blue Fountain Media
팩맨 게임을 즐겨보세요. "없어진 페이지? 어떤 페이지 말인가요?"
Huwshimi
"왜 닌자냐고요? 왜 안 되죠?" 짧지만 강렬한 임팩트를 남깁니다.
Wearespry
"집에 가지 마. 엄마, 이거 가져가도 될까요?" 귀여운 감성이 돋보이는 페이지입니다.
NotFound.org
어떤 종류의 워드프레스 404 페이지를 만들어야 할지 아직 확신이 서지 않는다면, 오류 페이지를 좋은 일에 활용할 수도 있습니다. NotFound.org는 실종 아동을 찾는 것을 돕는 단체입니다. 참여를 결정하면 404 페이지에 최신 실종 아동 정보가 자동으로 업데이트됩니다. 정보를 널리 알림으로써 불행한 아이들을 찾을 가능성을 높일 수 있습니다.
이 목록은 빙산의 일각에 불과합니다. 세상에는 수많은 창의적인 404 페이지가 있으며, 모두를 여기에 담을 수는 없습니다. 여러분이 좋아하는 404 페이지가 있다면 아래 댓글로 공유해 주세요.
이미지 출처: Jonathan Patterson