Wedding Code 是我非常早期的客戶,最早可以追溯到 2015 年當時,我白天還在數位行銷公司上班,利用下班與假日時間接案的狀態。當初會認識 Wedding Code,是因為大學好友穎竣和涵宇的介紹,還記得我們第一次碰面,我們約在板橋某一個麥當勞,在一個下午我們大概討論了網站製作的方向,之後出了報價單,也順利接到了這個案子,Wedding Code 成為了我第一個採用 WooCommerce 電商平台架構的網頁設計客戶(謝謝涵宇、穎竣!)。
在 2015 年那時幫 Wedding Code 設計的就是他們的官方網站,考慮到 Wedding Code 所販售的是高價位的婚戒珠寶,因此當時的網站只有提供線上目錄讓客人瀏覽;到了 2018 年,Wedding Code 進行了網站改版,啟用了線上購物功能,結果還真的有人會在網路上買婚戒珠寶,這令當時的我頗意外的。
時間拉近到 2021 年,Wedding Code 因為本業經營得非常好,客群穩定、口碑良好,因此開始跨足金工手作課程市場,成立「Wedding Code 金工手作坊」,對比 Wedding Code 原本的主要客群(在意「商品價值」更勝於「品牌價值」的人,偏好用相同的預算,買到品質更好的婚戒珠寶);Wedding Code 金工手作坊的客群,則是偏好在「商品價值」上再加上「自我價值」的人,因為一只戒指,從無到有,若都由自己親手打造,想必意義非凡。
回到 Wedding Code 金工手作坊這個網站本身,它的定位很清楚,就是透過網站介面讓人可以報名課程,節省人力客服成本。對於金工手作課程的人,可以在網站上可以選擇想要製作的大致款式,了解其中可以客製化的項目,接著預付課程訂金,選擇日期之後,就完成了報名手續。同時,在網站也同步販售銀製商品,供客人參考。由於銀製商品的單價較為親民,可以幫助 Wedding Code 服務這個預算的客群(例如學生),並與原本主站的客群做出區隔。
客戶名稱:Wedding Code
專案期間:5 個月(2021/3/8 ~ 2021/8/9)
完整畫面:https://1rf.refine.tw/portfolio/weddingcode-com-tw-workshops/
上線網址:https://weddingcode.com.tw/workshops/
在版面設計上,由於 Wedding Code 是採取單一品牌進行分支,分為「Wedding Code 主站」與「Wedding Code 金工手作坊」這兩個網站,為了讓客人區別兩者的差異,因此在版面設計上,金工手作坊是刻意採用與主站明顯不同的設計,除了選用不同的配色邏輯之外,兩個網站在選單列與 Logo 的佈局也有所差異,但是整體簡約的調性則是維持一致。
在商品管理的部分,為了節省維護上的人力,也使用了「自動浮水印」與「全域文字」的功能。自動化浮水印是讓客戶在上傳商品照片的同時,就自動壓上浮水印,節省上傳前的一些後製時間。此外,全域文字則是針對需要重複出現的文字,透過單一欄位進行管理,舉例來說,關於適用於所有商品的介紹文字,例如「顧客福利」「購物須知」等,未來只需要在系統後台內做一次的修改,所有有放該段文字的商品內頁,都會自動更新。
在採用全域文字的做法之前,一般電商網站通常會把這些重複性文字放到類似「關於我」的頁面,在那個頁面裡頭把條文規定寫清楚,但這種做法有時候效果有限,因為就是有消費者是不會願意點擊過去看的。因此,也有人是把這些文字訊息做成圖片,在商品內頁改用嵌入圖片的方式,未來如果文字訊息要更換,只要把原本的圖片置換就行,檔名與連結保持不變,因此在各商品頁面可以看到最新版本的文字訊息。但是這種做法的缺點是不支援 RWD,圖片沒有辦法根據電腦或手機進行置換,導致不是電腦看文字太大,就是用手機看文字太小,很難抓到一個美觀又實用的平衡點。
因此,透過全域文字的管理,剛好可以解決上面這個問題,直接將重要的文字訊息,以真實文字的方式無縫置入在頁面中,確保在消費者的閱讀動線上,達到清楚告知訊息傳遞的目的。
通常,有人向我詢問要做電商網站的時候,假如對方是只做台灣市場的話,我第一時間都會建議他們先不要做網站,先用現有電商平台進行販售就好,例如蝦皮。因為許多客戶在擁有一個電商網站前,多半會對電商網站有著過於美好的幻想,會誤以為只要網站架起來了,流量和訂單就會自動過來,但事實恰恰相反。對於一個新成立的電商網站,它就像一座沒有固定航班的孤島,你沒有刻意宣傳,是不會有人知道你的存在的,因此在品牌經營的初期還要同時營運一個網站導流,是非常耗成本的,不管是行銷人力成本或是廣告推廣成本。
假如你的電商通路是建構在現有平台上,只要關鍵字下的對,消費者就會找得到你,只要商品照夠有水準、文案夠有說服力,消費者就會加入購物車,至於說結帳流程,因為消費者早就已經有帳號了,不用重新註冊和驗證,也不用重新輸入物流收件地址,因此消費者可以用最短的時間完成結帳程序(在消費者的購物慾消退前,就完成結帳了)。而且電商平台不太需要什麼建置上的固定成本,有賣出再給平台抽成就好,等於你是先在各大平台通路「寄賣」,而不是一口氣就開一間專賣店,然後整體擔心沒有生意上門。
有些人認為一個官方購物網站所能營造的形象感,不是一般電商通路可以取代的,這點我不否認,但我認為,以消費者實際普遍的購物決策路徑點來說,真正與消費者溝通品牌形象的地方,就在消費者的日常生活中,而非你的品牌網站上。
消費者要察覺一件新商品,非常有可能是在社群媒體上留意到,或者透過親友之間的推薦,或者在路上逛街瞄到,一個品牌要做品牌的地方,如果想要加速這一切的發生,應該是往前推進到消費者的身邊,而不是把門關起來,專注於店內裝潢與氣氛營造,店內的形象是加深消費者購物信心的良藥,但卻沒有辦法讓完全陌生的消費者知道你的存在。
總結以上,我覺得要做一個獨立運作的電商網站,心臟真的要夠大顆,不然高額的建置成本很有可能都會丟進水裡,挫折感會很強烈。建議可以先用現有的電商平台測試市場水溫,把初期的資源留給強化商品圖文本身,待你的生意真的好到不想再給平台抽成了,或者想要自己做 CRM、取得消費者資料,再來考慮做電商網站也不遲。
謝謝你的閱讀!如果有任何網頁設計或 WordPress 接案的相關問題,歡迎找我切磋或閒聊,我的信箱是:[email protected],謝謝!