如何在您的網站上展示品牌個性
已發表: 2020-10-20當您聽到“品牌”一詞時,您可能會想到徽標、包裝設計或顏色。 但它的意義遠不止於此。
當人們聽到您的公司名稱時,您的品牌就是他們所想到的一切。
這是您使用的文字、您在社交媒體上發布的圖片、您提供的客戶服務以及您在客戶中激起的情感和感受。 這是人們對您公司的看法。
每個品牌都有個性。 這可能很有趣,而且是最重要的。 它可能是現代的和具有前瞻性的。 或者它可能是富有同情心和熱愛回饋社區。 這種個性可以幫助你與觀眾建立聯繫,並成為他們購買狗糧、咖啡、珠寶或任何你可能出售的東西的首選。
這就是為什麼在您的在線商店中展示您的品牌如此重要的原因,這樣您就不會懷疑您是誰以及您代表什麼。 但是,你是怎麼做的?
從完美的主題開始
您的主題在您的網站設計中扮演著重要角色。 選擇一款專為您的行業打造、具有適合您品牌的佈局或讓您靈活地創建任何您想要的東西的產品。

澳大利亞美容公司 Sodashi 採用乾淨輕盈的佈局,反映了他們對卓越美容成分和皮膚健康的承諾。

Airstream Supply Company,一個充滿冒險精神的品牌,選擇了一個展示他們美麗的自然照片的設計。
WooCommerce 市場為時尚精品店、寵物店、玩具店等提供主題。 或者,通過“電子商務”過濾 WordPress 主題存儲庫以獲得更多 WooCommerce 就緒選項。 要在安裝前測試主題,請嘗試現場演示。 這是一個很好的方式來感受它在行動中的樣子。
注意顏色
顏色與感覺相關聯,並建立您的網站和品牌的情緒。 例如,紅色通常傳達能量和愛,而綠色則與財富和自然有關。 重要的是要考慮您選擇的顏色對您的觀眾意味著什麼。

銷售磁性拼搭玩具的 Magna-Tiles 為他們的網站選擇了主要顏色和次要顏色。 明亮的紅色、綠色和藍色立即讓人感到有趣和俏皮——非常適合孩子們!

但是高級咖啡烘焙商 Nobletree 選擇了精緻的藍色和金色,非常適合尋找工匠高端咖啡豆的觀眾。
雖然這是兩種不同的方法,但它們是每個商店受眾的完美選擇。 無論您選擇什麼顏色,在您的品牌宣傳材料和商店中始終如一地使用它們。 這有助於客戶在他們到達您的網站的第二次知道他們在哪裡。
使用正確的字體
正確的字體組合最重要的是易於閱讀,同時也傳達了風格和個性。 想想你在網上看到的字體——每一種字體讓你感覺如何? 傳統的襯線字體可能會讓人覺得專業且值得信賴,而手寫字體可能會讓人覺得有趣和古怪。

Daelman's 使用流暢的腳本字體來模仿從他們的 stroopwafels 上滴下的焦糖外觀,這是一個創造性的舉動,讓他們的網站感覺定制和獨特。

Kawaii Box 使用圓潤的氣泡字體,讓人感覺既可愛又快樂,就像他們的訂閱盒裝滿了“來自日本的超級可愛的東西”一樣。
要有創意,但要有限制。 始終確保您網站上的文字易於客戶在每個應用程序中閱讀。 例如,腳本字體可能非常適合標題,但難以在大量文本中使用。
編寫獨特的內容
你所說的和你所說的方式在建立品牌個性方面有很長的路要走。 考慮一下你寫作的語氣——它對你的業務有什麼看法?

Offerman Woodshop 是洛杉磯的一個木工和製造商集體,在其網站副本中展示了其創始人 Nick Offerman 的魅力個性。 他們在每個產品列表下方添加了一個帶有有趣項目描述的副標題行——他們的鉛筆上寫著“你的弱點時刻的錯誤棒”——在他們的博客上使用像“這裡”這樣的詞,並用電子郵件地址自動填寫他們的時事通訊表格, “[email protected]。” 這些小細節在讓您的商店脫穎而出方面大有幫助。
您的網站是分享您的故事的機會——充分利用它! 你回饋慈善機構嗎? 您只使用可持續材料嗎? 您從小就開始製作珠寶嗎? 讓人們知道你喜歡什麼以及你為什麼創造,你會在更深層次上與他們建立聯繫。


而且,如果您的部分任務是教育和幫助客戶,請通過您的內容來做到這一點。 撰寫提供價值、提供可下載指南或創建常見問題解答頁面的博客文章。 Designmodo 是一家銷售設計工具的在線商店,擁有完整的教程、技巧、免費贈品和示例庫。 這不僅可以幫助購物者充分利用他們的工具,還可以讓他們成為真正關心客戶的品牌。
選擇很棒的照片
高質量的照片讓您看起來很專業,並幫助潛在買家清楚地了解您的產品的外觀。 但它們也可以傳達情感和風格。

您從 Manu Atelier 網站上的照片中得到什麼感覺? 奢華? 手藝? 作為一家手工製作的奢侈品店,這正是他們希望你感受到的。
想想這個概念如何應用於您自己的商店。 也許明亮、多彩的圖片適合您的品牌。 或者黑白照片。 無論哪種風格代表您的品牌,從您的產品頁面到主頁上的滑塊,每次決定照片時都要考慮它。
展示您的品牌風格
當然,您的網站設計不僅僅是字體、圖像和顏色。 這就是這些設計元素如何與所有附加功能(圖標、插圖、紋理)一起工作,從而創造出獨特的外觀。

Strandberg Guitars 採用深色覆蓋層、獨特的按鈕和圖像懸停、木質紋理和自定義圖表來營造高端感覺。

不過,Mike's Organic Delivery 的網站具有有趣的、易於訪問的氛圍,帶有有趣的插圖、手繪圖標和淺色、明亮的色彩。
在品牌和設計方面,小事大有幫助。
考慮功能
歸根結底,您的品牌應該與您的受眾有關。 它的每個方面都應該與您所服務的人一起創建。 這就是為什麼功能也是您品牌的重要組成部分。
如果您與老年人一起工作,則可訪問性是一個更大的考慮因素。 您可能希望使用較大的字體並提供多種聯繫方式。 如果您幫助忙碌的企業家,您需要讓事情變得簡單快捷,因此您可能會實施一頁結帳並刪除任何不必要的結帳字段。 這完全取決於您的特定受眾的需求。

Better Home Cover 是關於簡單的家庭保護,人們不必擔心。 他們的網站設計和功能通過簡單的佈局和清晰的導航反映了這一點。 套餐和定價都很容易理解,結賬過程被分解成清晰的步驟。 您如何提供滿足受眾需求的功能?
連接到社交媒體
社交媒體是與您的受眾建立聯繫並通過圖像、內容和互動展示您的品牌的絕佳方式。 將您在社交媒體上的努力與您的商店聯繫起來,可以強化您公司的宗旨。

Veer 是一款堅固耐用的全地形嬰兒車/旅行車跨界車的創造者,在其網站上利用了社交媒體的力量。 他們的品牌全是冒險,因此他們將 Instagram 提要添加到主頁底部,標題為“分享您的冒險經歷”。 接下來是一張又一張的照片,照片中的家庭一起使用他們的產品玩得開心。 這表明他們的品牌不僅僅是一個想法; 這是一個運動。
不確定如何整合您的社交媒體供稿? WooCommerce 提供了各種可以完成工作的擴展。
創建視頻或動畫
視頻吸引註意力,吸引潛在客戶,是展示您和您的公司真實身份的機會。 分享客戶評論、車間或企業參觀、團隊成員介紹、您參與的慈善活動以及您的產品在行動中的鏡頭。
您可以使用 WooCommerce 的產品視頻將視頻添加到產品頁面或 Jetpack 的視頻託管功能將它們嵌入到任何其他頁面,而無需第三方工具。

動畫也可以表現出很多個性。 AeroPress 將它們放在主頁的前面和中心,展示了使用他們的咖啡機是多麼容易。 他們將這種插圖風格與整個網站上真實人物的視頻相結合,展示了從產品演示到有趣提示的所有內容。
在每個決定中考慮您的品牌
你的品牌是獨一無二的——它是關於你的公司和你的觀眾的。 擁抱它! 不要害怕炫耀你的個性、你的熱情和你的立場。
最重要的是要保持一致。 當有人在您的網站上時,他們應該立即知道您在做什麼,無論他們訪問的是什麼頁面。 堅持相同的顏色、字體和样式,您就會被記住。
您如何在商店中展示您的品牌? 讓我們在評論中知道!