404페이지의 20개 이상의 멋진 예

'페이지를 찾을 수 없음'에 방문하는 것은 방문자를 미치게 할 수 있습니다.

방문자의 사용자 경험을 향상시키는 가장 좋은 방법 중 하나는 사이트에 동기를 부여하고 참여를 유도하는 것입니다. 이것은 아름다운 디자인, 매력적인 콘텐츠 또는 건전한 유머로 수행할 수 있습니다. 창의적이고 영리한 오류 페이지는 방문자의 찡그린 표정을 미소로 바꾸는 데 큰 도움이 됩니다. 또한 내부 링크, 탐색 및 문제에 대한 솔루션을 제공함으로써(단순히 홈페이지에 대한 링크를 제공하더라도) 사용자를 만족시키고 판매 유입경로 내에서 유지하기 때문에 SEO에 긍정적인 영향을 미칠 수 있습니다.

"오류 페이지"라고도 하는 404 페이지는 사용자가 웹사이트에서 끊어지거나 삭제된 링크를 클릭하면 연결되는 페이지입니다.

시간이 지나면 페이지가 제거되거나 영구 리디렉션 없이 새 URL로 이동할 수 있습니다. 사용자가 이 링크에 액세스하려고 하면 액세스하려는 링크가 손상되었음을 알리는 '404 페이지'로 이동합니다.

이 경우 사용자를 완전히 잃지 않는 것이 중요하지만 대신 사이트에 계속 참여하도록 노력하고 이상적으로는 올바른 링크로 안내해야 합니다. 일부 회사는 애니메이션, 일러스트레이션 및 인터랙티브 요소를 통합하여 404페이지를 디자인할 때 창의력을 발휘합니다.

다 좋은데 가장 효과적이고 기억에 남는 404페이지가 웃긴 페이지임에는 틀림이 없습니다. 그래서 저는 웹에서 가장 재미있는 404페이지의 예를 수집하기로 결정했습니다.

유머러스한 "찾을 수 없음" 페이지는 높은 예산을 요구하지 않는다는 장점이 있으므로 대기업뿐만 아니라 프리랜서 및 중소기업에 적합합니다.

이 게시물에서 우리는 404페이지의 가장 재미있는 예를 살펴보고 각 페이지가 작동하는 이유를 분석할 것입니다. 이 페이지가 공유하는 기본 코미디 전략을 이해하면 고유한 404 페이지를 만드는 데 도움이 됩니다.

다음은 404페이지를 잘 만든 23가지 훌륭한 예입니다.

시각적 이미지는 404페이지에서 흔히 볼 수 있지만 콘텐츠에만 의존하는 것도 마찬가지로 많은 영향을 미칠 수 있습니다.

Bluegg는 '염소'에 대한 일종의 사망 기사를 만들었는데, 이는 분명히 오류 페이지를 나타냅니다. 404페이지에서 많은 죽음과 관련된 농담을 볼 수 있습니다. 어두운 유머의 팬이라면 같은 종류의 개그가 페이지에서 작동할 수 있습니다.

놀라움의 요소는 새로운 404를 성공적으로 제공하는 열쇠입니다.

Drift는 바다에서 잃어버린 것으로 보이는 Dj Khaled의 저화질 셀카 비디오를 추가했습니다. 그들은 상황이 훨씬 더 나빠질 수 있음을 보여줌으로써 상황을 뒤집었습니다. 방문자는 DJ처럼 바다에서 길을 잃을 수 있습니다.

방문자의 현재 상황을 가리는 과장된 시나리오를 보여주는 것은 방문자를 기분 좋게 만드는 좋은 방법입니다.

스티브 잡스는 “창의력은 사물을 연결하는 것”이라고 말했습니다. 알아차리기 어렵지만 9Gag는 가장 인기 있는 gif 중 하나인 Confused Travolta와 404 페이지를 창의적으로 연결했습니다. 그 결과는 '하하' 웃으면서 웃을 수는 없지만 브랜드의 시각적 자산 중 하나를 '찾을 수 없는 페이지'와 연결하는 대표적인 예입니다.

Flywheel은 정교한 디자이너 지향적인 청중에게 완벽한 404 페이지를 만들었습니다. '0'을 블랙홀로 바꾸고 '정말 짜증난다'를 추가하는 것은 좋은 스핀입니다. 그것은 간단하고 농담을 너무 열심히 피합니다.

Slack의 404 콘텐츠는 요점에 직설적이지만 파노라마 일러스트 배경 애니메이션을 추가했습니다. 공중에 떠 있는 농장 동물이 있는 Xanadu의 꿈 같은 세계에 착륙합니다. 당신이 거기에 있다면 – 당신은 확실히 길을 잃는다는 사실 외에는 잃어버린 페이지와 관련이 없습니다.

이 예에서 스케이트에 탄 귀여운 햄버거 만화가 미안하다는 표시를 들고 있는 것을 볼 수 있습니다. 사진이 천 마디 말의 가치가 있다는 증거입니다. 일러스트레이션을 사용하면 404페이지를 단어 없이 재치있게 만들 수 있습니다.

Woodger는 또한 방문자를 '내 일러스트레이션 작업을 찾고 있었을 것입니다...'라는 문구를 통해 방문자를 자신의 포트폴리오로 연결합니다.

분명히 약간의 버그가 있고 HTML만 보여주지만 Conan O'brien의 사이트는 재미에 실패하지 않고 일련의 gif를 사용하여 Andy와 Conan의 곤경에 스포트라이트를 비춥니다.

Comedy Central은 쇼의 여러 캐릭터를 표시하고 각 캐릭터에 404페이지 관련 인용문을 표시할 만큼 똑똑했습니다. 예를 들어, The Daily Show의 Trevor Noah는 혼란스러운 얼굴과 그의 쇼에서 'Moment of Zen' 부분과 관련된 인용구로 나타납니다.

작은 장례 역사 박물관의 404페이지이기 때문에 이 예를 보여줘야 했습니다. 나는 그들이 막대한 웹 디자인 예산을 갖고 있지 않다고 확신하지만 여전히 방문자에게 '당신은 중대한 실수를 저질렀습니다! 당신이 찾고 있는 페이지는 사후 세계로 사라졌습니다.'

HBO의 404는 내가 가장 좋아하는 것 중 하나입니다. 그것은 웃음을 얻기 위해 내부 농담을 사용하는 방법을 보여줍니다. 이 경우 404자 뒤에 'Curb Your Enthusiasm' 이미지를 추가하고 'Looks like this link is pretty, pretty, pretty broken.'이라는 텍스트를 추가했습니다. 쇼를 본 사람은 즉시 그것을 얻을 것입니다.

New Yorker의 예는 길을 잃는 것과 관련된 이미 재미있는 브랜드 자산을 404 페이지에 소개하는 방법을 보여줍니다. 만화는 '페이지를 찾을 수 없음' 페이지에서 사용하기에 완벽한 만화인 GPS를 착용한 마우스를 표시하는 2011년 호에 실린 것입니다.

여기에 독창적이고 예상치 못한 또 다른 404페이지 디자인이 있습니다. 블리자드 엔터테인먼트는 깨진 유리창, 떨어진 것으로 보이는 메뉴, 그리고 '대박(축하)'이라는 비난을 받고 있다. 당신이 그것을 깨뜨렸다.'

Blizzard는 상황을 역전시키고 방문자를 비난하는 'chutzpah'를했습니다. 일반적으로 404페이지에서 읽을 것으로 예상되는 사과의 어조와 정반대의 응답이기 때문에 킥을 얻을 수 있습니다. 동시에, 다른 사람을 자신의 잘못으로 비난하는 것은 매우 인간적인 특성입니다. 마치 어린 아이가 우유를 엎지르다가 부모 탓으로 돌리다가 부모에게 잡히는 것과 같습니다.

우리는 이미 관련이 없어 보이는 것들 사이에 예기치 않은 연결을 그리는 것을 보았듯이 독창성과 유머가 모두 필요합니다. 일반적으로 데이트 사이트를 '페이지를 찾을 수 없음'과 연결하지 않습니다. eharmony는 백만 개의 다른 eharmony 싱글과 달리 '페이지를 사용할 수 없습니다'라는 메시지를 표시하여 이를 잘 수행합니다.

Distilled의 404 페이지에는 'old chap' 및 'blasted'와 같은 문구로 가득 찬 코믹한 영국식 대화가 있습니다. 그들은 404를 '사백사십사 번째 오류 메시지'라고 부르는데, 그 자체가 웃기다.

액센트는 현재 코미디에서 논란의 여지가 있는 문제이지만(Simpson 제작자가 증명할 수 있듯이) 여전히 재미있습니다. 운 좋게도, 호화로운 영어 억양은 여전히 ​​우스꽝스러운 목표로 받아들여지고 있습니다.

증류된 것 자체가 영국식이므로 전체 페이지를 더욱 우스꽝스럽게 만듭니다. 그것은 항상 저를 괴롭게 하는 Monty Python의 Four Yorkshiremen 스케치를 생각나게 했습니다.

이 오류 페이지는 매우 개인적이기 때문에 가장 재미있는 페이지 중 하나입니다. 또한 개발 팀의 4가지 가능한 범인을 보여주고 이 '용납할 수 없는 실패'에 대해 해고될 1명을 선택할 수 있는 기회를 제공하여 '페이지를 찾을 수 없음'이라는 극한의 상황에 도달해야 합니다. 그것은 벽에서 벗어나 이 회사가 유머 감각을 가지고 있고 스스로를 놀릴 수 있음을 증명합니다.

IMDB는 유명한 영화 인용문을 오류 메시지에 적용하는 단순하지만 잘 설계된 오류 페이지를 제공합니다. IMDB를 자주 이용하는 영화 팬에게는 즐거운 경험을 제공하고 페이지를 새로고침하여 더 많은 인용문을 읽도록 유도합니다.

이것은 가장 매력적인 404 페이지는 아니지만 본질적으로 시각적이기도 한 창의적이고 상호작용적인 경험을 제공하기 위해 점수를 얻습니다.

차트를 사용하는 것은 실제로 이러한 페이지에 좋은 아이디어입니다. 순서도, 벤 차트 또는 생각할 수 있는 다른 차트입니다. 사용할 수 없는 페이지를 표시하는 완전히 다른 방법이기 때문에 작동합니다. 원형 차트도 작동하는지 궁금합니다.

Github의 청중은 괴짜 개발자입니다. Octocat 마스코트와 '당신이 찾고 있는 웹 페이지가 아닙니다'라는 문구가 등장하는 스타워즈에서 영감을 받은 장면은 청중에게 잘 어울리는 메시지입니다. 또한 검색 표시줄을 중앙에 배치하여 이 페이지에서 탐색할 수 있는 탁월한 솔루션을 제공하는 방법에 유의하십시오.

CSS Tricks는 단순한 미니멀리즘을 사용하여 방문자를 놀라게 합니다. 텍스트도, 메시지도, 배경에 드러난 CSS 코드와 함께 찢어진 빈 페이지만 있습니다. 그들은 단어 없이 메시지를 성공적으로 전달하는데, 이는 어려운 일입니다. 무성영화가 비언어적 유머에 의존하기 때문에 오늘날에도 여전히 우리를 웃게 만드는 것과 비슷합니다.

이 페이지에는 재미있는 404 페이지의 모든 요소가 있습니다. 찢어진 양말의 거대한 이미지와 발가락에 스마일이 그려져 있어 사람들이 세탁에서 잃어버리는 양말 한 켤레를 모두 암시합니다. 실제 웹 사이트와 아무 관련이 없지만 매우 어리 석고 작동하는 이유입니다.

Taco Bell은 소셜 미디어에서 농담을 푸는 방법을 아는 브랜드로 알려져 있습니다. 그들의 404 페이지는 타코 애니메이션과 우스꽝스러운 텍스트로 웃음을 자아냅니다. '당신이 찾고 있던 페이지가 존재하지 않습니다(타코가 걸려서 말 그대로 콩을 흘리는 애니메이션이 있는 페이지를 찾고 있지 않는 한. 경우에, 그것은 분명히 존재하고, 당신은 확실히 그것을 찾았습니다.)'

마지막으로, 이 재미있는 404 페이지는 예산이나 특수 효과가 거의 없이 만들어졌습니다. 끊어진 링크에 도착하는 것이 어색하지 않은 것처럼 Steve Lambert는 'The Most Awkward 404 Not Found Pages on the Internet'을 선보이며 이를 다음 단계로 끌어 올립니다. 페이지는 방문자에게 이상하게 중얼거리는 Lambert의 비디오를 보여줍니다. 영상을 보니 실리콘밸리의 어색한 순간이 떠올랐다.

'재미' 범주에 속하지 않더라도 SHOCK 템플릿을 구입하여 404 페이지에 맞게 설정할 수 있습니다.

SHOCK은 모든 취향에 맞는 6가지 배경 스타일이 있는 최소한의 출시 예정 페이지입니다.

우리는 다양한 재미있는 404 페이지를 보았습니다. 유머러스하다는 것은 쉬운 일이 아니며 예산이 가장 많은 최고의 브랜드조차도 때때로 실패합니다. 이 예제가 방문자를 웃게 만들 오류 페이지를 만드는 데 영감을 주기를 바랍니다.

나만의 404 페이지를 만들고 싶다면 Elementor의 빠른 404 페이지 디자인 기능 을 확인하세요 .