고객이 좋아할 404 페이지를 만들기 위한 7가지 필수 팁

게시 됨: 2023-01-18

고객이 좋아할 404 페이지를 만들기 위한 7가지 필수 팁

막 다른 골목이 항상 즐거운 것은 아닙니다. 그러나 웹 사이트 디자인의 경우 변경할 수 있습니다! 막 다른 길조차도 브랜드를 위해 일할 수 있습니다. 막 다른 골목조차도 아름답게 보일 수 있습니다. 예, 우리는 404페이지에 대해 이야기하고 있으며, 끊어진 링크로 인해 모든 방문자가 직면하게 되는 막다른 골목입니다.

당신이 막다른 길을 만났다고 생각할 때 누군가가 당신에게 방향을 제시한다면 어떨까요? 제안된 대안을 탐구하고 싶지 않습니까? 웹사이트의 404 페이지에도 복제할 수 있습니다.

기본 페이지는 지루합니다. 그들은 당신의 브랜드를 위해 아무것도 하지 않습니다. 대신 웹사이트 방문자를 좌절시킵니다. 그리고 그들이 귀하의 웹사이트를 포기하는 이유가 될 수도 있습니다. 그러나 약간의 계획과 좋은 디자인만 있으면 상황을 역전시킬 수 있습니다. 고객이 관심을 가질만한 다른 관련 목적지로 고객을 안내할 수 있습니다. 그리고 그 과정에서 귀하의 브랜드에도 이익이 됩니다!

하지만 어떻게 할 수 있습니까? 훌륭한 404 페이지의 몇 가지 예를 살펴보고 그로부터 어떤 아이디어를 얻을 수 있는지 알아봅시다. 물론, 우리는 먼저 귀하의 웹사이트에 맞게 디자인된 404 랜딩 페이지가 실제로 중요한 이유를 알려드릴 것입니다.

  • 404 페이지 – 아무도 말하지 않는 이점
  • 눈길을 끄는 404페이지의 창의적인 아이디어
    • 1. 브랜드의 시그니처 제품 사용
    • 2. 또는 더 나은 상호 작용을 위해 은유적 참조를 사용하십시오.
    • 3. 동적 404 페이지
    • 4. 더 나은 브랜딩을 위해 마스코트 사용
    • 5. 이미지 그 이상
    • 6. 링크를 잊지 마세요
    • 7. "단순함"은 놀랍습니다.
  • Kim의 독창적인 404 랜딩 페이지 디자인으로 청중을 감동시키십시오.

404 페이지 – 아무도 말하지 않는 이점

404 오류 페이지는 종종 신규 방문자가 원하는 것을 찾지 못해 불안하거나 화를 낼 수 있습니다. URL 자체를 잘못 입력했기 때문에 항상 거기에 도착하는 것은 아닙니다. 해당 페이지로 가져온 소스 쪽의 오류일 수 있습니다. 하지만 고객들이 정면으로 맞서고 있습니다. 따라서 404 페이지를 사용자 지정하는 목적은 고객이 겪는 예기치 않은 나쁜 경험을 보완하는 것입니다. 그렇게 하면 브랜드에 다음과 같은 이점이 있습니다.

  • 브랜드의 기발한 면모를 보여줄 수 있는 기회를 제공합니다.
  • 창의적인 측면을 사용하여 비즈니스를 경쟁업체와 차별화할 수 있습니다.
  • 독특한 404페이지 디자인은 브랜드의 목소리 톤을 시각적으로 상기시켜줍니다. 고객은 귀하의 커뮤니케이션 스타일에 익숙합니다. 브랜드가 얼마나 접근하기 쉬운지 이해하면 도움이 됩니다.
  • 맞춤형 404 랜딩 페이지는 전환율이 높은 CTA 또는 상향 판매 및 교차 판매 링크를 추가할 수 있는 기회를 제공합니다. 이는 웹 사이트 트래픽과 장기적으로 판매에 좋습니다.
  • 웹 사이트 포기 가능성을 줄이는 데 도움이 됩니다. 404 오류 페이지를 만난 고객이 항상 홈페이지로 돌아가거나 올바른 URL을 얻는 방법을 알아내려고 노력하는 것은 아닙니다. 대신, 그들은 단순히 웹사이트를 포기할 수 있습니다. 흥미로운 개념, 시선을 사로잡는 시각 자료, 독창적인 카피가 포함된 404페이지는 이 웹 사이트를 포기할 가능성을 줄일 수 있습니다.

이제 창의적으로 개인화된 404 페이지를 만들어야 할 필요성을 알았으므로 아이디어를 실현하기 위한 몇 가지 디자인 팁과 콘텐츠 아이디어에 대해 이야기해 보겠습니다.

눈길을 끄는 404페이지의 창의적인 아이디어

1. 브랜드의 시그니처 제품 사용

404 페이지에 시그니처 제품을 표시하는 것은 가장 간단하면서도 가장 효과적인 아이디어 중 하나입니다. 이렇게 하면 청중에게 지속적인 인상을 남길 수 있습니다. 어떻게? 그들이 귀하의 웹 사이트를 포기하기로 선택하더라도 귀하의 웹 사이트에서 마지막으로 보는 것은 해당 제품이기 때문입니다. 따라서 그들이 귀하의 브랜드를 처음 접하더라도 이제 귀하의 브랜드로 알려진 주력 제품을 만난 것입니다. 판매하는 제품의 브랜드를 기억하는 것은 브랜드 이름 및 기타 요소를 기억하는 것보다 훨씬 쉽습니다.

위 이미지는 Louis Vuitton 사이트의 404 페이지를 보여줍니다. 아이코닉한 LV 모노그램 스피디 백이 특징으로 404 페이지에서도 브랜드의 맛을 느낄 수 있습니다. 그리고 가장 중요한 부분은 여기의 이미지가 페이지를 무겁게 만들지 않는다는 것입니다.

KFC의 404 페이지는 훨씬 더 좋습니다. 시그니처 KFC 버킷과 카피가 함께 브랜드로 다시 연결됩니다. 그리고 양동이가 비어 있다는 사실이 하나를 갈망하게 만듭니다. 식품 브랜드의 마케팅 디자인은 바로 이런 모습이어야 합니다. 이것은 않습니다!

공백
2. 또는 더 나은 상호 작용을 위해 은유적 참조를 사용하십시오.

시각적 은유는 마케팅 디자인의 세계에서 특별한 위치를 차지합니다. 마케팅에서 이를 탐색한 적이 없다면 시각적 은유와 사용 방법에 대한 Kimp 블로그를 확인하십시오. 하지만 지금 우리는 404페이지의 맥락에서 시각적 은유에 대해 이야기하고 있습니다.

간단히 말해서 전달하려는 아이디어를 은유적으로 표현한 것입니다. 제품의 이미지를 제시하는 대신 고객이 제품, 제품의 아이디어를 생각하게 하는 장면이나 항목을 포함합니다. 즉, 고객의 마음을 자극하고 의미 있게 참여시킵니다. 그리고 그것은 당신의 브랜드에 유리하게 작용합니다. 따라서 404 페이지에 대한 훌륭한 아이디어가 됩니다.

코카콜라 웹사이트에서 아래의 404 페이지를 살펴보십시오. 실제 제품을 소개하는 대신 시각적 은유를 사용합니다. 소다 캔, "4"의 물방울 및 빨간색 사용은 모두 브랜드와 관련이 있으며 사용자가 빨간색 코카콜라 소다 캔을 즉시 시각화하도록 도와줍니다.

공백

Kimp 팁: 시각적 은유를 디자인할 때는 항상 최종 사용자를 생각하세요. 브랜딩 요소, 광고 이미지, 제품 및 해당 응용 프로그램의 인기가 충분히 강하지 않은 경우 고객은 은유의 아이디어를 완전히 이해하지 못할 수 있습니다. 위의 Coca-Cola 404 페이지는 해당 브랜드가 탄산음료로 유명하다는 사실을 모르는 사람에게는 이해가 되지 않을 것입니다. 따라서 브랜드에 대한 인식을 기반으로 시각적 은유를 디자인하는 대신 브랜드에 대한 고객의 인식을 기반으로 디자인하십시오.

404 방문 페이지에서 시각적 은유 및 기타 흥미로운 요소를 실험하고 싶습니까? 킴프팀 도와드리겠습니다.

3. 동적 404 페이지

기본 404 페이지는 지루하기 때문에 브랜드는 사용자 지정 404 페이지를 디자인하도록 선택합니다. 하지만 단순한 정적 사용자 정의 404 페이지로도 만족스럽지 않은 브랜드가 있습니다. 동적 페이지를 통합합니다. 이것은 브랜드에 404페이지 세트가 있고 끊어진 링크가 있을 때마다 다른 페이지가 표시되는 곳입니다. 시도해 보는 것이 좋습니다. Marvel은 완벽하게 수행합니다.

공백

Marvel의 웹사이트에 있는 404페이지의 구색은 Marvel의 영화만큼 흥미 롭습니다. 일부러 막다른 길을 가고 싶게 만든다! 여기 또 하나 있습니다.

공백

이 페이지에는 모두 Marvel Cinematic Universe의 인기 캐릭터가 등장합니다. 이미지, 애니메이션, 강력한 카피 – Marvel은 진정으로 팬을 흥분시키는 방법을 알고 있습니다. 이것은 Marvel의 마케팅 기교를 보여주는 간단한 예일 뿐입니다. 다음은 Marvel 웹사이트의 404 페이지입니다. 마지막으로 보여줄게 약속해

공백

계속해서 Marvel 웹사이트의 404 페이지를 새로고침하고 좋아하는 슈퍼히어로를 잡을 수 있는지 확인하세요!

Marvel 404 페이지의 일부 내용:

  • 카피와 디자인은 함께 진행됩니다.
  • 위의 디자인은 모든 진정한 Marvel 팬을 흥분시킬 것입니다. 404 페이지에 포함할 내용 또는 해당 문제에 대한 마케팅 디자인에 대한 최상의 단서는 청중에게서 나옵니다. 디자인이나 카피에 사용하는 참조, 유머 또는 말장난이 고객에게 의미가 없다면 디자인은 그 목적을 잃게 됩니다.
4. 더 나은 브랜딩을 위해 마스코트 사용

여기서는 자체 404 페이지를 예로 사용하겠습니다. 다음은 Kimp 웹 사이트에서 끊어진 링크가 있는 경우 표시되는 404 페이지입니다.

공백

404 페이지를 통해 고객에게 마스코트를 소개할 기회를 얻습니다. 그리고 매우 구체적인 목표를 가진 웹 사이트의 다른 페이지와 달리 404 페이지에는 나쁜 경험을 개선하거나 심지어 기억에 남는 경험으로 만드는 것이 하나의 목표만 있습니다. 브랜드 마스코트 고유의 개성을 발휘하고 브랜드 보이스 톤과 일치하는 카피와 결합할 수 있습니다. 따라서 고객은 재미, 책임감, 세련됨 등 브랜드 개성이 어떤 종류인지 알 수 있습니다. 예를 들어 Kimp의 마스코트는 독특하고 활기찬 성격을 가지고 있습니다. 우리의 404 페이지는 마스코트의 단점 중 하나를 캡처합니다! 당신은 무엇을 전달합니까? 생각해보세요!

5. 이미지 그 이상

GIPHY는 404 오류 페이지에서 GIF를 사용합니다. 결국, GIF를 다운로드하는 웹 사이트는 정적 이미지만으로 갈 수 없습니다.

공백

이 아이디어는 GIPHY에만 적용되는 것이 아닙니다. 애니메이션을 추가하면 경험이 증폭됩니다. 404 페이지도 더 재미있게 만듭니다. 좋은 마케팅과 좋은 사용자 경험은 청중과 긍정적인 감정적 연결을 만드는 것입니다. 대화형 애니메이션은 이를 달성하는 데 도움이 됩니다.

그러나 긴 애니메이션 비디오는 원하지 않습니다. 원형 교차로 메시지는 이미 벽에 부딪혀 짜증이 난 방문자가 원하는 마지막 것입니다. 단순히 동작을 사용하여 관심을 끌고 페이지 로딩 시간을 늘리지 않고 이 작업을 수행하십시오. 작은 크기의 GIF가 바로 그 역할을 합니다.

브랜드 GIF를 만들어 404 랜딩 페이지에 가치를 더하고 싶으신가요? Kimp 구독 을 선택하십시오 .

6. 링크를 잊지 마세요

전체 페이지 디자인 측면에서 창의력을 발휘하는 것 외에도 제공하는 링크로 창의력을 발휘해야 합니다. 대부분의 브랜드는 홈페이지로의 리디렉션을 고수합니다. 하지만 그보다 더 잘할 수 있습니다!

다양한 소스에서 다양한 목적으로 웹 사이트에 도착하는 고객이 있을 수 있습니다. 따라서 홈페이지로 다시 보내는 것은 실제로 큰 영향을 미치지 않습니다. 대신 가장 관련성이 높은 링크를 식별하십시오. 리드에 대한 정보를 캡처하거나 앞으로 나아갈 수 있는 방향을 제공하는 전환 퍼널 또는 생산적인 CTA가 될 수 있습니다.

UpWork의 아래 404 페이지에는 고객이 가장 합리적인 작업 중 하나를 수행하도록 유도하는 교묘한 문구가 있습니다. UpWork를 방문하는 사람들은 대부분 인재를 고용하거나 일자리를 찾고 있습니다. 404 페이지에는 두 유형의 사용자와 관련된 링크가 포함되어 있습니다.

공백

이 아이디어의 또 다른 흥미로운 예는 Neil Patel의 웹사이트에 있는 404 페이지입니다. 웹사이트에 대해 알려진 핵심 서비스가 하나 있는데 바로 웹사이트 최적화입니다. 따라서 404 페이지에는 사용자가 분석하고 최적화하려는 웹사이트의 URL을 직접 입력할 수 있는 필드가 포함되어 있습니다. 이를 통해 사용자는 즉시 조치를 취할 수 있습니다.

공백

Kimp 팁: 핵심은 브랜드에 가장 유익한 방향으로 고객을 리디렉션하는 동시에 관련성을 높이는 것입니다. 너무 많은 링크를 추가하지 마십시오. 너무 많은 옵션이 청중을 혼란스럽게 한다는 것을 알고 있기 때문입니다. 그리고 혼란스러운 청중은 확고한 발걸음을 내딛지 않습니다. 대신 웹 사이트의 모든 종류의 사용자에게 적합한 몇 가지 좋은 링크를 선택하십시오.

7. "단순함"은 놀랍습니다.

결국 검색 엔진에서 크롤링할 필요가 없는 가벼운 페이지가 필요합니다. 따라서 실제로 404페이지 작업을 수행하는 데 너무 많은 복잡한 요소가 필요하지 않습니다. 비주얼과 대화형 GIF가 훌륭합니다. 그러나 간단하게 유지하고 싶다면 브랜드와 가장 관련성이 있다고 느끼는 창의적인 아이디어를 생각해낼 수 있습니다. IMDB는 이것이 어떻게 수행되는지 보여줍니다.

IMDB 웹사이트의 404페이지는 Marvel의 페이지와 유사하며 동적이며 영화 참조를 사용합니다. 그러나 차이점은 페이지가 단순하다는 것입니다. 참조가 어느 영화에서 왔는지 알려주는 줄과 함께 인기 있는 영화 대화를 표시하는 단순한 텍스트 풍선으로 줄었습니다.

공백

그리고 각 영화 페이지에 대한 링크가 있습니다. 이 아이디어는 유명한 영화 대화의 형식에 대한 사용자의 관심을 불러일으킵니다. 그리고 사용자가 영화 링크를 클릭하면 웹 사이트를 방문하여 영화에 대한 정보를 찾는 목적이 결국 충족됩니다!

Kimp 팁: IMDB에서 가져온 위의 예와 같은 미니멀리즘 페이지는 때때로 작업하기 까다로울 수 있습니다. 고객은 자신의 현재 위치와 브랜드에 대해 지속적으로 상기시켜야 합니다. 여기서 아이디어는 페이지에 사용된 쉽게 알아볼 수 있는 IMDB 브랜드 색상 때문에 작동합니다. 마찬가지로 404 페이지를 디자인할 때 브랜드 색상이 중심이 되도록 하십시오.

Kim의 독창적인 404 랜딩 페이지 디자인으로 청중을 감동시키십시오.

Kimp Graphics 구독에서 다루는 가장 중요한 디자인 유형 중 하나는 랜딩 페이지 디자인입니다. 좋은 랜딩 페이지는 가장 성공적인 캠페인의 핵심입니다. 404 랜딩 페이지도 브랜드에 맞게 조정하기로 마음먹으면 훨씬 더 좋아 보일 수 있습니다. Kimp 팀이 404 페이지를 사용자 지정하도록 도와드립니다. 무료 평가판에 등록하여 구독이 어떻게 작동하는지 확인한 다음 무제한 광고, 랜딩 페이지 등을 브랜드에 맞게 디자인하십시오.