AAWD #5｜金工手作教室的網站企劃解析

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://refine.tw/portfolio/weddingcode-com-tw-workshops/
上線網址：https://weddingcode.com.tw/workshops/

在版面設計上，由於 Wedding Code 是採取單一品牌進行分支，分為「Wedding Code 主站」與「Wedding Code 金工手作坊」這兩個網站，為了讓客人區別兩者的差異，因此在版面設計上，金工手作坊是刻意採用與主站明顯不同的設計，除了選用不同的配色邏輯之外，兩個網站在選單列與 Logo 的佈局也有所差異，但是整體簡約的調性則是維持一致。

在商品管理的部分，為了節省維護上的人力，也使用了「自動浮水印」與「全域文字」的功能。自動化浮水印是讓客戶在上傳商品照片的同時，就自動壓上浮水印，節省上傳前的一些後製時間。此外，全域文字則是針對需要重複出現的文字，透過單一欄位進行管理，舉例來說，關於適用於所有商品的介紹文字，例如「顧客福利」「購物須知」等，未來只需要在系統後台內做一次的修改，所有有放該段文字的商品內頁，都會自動更新。

在採用全域文字的做法之前，一般電商網站通常會把這些重複性文字放到類似「關於我」的頁面，在那個頁面裡頭把條文規定寫清楚，但這種做法有時候效果有限，因為就是有消費者是不會願意點擊過去看的。因此，也有人是把這些文字訊息做成圖片，在商品內頁改用嵌入圖片的方式，未來如果文字訊息要更換，只要把原本的圖片置換就行，檔名與連結保持不變，因此在各商品頁面可以看到最新版本的文字訊息。但是這種做法的缺點是不支援 RWD，圖片沒有辦法根據電腦或手機進行置換，導致不是電腦看文字太大，就是用手機看文字太小，很難抓到一個美觀又實用的平衡點。

因此，透過全域文字的管理，剛好可以解決上面這個問題，直接將重要的文字訊息，以真實文字的方式無縫置入在頁面中，確保在消費者的閱讀動線上，達到清楚告知訊息傳遞的目的。

通常，有人向我詢問要做電商網站的時候，假如對方是只做台灣市場的話，我第一時間都會建議他們先不要做網站，先用現有電商平台進行販售就好，例如蝦皮。因為許多客戶在擁有一個電商網站前，多半會對電商網站有著過於美好的幻想，會誤以為只要網站架起來了，流量和訂單就會自動過來，但事實恰恰相反。對於一個新成立的電商網站，它就像一座沒有固定航班的孤島，你沒有刻意宣傳，是不會有人知道你的存在的，因此在品牌經營的初期還要同時營運一個網站導流，是非常耗成本的，不管是行銷人力成本或是廣告推廣成本。

假如你的電商通路是建構在現有平台上，只要關鍵字下的對，消費者就會找得到你，只要商品照夠有水準、文案夠有說服力，消費者就會加入購物車，至於說結帳流程，因為消費者早就已經有帳號了，不用重新註冊和驗證，也不用重新輸入物流收件地址，因此消費者可以用最短的時間完成結帳程序（在消費者的購物慾消退前，就完成結帳了）。而且電商平台不太需要什麼建置上的固定成本，有賣出再給平台抽成就好，等於你是先在各大平台通路「寄賣」，而不是一口氣就開一間專賣店，然後整體擔心沒有生意上門。

有些人認為一個官方購物網站所能營造的形象感，不是一般電商通路可以取代的，這點我不否認，但我認為，以消費者實際普遍的購物決策路徑點來說，真正與消費者溝通品牌形象的地方，就在消費者的日常生活中，而非你的品牌網站上。

消費者要察覺一件新商品，非常有可能是在社群媒體上留意到，或者透過親友之間的推薦，或者在路上逛街瞄到，一個品牌要做品牌的地方，如果想要加速這一切的發生，應該是往前推進到消費者的身邊，而不是把門關起來，專注於店內裝潢與氣氛營造，店內的形象是加深消費者購物信心的良藥，但卻沒有辦法讓完全陌生的消費者知道你的存在。

總結以上，我覺得要做一個獨立運作的電商網站，心臟真的要夠大顆，不然高額的建置成本很有可能都會丟進水裡，挫折感會很強烈。建議可以先用現有的電商平台測試市場水溫，把初期的資源留給強化商品圖文本身，待你的生意真的好到不想再給平台抽成了，或者想要自己做 CRM、取得消費者資料，再來考慮做電商網站也不遲。

謝謝你的閱讀！如果有任何網頁設計或 WordPress 接案的相關問題，歡迎找我切磋或閒聊，我的信箱是：[email protected]，謝謝！