天天看點

「聯系我們」頁面設計指南(内附案例)

01/

2018年,國外一家網站HubSpot Research做過一次信任調查,資料顯示,有55%的消費者不信任他們曾消費過的品牌。

随着網際網路的發展,什麼值得買、小紅書、知乎這種内容平台站上網際網路舞台,導緻資訊越來越透明,消費者在作出購買決策時,會更加獨立自主,商家與客戶之間的信任關系建立更加困難。表現在資料上,就是地毯式品牌廣告的效益下降明顯。

那難道公司裡的市場部、品牌部就能無所作為了嗎?

NO!

我們正好可以借助内容營銷的趨勢,在使用者主動想要了解和尋求幫助時,給他們提供一個更加清晰且便捷的溝通通道。

「聯系我們」頁面就是使用者聯系你的重要管道,是網站尋求優秀合作夥伴的途徑。通過他們自行選擇的管道,幫助客戶和潛在客戶更快地找到解決方案或了解業務背景。由此提高客戶忠誠度、管道建設、提高客戶滿意度。

但是,僅僅列出在工作時間内開放的客服電話是遠遠不夠的,消費者很聰明,他們需要的更多。

02/

為了幫助你的網站與顧客建立更有意義的聯系與信任,大夢特地從上百家企業網站中篩選出一些經典案例,幫助你更直覺的了解如何設計「聯系我們」頁面。

添加地圖:

一個公司的地理位置在商務交往中往往扮演着重要的角色。加入嵌入式地圖則把企業位址可視化。谷歌地圖有一個自定義的嵌入功能,允許開發者添加全功能的谷歌地圖到聯系頁面。

很多國内企業像宏寶萊,小騰孵化器、伊姿美顔等都是采用這種方式。可以讓訪客一眼就對企業的地理位置有個明确的了解。

「聯系我們」頁面設計指南(内附案例)
「聯系我們」頁面設計指南(内附案例)
「聯系我們」頁面設計指南(内附案例)

截圖來自阿裡雲建站工具

雲·企業官網

給宏寶萊搭建的網站。

添加社交賬号連結:

在聯系頁面加上社交賬号連結,能賦予企業可觸摸的人格。這些連結可讓使用者浏覽企業更多動态資訊。最好是能在同一頁上提供不同的社交賬号連結,讓使用者決定選擇哪一個。

像立體通這家網站就添加了微信、微網誌的連結,掃描二維碼友善使用者持續關注企業動态。

「聯系我們」頁面設計指南(内附案例)

簡化聯系表格:

新愛爾蘭旅遊局官方網站的聯系頁面就非常幹淨簡單,上半部分是聯系電話和郵箱,下半部分的表格隻有四個框和一個選項,讓訪客簡單填寫身份、聯系方式和出行需求。簡單的好處就是不會讓遊客對着繁雜的表格和資訊望而卻步。

「聯系我們」頁面設計指南(内附案例)
「聯系我們」頁面設計指南(内附案例)

簡潔名片格式:

管阿姨采用幹淨利落的名片設計,将訪客指向正确的方向:合作熱線,企業郵箱和客服熱線。其中企業郵箱下方包含三個方向:商務,求職和媒體。按需分類,頁面排版簡單好看,且非常容易浏覽。

提供“試用裝”:

朝恒美術學校的「聯系我們」就增加了試聽功能,訪客可以留下孩子的基本資訊,然後預約試聽課程。

這種給予好處的方式會降低訪客的戒備心,同時增加好感度,不僅可以搜集相關資訊,還能拉近與訪客的距離。

統一色彩與格式:

「聯系我們」頁面不單單是放上地圖或者表格或者相關資訊就好,也要注重審美,注意頁面色彩與格式的統一。

「聯系我們」頁面設計指南(内附案例)

此外,國外有些網站的「聯系我們」頁面也非常值得學習。

提供多種聯系情景:

這個網站提供了兩種不同的聯系方式,語音和文字,訪客可以選擇任何一種對他們來說最有意義的方式進行聯系。

這種方式不僅降低了推廣的障礙,而且還可以給潛在客戶提供他們滿意的情境。

「聯系我們」頁面設計指南(内附案例)

建立分屏聯系:

阿姆斯特丹的這家設計工作室就是采用分屏式聯系頁面,訪客可以在左側找到基本的位置資訊,以及與工作室的社交連結。

在右側,可單擊電子郵件位址,會在你自己的電子郵件用戶端中接受一個打開的消息,進而實作無縫交易。

如果訪客希望在了解更多背景資訊,可以從品牌的三個突出個性選項中選擇想要談論的話題:你的優秀項目,喝咖啡或與鳥和蜜蜂見面。

「聯系我們」頁面設計指南(内附案例)

03/

精心設計的頁面就像是出門約會前精心梳妝打扮的姑娘,對方一定可以感受到你的用心。通過頁面可以輕松的與訪客互動,并與他們建立積極、持久的關系。

任何網頁最重要的是可用性,無論我們身處什麼行業,無論我們的顧客是什麼樣的,所有設計的出發點都是要迎合使用者體驗,這樣才能設計出符合使用者需求與審美的「聯系我們」頁面。

繼續閱讀