免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2023-02-22 17:13
圖片來源：圖蟲創(chuàng)意
Hello 大家好，我是Jack。
年后很多朋友來我公司聊天喝茶，談到了獨立站轉化的問題。
其中聊到了通過熱力圖工具，查看客戶訪問網站的整個流程，最后發(fā)現好的UI設計可以大幅度提高網站轉化率。
行業(yè)領先品牌網站設計分析
從根本上說，一個好的網站 UI 設計可以讓用戶輕松完成他們來到網站的目的，而不會感到迷惑。
例如，可以直觀地將用戶的注意力吸引到某個元素上的流暢、原始的動畫交互，或者可以讓用戶感到平靜的整潔的、干凈的設計和巧妙地使用空白空間
Fossil
網站數據：
watch 關鍵詞自然搜索排名第二，僅次于Apple。網站每月訪問量910萬（數據來源similarweb）
圖片來源：similarweb截圖
電子商務：
使用Salesforce Commerce Cloud
User Interface
pop-up window
進入網站一分鐘左右的時間彈出彈窗，展示網站折扣信息：
25美金off 加粗加大，75美金的訂單縮??；
Button 區(qū)別網站基礎色，使用全黑色做強調
Button 文案直接明了，給用戶明確的信息
圖片來源：fossil 截圖
網站首頁banner
網站基礎顏色使用黃色系，溫暖明亮
highlight：
右上角訂單狀態(tài)查詢，提高用戶體驗，增強信任度；
滾動banner和導航欄中間插入網站折扣信息，醒目直接
右側shop hers, shop his通過產品使用性別來給用戶指引，進行分流
banner圖片溫馨，且包含標題及button
圖片來源：fossil 截圖
導航設計有趣
highlights
橫向導航和豎向導航交互包含，可以使用到PSV導航構建：
比如 Women ;Men ; Fashion；Business; Fitness; Sports
豎向的導航，同樣包含以上內容
圖片來源：fossil 截圖
產品聚合頁面
具體產品可以篩選
右側featured可以從另一個維度篩選：best sellers, nwe arrivals
用戶展示
每個產品落地頁面下面有一個用戶showcase版塊，用戶可以拍攝使用產品的場景照片
這種類型的照片分享，也可以自己拍攝并上傳
圖片來源：fossil 截圖
Kospet
網站數據：
網站月訪問量71.9K
圖片來源：similarweb 截圖
電子商務：
使用Shopify Focal 主題
圖片來源：kospet 官網截圖
User Interface
網站首頁banner
常規(guī)滑動banner
banner圖片上面做button設計，不是真實button
圖片來源：kospet 官網截圖
能動性高，反應快速
對于節(jié)日促銷活動，能夠快速反應并上架
圖片來源：kospet 官網截圖
視頻展示展品特性
通過視頻展示產品使用場景，生產測試流程，提高用戶對產品質量的信任度
圖片來源：kospet 官網截圖
In-house affiliate平臺
增強用戶及網紅合作
圖片來源：kospet 官網截圖
產品聚合頁產品動圖展示
給用戶全面的展示手表的外觀
圖片來源：kospet 官網截圖
詳情頁最后的相關產品推薦
為其他的產品引流，增加頁面互動
圖片來源：kospet 官網截圖
作者簡介：好學的Jack
所在地區(qū) 深圳龍華
公司/Title 深圳市遜杰科技有限公司CEO；好學的Jack 公眾號博主
自我介紹：好學的Jack，深耕外貿和跨境電商7年，一線實戰(zhàn)派，長期主義者和終生學習者，堅信復利的力量。
現在在深圳創(chuàng)業(yè)，是一家初創(chuàng)公司的CEO。
統籌策劃過3000萬+RMB海外眾籌項目，運營過年銷售額過5000萬RMB獨立站，帶過20+外貿運營推廣團隊。
擅長從0到1搭建海外推廣團隊，統籌運營品牌外貿獨立站，搭建部門體系，完善OKR，熟悉絕大部分海外營銷推廣玩法。
公眾號：好學的Jack，等你來聊。
（來源：好學的Jack）
以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。?
收錄于以下專欄
