EAST MEETS WEB中西合璧網工房

我們的作品,以及為客戶帶來的成果

真實案例 · 實際成果 · 如實分享

每個案例都按同一方式介紹:客戶當時的需要、我們的做法、最終成果,以及對您的生意有甚麼參考價值。凡有實際數據,我們都會如實列出,供您參考。

至今仍在運作的作品

歡迎用手機瀏覽以下任何一個網站,網站本身就是最好的證明。截圖是交付當時的模樣;此後每位店主都自行營運及更新自己的網站,這正是我們希望做到的。

客戶怎麼說

由商戶負責人親筆撰寫(2014–2026),原文照錄。中文為英文原文的譯文。

其中兩位負責人的項目亦見於下方案例。

曾與我們合作?歡迎留下 Google 評論 → 沒有 Google 帳戶?歡迎以電郵把評語寄給我們,我們會刊登在本頁。

五個案例

兩個長期合作的客戶網店,以及三個較早期的項目;每個案例都記述我們的工作、最終成果,以及從中學到的經驗。

網上商店 · 店面收銀 · 帳目,全部連通

On Track & Field — 由電話下單到一個連通的網店

Simi Valley · 2020–2023,2025 年回歸 · 2025 年交付 · BigCommerce · 職責:設計、開發、系統整合

ontrackandfield.com 首頁(2026)
2026 年的網店——仍是我們交付的版本,此後由店主自行營運
ontrackandfield.com 的「索取報價」視窗,已加入一件產品
我們加建在網店的報價系統:學校加入產品、附採購單號碼提交報價,並以 30 天賒帳購買
ontrackandfield.com 的全美銷售代表查詢地圖
銷售代表查詢:地圖加各州列表,全美任何教練都知道該找誰
ontrackandfield.com 的器材租賃頁面
器材租賃頁面——為影視道具租賃而設的副業,客戶包括《Jimmy Kimmel Live》
2022 年 On Track & Field 印刷目錄封面
我們重新設計的 2022 年印刷目錄——每個產品編號及描述逐一核對
2022 年目錄開首跨頁:44 年服務、顧客評價及目錄
開首跨頁——同一本目錄亦在店內的觸控屏幕上供顧客翻閱
On Track & Field 歷年目錄封面拼貼,慶祝 43 周年
四十三年的目錄——我們要承傳而非取代的品牌歷史

起點

On Track & Field 四十多年來為學校、田徑會及運動員供應田徑器材,顧客十分忠誠。公司易手並由 Burbank 遷至 Simi Valley 時,店主目標清晰:保留顧客喜愛的一切——目錄、專業銷售員、貼心服務——再為他們加上現代化的網上下單方式。當時網站仍是一本先瀏覽、再致電銷售員的目錄;每張訂單、每次盤點、每筆入帳都是獨立的工作。加上倉庫一半正改建成跑鞋門市,正是把一切連通起來的好時機。

我們的做法

先從搜尋入手。2020 年中的 SEO 計劃在重建前先把網站推上去:到 2020 年 7 月,「on track」一詞在 Google 由第 35 位升至第 9 位,超過 80 個關鍵字進入前 20 名。2020 年 12 月起,我們把 ontrackandfield.com 重建成完整網店,並親自把目錄搬過去——數以百計產品,每個數字及描述逐一核對——顧客倚賴的資料一項不少。我們選用一套以小型零售商定價的雲端收銀系統,設定為跑鞋門市的收銀機,並接駁網店,令店面與網站共用同一盤存貨。產品貼上條碼標籤,掃描即可出入庫;收銀機與網店再接駁 QuickBooks,銷售自動入帳。由於學校以採購單購買,我們在網店加建了報價系統——加入產品、提交報價、30 天賒帳付款——另設按州查詢銷售代表的頁面,以及道具租賃副業的租賃頁面。網店以外,我們製作供應商會派發的一切:2022 年印刷目錄,設計成往後幾年都可沿用、店內觸控屏幕上的互動目錄、宣傳單張及電郵推廣,以及以同一客戶資料驅動的電郵推廣系統。

成果

顧客現在全日任何時間都可網上下單;門市與網上銷售扣減同一盤存貨。記帳變成一位員工快速核對及確認的步驟——按我們的估算,每週騰出約十小時。來自會計系統及郵寄名單的約一萬筆客戶資料匯集一處,隨時可作電郵推廣。

可自行查證:截至 2026 年 9 月,在 Google 搜尋「track and field equipment store」,ontrackandfield.com 出現在第一頁,與 DICK'S Sporting Goods、BSN Sports、Gopher Sport 及 UCS Spirit 同列——是名單中唯一的單店零售商。網店本身仍在上方連結運作。

對您的參考價值

如果顧客一向支持您,而且多數以電話下單,網店可讓他們在深夜也能向您購買;把網店、收銀機和帳目連接起來,更可省回重複輸入同一張訂單的時間。這並非大公司才做得到:對一間小型供應商來說,只需逐個系統接上。我們的網上商店及接上您現有的系統兩個加購項目,正好涵蓋這些需要。

此案例的獨立頁面 →

網站重建 · 網上商店 · 顧客自行設計的產品

RelayBatons.com — 客製雷射雕刻接力棒

Simi Valley · 2017–2023,2025 年回歸 · 2025 年交付 · WordPress · 職責:設計、開發、網站管理

RelayBatons.com 接力棒客製化工具:金色接力棒刻上名字 Roger Clement 及號碼 01,左側為顏色選項,已選「Teams」分頁
客製化工具實際操作:選顏色、加名字及號碼、看到精確版面——然後直接購買
2017 年重建後的 RelayBatons.com 首頁:「Your Design」主圖、客製接力棒、規格
2017 年重建版本,上線前:客製化工具放在頁面最前
RelayBatons.com 首頁的手機版,分三段顯示:主圖、產品照片及規格、特色
首頁的手機版,分三段顯示——以手機優先設計,方便教練在田徑場上下單
舊 relaybatons.com 的 Google PageSpeed 結果:100 分中得 22 分,2017 年 6 月
2017 年 6 月的起點:速度測試 22 分(滿分 100),為新網站定下清晰目標
2018 年 3 月的載入時序圖,顯示第一個請求等待了 17.6 秒
2018 年 3 月:我們追查到 17 秒的伺服器延遲,把網站搬到更快的主機——下一次審核 10 分(滿分 10)

起點

RelayBatons.com 自 2013 年起為學校、田徑會及接力隊雕刻鋁製接力棒,每一支都是獨一無二:隊伍顏色、名字、號碼、校徽。2017 年,店主希望顧客在網站上就能享受這份個人化體驗。在此之前,客製訂單是一場對話——顧客描述設計,店方繪製 PDF 樣稿,雙方來回校對,一張訂單通常約三輪,直至完全滿意。手藝早已到位;目標是讓顧客購買前親眼看到成品。

我們的做法

我們建立了全新網站,配備網上商店、批量價格及高速主機,上線時先提供文字式選項。顧客反應良好,也讓我們看清他們真正想要的:親眼看到顏色、啞光或亮光,以及文字的準確位置。因此上線後不久,我們在商店之上加建了即時 2D/3D 接力棒客製化工具。顧客現在直接在畫面上設計——分段顏色、亮光或啞光、多行文字及字體、剪貼圖庫、自己的標誌;隊伍更可一次訂購一組接力棒,每支刻上不同名字及號碼。預覽按接力棒的實際尺寸繪製,顧客看到的就是生產用的版面;滿意後,直接加入購物車付款。要做得準確,設定工作與設計工作同樣重要:真實尺寸、顏色與表面選項、雕刻範圍及計價規則全部輸入工具,預覽才會與實物一致。其後我們由 2017 至 2023 年管理網站——更新、穩定運作、速度、搜尋及田徑季節的內容調整。2018 年,我們發現一個拖慢所有頁面的伺服器瓶頸,把網站搬到更快的主機;一個月後的獨立審核給伺服器表現評了 10 分(滿分 10)。2025 年我們回來更新功能,把老化的部分換新。

成果

以網站管理者的角度估算:大部分客製訂單現在由設計到付款毋須任何校稿,因為顧客在畫面上已自行確認設計。客服及樣稿電郵明顯減少,訂單以可直接雕刻的版面送達店方,而在我們管理期間,搜尋流量逐年增長。店主在公開評價中寫道:「我只給了他很粗略的想法和期望。Roger 給我看了三四個版面,全部都很好……他清楚明白我想要甚麼,每一次修改都令我們更接近最後採用的方案。」(原文為英文)

可自行查證:截至 2026 年 9 月,在 Google 搜尋「custom relay batons」,首十個結果中有四個屬於 relaybatons.com——首頁、產品頁、分類頁及客製化工具本身——排在 Amazon 之前。客製化工具至今仍在 relaybatons.com/baton-customizer 運作。

對您的參考價值

如果您的產品是按訂單製作,讓顧客在畫面上自行設計,確認步驟便成為樂趣的一部分,每張訂單更會附上可直接生產的版面。這類工具並非大品牌的專利:一間小型雕刻店已證明行之有效,同一思路亦適用於招牌、印刷、蛋糕、獎盃、訂造傢俬及任何個人化產品。您可先由我們的網上商店加購項目開始,並在需求評估時告訴我們,您希望顧客可以選擇甚麼。

此案例的獨立頁面 →

網站重建 · 老牌媒體品牌

Nelson Davis Productions — 《Making It!》

荷里活,洛杉磯 · 2011–2013 · WordPress · 職責:兼職網站及市場推廣助理,其後持續維護網站

重建後的 MakingItTV.com 首頁
重建後的網站:集數、網誌、活動及公告板集於首頁

起點

《Making It! Minority Success Stories》是一個講述小商戶的公共事務電視節目,播出二十五年,多次獲得艾美獎,觀眾十分忠誠。製作公司希望網站能為這批觀眾做得更多:在集與集之間有新內容可看、有東西可分享,並由看節目自然走到網上追蹤,以及認識公司的商業服務。

我們的做法

以 WordPress 重建網站,讓老闆的團隊可以自行更新;更新標誌,並訂立簡單的內容節奏:把大部分集數數碼化並發布、定期刊登小商戶文章、舉辦網上創業者訪談,並試做一個小型播客測試市場。我們以兼職身份駐公司的荷里活辦公室,每週與總裁商討;他專注於企業客戶業務,網站則負責對外接觸。兼職結束後,我們繼續維護及更新公司的兩個網站。

成果

數據分析顯示瀏覽量及追蹤者顯著上升,公司的網上影響力隨之擴大。當觀眾轉向社交媒體,網站的下一個版本便轉為個人品牌:Nelson Davis 作為小商戶專家,提供諮詢及企業影片服務。

對您的參考價值

今天的網站重建,工作本質沒有變:保留已經有效的部分,讓您能自行更新網站,並給顧客一個再來的理由。這正是我們網站重建方案涵蓋的內容。

全新品牌 · 網上商店 · 付費廣告

Bulldog Brewery LA — CoffeeDog®

Simi Valley · 2014–2016 · Shopify · 職責:合夥人,網站及市場推廣

CoffeeDog Shopify 網上商店首頁
Shopify 網上商店,套裝及教學影片置於最前
CoffeeDog 套裝在 Rain 百貨公司的陳列桌上
Rains 百貨公司的店內陳列——貨架空間的問題,親眼可見
三瓶 CoffeeDog 咖啡香草萃取液
後續產品:較輕巧的咖啡香草萃取套裝
法國鬥牛犬躺在地毯上,四周是 CoffeeDog 瓶子和包裝盒
食譜影片教學的幕後花絮
Rick Ayres、Marlene 及鬥牛犬 Gertrude 在拍攝現場
Rick Ayres 與 Marlene 和 Gertrude 在拍攝現場
《S'more and Beyond》——食譜影片之一
90 秒產品介紹
我們撰稿、拍攝及剪輯的完整套裝教學
觀看次數最多的食譜影片:南瓜薄餅,6,700 次以上
套裝進駐 Rains 百貨公司

影片只在按下播放後才從 YouTube 載入。Bulldog Brewery 頻道另有十段食譜影片 →

起點

一款咖啡甜酒自釀套裝——一個全新的產品類別,由兩位預算精簡的創辦人推出。品牌要讓人一眼就明白、包裝要能自我說明,還要在不投入大額廣告的情況下,聰明地接觸分散的小眾顧客。

我們的做法

從零建立品牌——大膽、鮮明、帶點趣味——並貫徹於包裝、Shopify 網上商店、印刷宣傳品及一系列食譜影片教學。舉辦網上比賽及贊助活動(包括 Churchill Downs 賽馬日)為品牌累積好感,再以精準的 Google 廣告、Facebook 廣告、本地印刷品及折扣計劃推動銷售。

成果

社交媒體反應熱烈,初期銷售理想,產品更在 Rains 百貨公司取得陳列位置。這次推出亦帶來寶貴發現:完整套裝運送較重、佔用實在的貨架空間,數據指向更輕巧的形式。這個發現催生了後續產品——香草咖啡萃取套裝,更小巧、運費更低、更易上架。

對您的參考價值

推出產品,會帶來計劃書上學不到的經驗。網站和廣告完成了任務,找到顧客、帶來銷售;銷售數據隨即告訴創辦人下一步該怎樣走。我們把同樣的坦誠帶到每個項目:如果在您的數據中有所發現,我們會及早告訴您。這一點已寫進我們的書面承諾。

內容網站 · 搜尋流量

A. I. Hub — aihub.net

自家項目 · 2013–2016 · WordPress · 職責:全部

A. I. Hub 首頁(2013)
雙欄版面,配主題輪播及側欄廣告位

起點

在 AI 成為家喻戶曉的話題之前多年,相關的好資料散落於論文和論壇,淺白的解說並不多見。目標:一個普通人讀得懂、Google 找得到的網站,由一個人利用業餘時間建立及推廣。

我們的做法

設計標誌、訂製 WordPress 主題,經幾輪修改後定為簡潔的響應式雙欄版面,配大型主題輪播、綠色配色及基本搜尋優化。真正的功夫在於內容篩選:有實質內容及觀點的研究論文與講座影片,再推廣到合適的社群。

成果

流量隨公眾對 AI 的興趣一同增長;單一文章一個月可達約 30,000 次瀏覽。一位年輕研究者的大膽新理論,因在 A. I. Hub 刊出而接觸到廣大讀者。網站由 2013 年運作至 2016 年,存檔副本仍可在 Wayback Machine 查閱。

對您的參考價值

搜尋流量來自 Google 讀得到的頁面和人們想分享的內容。對本地商戶而言,即是正確的中英文頁面結構、完整的 Google 商家檔案,以及 Google 能收錄的菜單或服務清單。這些基礎是每個建站項目都包含的。

希望您的網站成為下一個案例?

只需二十分鐘,不必當場決定。粵語或英語皆可;說國語的客戶,歡迎以微信書面溝通。

滿意我們的服務?歡迎關注我們、讚好專頁,或在 Google 留下評論,讓更多商戶認識我們。