創建客戶喜愛的 404 頁面的 7 個基本技巧

已發表: 2023-01-18

創建客戶喜愛的 404 頁面的 7 個基本技巧

死胡同並不總是令人愉快的。 但是就您的網站設計而言,您可以改變它! 即使是死胡同也可以為您的品牌服務。 即使是死胡同也可以看起來很美。 是的,我們正在談論 404 頁面,這是任何訪問者由於鏈接斷開而遇到的死胡同。

如果有人在你認為自己走到了死胡同時給了你方向怎麼辦? 您難道不想探索所提出的替代方案嗎? 您也可以為您網站的 404 頁面複製它。

默認頁面很無聊。 他們對您的品牌沒有任何幫助。 相反,它們會使您的網站訪問者感到沮喪。 甚至可能成為他們放棄您網站的原因。 但是只要稍加計劃和良好的設計,您就可以扭轉局面。 您可以將客戶引導至他們可能感興趣的其他相關目的地。 並在此過程中使您的品牌受益!

但是你怎麼能那樣做呢? 讓我們看一些出色的 404 頁面示例,看看可以從中汲取哪些想法。 當然,我們會首先告訴您為什麼加倍努力並獲得為您的網站設計的 404 著陸頁實際上很重要。

  • 404 頁面——無人談論的好處
  • 引起轟動的 404 頁面創意
    • 1.使用你品牌的標誌性產品
    • 2. 或者使用比喻性的引用來更好的交互
    • 3.動態404頁面
    • 4. 使用您的吉祥物打造更好的品牌
    • 5. 超越圖像
    • 6. 不要忘記鏈接
    • 7. “簡單”也可以很驚艷
  • Kimp 的創意 404 著陸頁設計讓您的觀眾驚嘆不已

404 頁面——無人談論的好處

404 錯誤頁面通常會使新訪問者因找不到他們想要的內容而感到焦慮或不安。 由於他們自己錯誤地輸入了 URL,他們並不總是在那裡登陸。 這可能是將他們帶到該頁面的來源方面的錯誤。 但客戶首當其衝。 所以,定制404頁面的目的就是為了彌補客戶的這種意想不到的糟糕體驗。 當您這樣做時,您的品牌將獲得以下好處:

  • 讓您有機會展示您品牌古怪的一面,打破僵局。
  • 您可以發揮您的創造力,使您的企業在競爭中脫穎而出。
  • 獨特的 404 頁設計將作為您品牌語調的視覺提醒。 客戶熟悉您的溝通方式。 如果他們了解您的品牌有多平易近人,這會有所幫助。
  • 自定義 404 著陸頁讓您有機會添加高轉化率 CTA 或鏈接以追加銷售和交叉銷售。 從長遠來看,這對您的網站流量和銷售額都有好處。
  • 它有助於減少網站放棄的機會。 遇到 404 錯誤頁面的客戶並不總是願意返回主頁或嘗試弄清楚如何獲得正確的 URL。 相反,他們可能會簡單地放棄該網站。 具有有趣概念、引人入勝的視覺效果和創意副本的 404 頁面可能會降低該網站被放棄的可能性。

現在您知道需要設計一個富有創意的個性化 404 頁面,讓我們來談談一些設計技巧和內容創意,讓您的創意變為現實。

引起轟動的 404 頁面創意

1.使用你品牌的標誌性產品

在 404 頁面上展示您的標誌性產品是最簡單但最有效的想法之一。 通過這樣做,您將給觀眾留下持久的印象。 如何? 因為即使他們選擇在那裡放棄您的網站,他們在您網站上看到的最後一件事也將是該產品。 因此,即使他們是您品牌的新手,他們現在已經遇到了您品牌知名的旗艦產品。 記住所售產品的品牌比記住品牌名稱和其他元素要容易得多。

上圖顯示了路易威登網站上的 404 頁面。 它採用標誌性的 LV 交織字母 Speedy 包,因此客戶即使在 404 頁面上也能感受到該品牌。 最好的部分是這裡的圖像不會壓低頁面。

肯德基的 404 頁面就更好了。 標誌性的肯德基桶和副本一起連接回品牌。 桶是空的這一事實讓你渴望一個。 這正是食品品牌的營銷設計應該看起來的樣子——它們應該讓你感到飢餓。 這個可以!

空白的
2. 或者使用比喻性的引用來更好的交互

視覺隱喻在營銷設計領域具有特殊的地位。 如果您從未在營銷中探索過它們,請查看有關視覺隱喻及其使用方法的 Kimp 博客。 但是現在,我們談論的是 404 頁面背景下的視覺隱喻。

簡而言之,這些是您希望傳達的想法的隱喻表示。 您不是展示產品的圖像,而是包括讓客戶想到您的產品的場景或項目,以及產品背後的理念。 換句話說,您可以激發客戶的想法並讓他們有意義地參與進來。 這有利於您的品牌。 因此,它為您的 404 頁面提供了絕妙的主意。

看看下面可口可樂網站上的 404 頁面。 它沒有展示實際產品,而是使用視覺隱喻。 汽水罐、“4”上的水滴和紅色的使用都與品牌相關聯,幫助用戶立即想像紅色的可口可樂汽水罐。

空白的

Kimp 提示:在設計視覺隱喻時,請始終考慮最終用戶。 如果您的品牌元素、廣告中的圖像以及您的產品及其應用的受歡迎程度不夠高,客戶可能無法完全理解隱喻中的想法。 上面的可口可樂 404 頁面對於不知道該品牌以蘇打水聞名的人來說毫無意義。 因此,與其根據您對品牌的看法來設計視覺隱喻,不如根據客戶對您品牌的看法來設計視覺隱喻。

想在 404 著陸頁上嘗試視覺隱喻和其他有趣的元素嗎? Kimp團隊可以提供幫助。

3.動態404頁面

因為默認的 404 頁面很無聊,品牌選擇設計自定義 404 頁面。 但是有些品牌即使使用簡單的靜態自定義 404 頁面也不滿意。 它們包含動態頁面。 這是該品牌擁有一組 404 頁面的地方,每次出現鏈接斷開時都會顯示不同的頁面。 嘗試一下是個好主意。 漫威做得很完美。

空白的

Marvel 網站上的 404 頁面分類與 Marvel 的電影一樣有趣。 讓你想故意走進死胡同! 這是另一個。

空白的

這些頁面都以 Marvel Cinematic Universe 中的流行角色為特色。 圖像、動畫、引人入勝的副本——漫威真正知道如何激髮粉絲的興趣。 這只是漫威營銷技巧的一個簡單例子。 這是 Marvel 網站上的另一個 404 頁面。 這是我們向您展示的最後一個,我們保證

空白的

繼續,刷新 Marvel 網站上的任何 404 頁面,看看你是否能抓住你最喜歡的超級英雄!

Marvel 404 頁面的一些要點:

  • 複製和設計齊頭並進。
  • 上述設計肯定會激發任何真正的 Marvel 粉絲。 關於在 404 頁面中包含哪些內容的最佳提示,甚至與此相關的任何營銷設計,都來自您的受眾。 如果您在設計或複制中使用的引用或幽默或雙關語對您的客戶沒有任何意義,那麼您的設計就失去了它的目的。
4. 使用您的吉祥物打造更好的品牌

我們將在這裡使用我們自己的 404 頁面作為示例。 這是 404 頁面,如果您在 Kimp 網站上遇到損壞的鏈接,您會看到。

空白的

使用 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 頁面時,讓您的品牌顏色佔據中心位置。

Kimp 的創意 404 著陸頁設計讓您的觀眾驚嘆不已

Kimp Graphics 訂閱涵蓋的最重要的設計類型之一是登陸頁面設計。 一個好的著陸頁是大多數成功活動的關鍵。 當您下定決心調整它們以適合您的品牌時,即使您的 404 著陸頁看起來也會好得多。 讓 Kimp 團隊幫助您自定義 404 頁面。 註冊免費試用以了解訂閱的運作方式,然後獲得無限量的廣告、登陸頁面以及更多專為您的品牌設計的內容。