尋找一種新的方法來設計網站?如果設計得當,單頁網站可以為訪問者創造更令人難忘的體驗。
明智的設計選擇可以幫助減少疲勞和沮喪,否則人們會感到使用網絡。
web設計者有很多方法可以減少分心、信息過載和分析癱瘓。例如,在設計中使用大量的留白,較短的文字片段,以及平靜的調色板都很有效。
單頁網站可能是另一個值得探索的設計選擇。
如果做得好,一個單頁面的網站會非常有用,可以為如今不堪重壓的消費者創造一個更簡單、更受歡迎的環境。
以其小巧的結構,會給游客留下獨特而難忘的印象。更重要的是,一個精心設計的單頁網站將為訪問者提供一個干凈、狹窄和邏輯的轉換途徑。
對于那些使用BeTheme預先構建的網站(或者正在考慮在下一個網站中采用它們)的人來說,有一個好消息。除了傳統的結構化網站外,Be還提供單頁面網站供您使用。
因此,你需要掌握的技術方面,以獲得正確的一頁公式已經被照顧。
讓我們來看看讓單頁網站大出風頭的一些特點,以及如何設計它們:
1. 給訪問者一個簡潔的旅程通過網站和品牌的故事
你設計的典型商業網站包括主頁、About和Contact等頁面,以及解釋公司服務或銷售產品的頁面。除非你的銷售目標頁面很長,否則每個頁面通常有400到600個單詞。
這仍然有很多內容需要你的訪問者瀏覽,它會讓瀏覽一個單一的網站成為一種壓倒性的體驗。想象一下,當他們在比較其他網站和選項時,不得不多次閱讀所有的內容時,他們是什么感覺。
在某些情況下,這種多頁面的網站結構是多余的。你原本要填滿一整頁的信息,可以很容易地編輯下來,以適合一頁網站上的一個窗格或一塊,而且仍然很有用。
就像設計和開發工作室Pixel Lab所做的那樣:
像素實驗室
注意所有的要點是如何以簡潔和視覺上吸引人的方式體現出來的:
特色工作組合
關于我們的介紹
接觸形式
BeCV預先構建的網站也是以類似的方式構建的(目的也類似):
只要記住始終保持一個粘性的導航欄,這樣訪問者就能確切地知道頁面上有多少內容。
2. 選擇非傳統的導航為獨特的難忘的經驗
通常,網站導航應該遵循以下兩種模式之一:
標志在左邊,導航鏈接在右邊。
圖標在左邊,漢堡包菜單存儲導航在右邊(移動或桌面)。
這種布局的好處有很多。最終,它歸結為導航的可預測性和舒適性,無論他們在你網站的哪個位置,導航都是正確的。
然而,對于一個單頁面的網站,這是你可以改變的規則之一,只要你有辦法保持導航始終存在并且易于使用。
有一些很好的單頁網站已經做到了這一點,通常選擇一個樣式化的左對齊側邊欄,其中包含到頁面各個部分的鏈接。紫橙只是其中之一:
你也可以使用類似BeHairdresser的預建網站來為你的網站創建類似的導航:
如果你想讓一個大膽的品牌脫穎而出,這是一個可以嘗試的整潔布局選擇。
3.講述一個更具視覺沖擊力的故事
用WordPress建網站的一個問題是,你總是要擔心你的設計決定會如何影響速度。即使對代碼進行了優化,圖像通常也是需要處理的問題。
但是當你的網站只包含一個頁面時,這意味著圖片不是一個大問題(只要你壓縮和調整它們的大小)。只有當您繼續添加頁面、產品和圖庫時,您才必須縮小可視化內容。
所以,如果你的品牌有很強的視覺識別能力,并且你想通過網站的圖片來展示這一點,那么單頁網站就是一個很好的選擇。
當優雅的產品照片有效地向消費者傳達了產品的內涵時,酒類分銷公司沒有理由拐彎抹角。
事實上,這種圖片豐富、單頁的風格對任何銷售少量產品的供應商都很有效:食品、飲料、訂閱盒、保健和美容產品等等。你可以使用預建的BeBistro精心制作:
4. 把一個復雜的商業想法或提供的東西變成簡單易懂的東西
當一家公司向消費者銷售技術或復雜的解決方案時,要解釋它是做什么的,以及為什么他們應該購買它,可能是一件很困難的事情。
但問題是:消費者并不真正關心所有的技術問題。即使你要解釋一個應用程序是如何工作的,或者你是如何使用Sketch或WordPress這樣的軟件來設計一個網站的,他們的眼睛也會呆滯。
對他們來說最重要的是你有一個他們可以信任的有效的、負擔得起的解決方案。所以,為什么要用一頁又一頁的技術說明和銷售術語讓他們陷入困境呢?
一個單頁的網站可以使你簡化甚至是最復雜的解決方案。
以Critical TechWorks為例。它為汽車行業提供了一種先進的技術解決方案……然而,這就是它所需要的一切來解釋這種技術的工作原理:
關鍵Techworks
如果你網站的訪問者更關心結果而不是“如何”,你最好讓網站和內容盡可能容易消化。你可以使用一個預先建立的網站,如BeCourse來做到這一點:
BeCourse
請注意這兩個網站是如何引導訪問者瀏覽一小部分內容(頁面),然后再把他們帶到主要吸引人的地方:聯系或注冊表單。
5. 在銷售漏斗的不同階段捕捉潛在客戶和銷售信息
你的一些訪問者將是全新的網站和需要更多的信息之前,他們扣動扳機。有些人已經很清楚自己要做什么,只需要一個小小的推動就能讓他們采取行動。
對于一個單頁的網站,你可以設計每個部分來迎合不同類型的潛在客戶。
最上面的部分應該是介紹性的,為新訪問者提供他們需要的信息,以決定這是否是一個值得追求的選擇。下面的部分將深入討論感興趣的潛在客戶的剩余問題或關注點。
不管他們是在看哪個部分,你的單頁網站都會有內置的CTA按鈕,在他們準備好的時候驅動他們進行轉換。
這將使你的網站隨時準備轉換線索,無論訪問者是閱讀前兩個部分,還是通過他們的方式,直到他們到達轉換點(例如,一個聯系表格,一個結帳頁面,等等)。
你會在Cycle網站上找到一個很好的例子,在單頁設計上戰略性地放置cta:
周期
BePersonalTrainer是一個很好的預建網站的選擇,如果你想確保你在整個頁面的完美停止點包括一個CTA按鈕:
BePersonalTrainer
你不會在每個部分的底部找到它們,但這沒關系。只要你的訪問者認真考慮采取行動時,你就需要它們。
你應該建立什么:多頁還是單頁的網站?
雖然單頁網站不適合大型網站(尤其是電子商務),但它可以很好地適用于小型的商務網站。
通過將所有信息集中到一個頁面中,你將創造一種全新的體驗,以簡潔而強大的信息和服務讓訪問者驚嘆不已。
只是小心些而已。許多單頁網站做得很糟糕(這可能是它們在一段時間內不再流行的原因)。
記住:這不是你拋棄網頁設計規則的機會。事實上,這將是一個機會,以清除多年積累的絨毛和雜亂,并回到一個更縮小和經典的方法來設計。
在Be預建的單頁網站的幫助下,你不需要做太多工作就可以實現這一點。
下一篇:如何設計完美的開發人員組合