是時(shí)候?yàn)樾袠I(yè)中的佼佼者喝彩了！2020年末，我們請(qǐng) Shopify 合作伙伴和開(kāi)發(fā)者社區(qū)向2020年 Shopify 商業(yè)大獎(jiǎng)賽提交他們最具影響力的網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)作品。

去年，疫情的出現(xiàn)為商家和合作伙伴們帶來(lái)了前所未有的挑戰(zhàn)。短短90天內(nèi)，隨著更多商家開(kāi)展數(shù)字化銷(xiāo)售，電商增長(zhǎng)飆升至未來(lái)10年的規(guī)模。2020年 Shopify 商業(yè)大獎(jiǎng)旨在表彰 Shopify 合作伙伴和開(kāi)發(fā)者，他們通過(guò) Shopify 平臺(tái)對(duì)170萬(wàn)名商家中的一些人產(chǎn)生了影響。

今年有將近3000件不同類(lèi)目下的參賽作品，經(jīng)過(guò)檢驗(yàn)，我們優(yōu)秀的評(píng)審團(tuán)隊(duì)選出了9名大賽獲獎(jiǎng)?wù)摺，F(xiàn)在我們很高興地正式宣布2020年 Shopify 商業(yè)大賽的獲獎(jiǎng)?wù)?。讓我們?lái)看看今年的最佳參賽作品！

1. UX + FED

• 最佳移動(dòng)商店體驗(yàn)
• 最佳定制店面
• 最佳定制產(chǎn)品頁(yè)面

2. 開(kāi)發(fā)和應(yīng)用

• 最佳全渠道體驗(yàn)
• 最佳用戶(hù)界面
• 最佳店面應(yīng)用

3. 整體構(gòu)建

• 最佳商店遷移
• 最佳商店重建
• 線下至線上最佳實(shí)踐

UX + FED

用戶(hù)體驗(yàn)（User experience，UX）和前端開(kāi)發(fā)（Front End Development，F(xiàn)ED）構(gòu)成了為客戶(hù)所做的網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)工作的基石。我們的評(píng)委 Cynthia Savard Saucier 和 Darrin Henein 分別是 Shopify 的 UX 總監(jiān)，他們接受了評(píng)選今年 UX 和 FED 參賽作品前三名的挑戰(zhàn)。

最佳移動(dòng)商店體驗(yàn)：Pattern 和 Presidio Creative

Shopify 合作伙伴：Pattern 和 Presidio Creative

商店：Natreve

技術(shù)棧：Cinema4D, Lottie, React JavaScript

“這是一個(gè)超級(jí)新鮮的設(shè)計(jì)，帶有精美的購(gòu)物車(chē)，很好地利用了動(dòng)畫(huà)，時(shí)髦的變體選擇器。我喜歡它的排版，他們還有很好的本地化彈窗。很高興看到 alt 文本和出色的無(wú)障礙頁(yè)面結(jié)構(gòu)?！?/strong>                                                                                                                                                     —— Shopify UX 總監(jiān) Darrin Henein

Natreve 是一家塑料中和兼碳中和保健公司，專(zhuān)門(mén)生產(chǎn)蛋白粉和膳食補(bǔ)充劑等產(chǎn)品。根據(jù)推薦，Natreve 聯(lián)系了實(shí)力二人組，數(shù)字設(shè)計(jì)和電商代理機(jī)構(gòu) Pattern 和從事 Shopify Plus 電商發(fā)展的代理機(jī)構(gòu) Presidio Creative，以幫助實(shí)現(xiàn)公司最近的品牌重塑和愿景。

Pattern 聯(lián)合創(chuàng)始人兼執(zhí)行創(chuàng)意總監(jiān) Michael Janiak 說(shuō)：“我們創(chuàng)辦 Pattern 時(shí)，95%的精力都集中在 Shopify Plus 上為新興品牌搭建網(wǎng)站，并以設(shè)計(jì)為主。”

“我們不是一個(gè)典型的 Shopify 合作伙伴，因?yàn)槲覀兂^(guò)50%的構(gòu)建都是和 Presidio 合作完成的。所以我們更像是伙伴關(guān)系生態(tài)系統(tǒng) 中的 Shopify 合作伙伴關(guān)系?！彼a(bǔ)充道。

Natreve 聘請(qǐng) Pattern 和 Presidio Creative 來(lái)傳達(dá)品牌的核心價(jià)值觀，即全民健康、海洋意識(shí)可持續(xù)性和社會(huì)包容性，這是該品牌在加拿大和美國(guó)推廣的一部分。

Pattern 和 Presidio Creative 推出了移動(dòng)優(yōu)先的在線商店設(shè)計(jì)，代表了該品牌的趣味性和價(jià)值觀。

Natreve 的核心顧客是住在城市地區(qū)，沒(méi)有太多存儲(chǔ)空間的活躍女性，因此精美的包裝將被加以展示。顧客資料是該網(wǎng)站許多設(shè)計(jì)元素的關(guān)鍵，包括旋轉(zhuǎn)的3D瓶裝補(bǔ)充劑。

該團(tuán)隊(duì)在構(gòu)建網(wǎng)站時(shí)面臨的一個(gè)更復(fù)雜的問(wèn)題是獨(dú)特的產(chǎn)品頁(yè)面，他們通過(guò)結(jié)合定制開(kāi)發(fā)和 Shopify 應(yīng)用解決了這個(gè)問(wèn)題。他們用 Lottie 來(lái)制作旋轉(zhuǎn)瓶子的動(dòng)畫(huà)，并結(jié)合 Accentuate 上傳所有產(chǎn)品圖片，為用戶(hù)提供一個(gè)平滑的滾動(dòng)模式。

“這正是 Pattern 所希望的?！盤(pán)residio Creative 聯(lián)合創(chuàng)始人兼合伙人 Jonathan Osborn 說(shuō)道?！八娴陌寻b放在了重要位置，并將線下體驗(yàn)帶到線上?！?/span>

“3D 建模和并將這些序列渲染得超級(jí)超級(jí)平滑是一項(xiàng)挑戰(zhàn)，”Janiak 說(shuō)?！暗艺J(rèn)為我們已經(jīng)證明了，只要你用盡去做并對(duì)其進(jìn)行優(yōu)化，那么在 Shopify 主題中是可以做到這件事的。我們將所有序列渲染到主題中。這對(duì)我們來(lái)說(shuō)是挺棒的。”

最佳定制店面：Ctrl+Alt+Del

Shopify 合作伙伴： Ctrl+Alt+Del

商店： OffLimits

技術(shù)棧： Gatsby, Sanity, React, Serverless, ReCharge

“Ctrl+Alt+Del 打造了一個(gè)超級(jí)好玩的設(shè)計(jì)，大量使用插圖和動(dòng)畫(huà)，甚至還有自定義光標(biāo)！它具有包容性且易操作，帶有 alt 文本和良好的鍵盤(pán)導(dǎo)航?！?/strong>

                                                                   —— Shopify UX 總監(jiān) Darrin Henein

此獎(jiǎng)項(xiàng)旨在表彰用 Storefront API 或  Shopify 定制店面軟件開(kāi)發(fā)工具包構(gòu)建的最佳定制商店體驗(yàn)。我們的評(píng)委尋找的是獨(dú)特、創(chuàng)新且輕松平滑的參賽作品。

而在自由開(kāi)發(fā)者 Kevin Green 為即食谷物公司 OffLimits 構(gòu)建的產(chǎn)品中，他們找到了想要的東西。Green 以 Ctrl+Alt+Del 的身份經(jīng)營(yíng)業(yè)務(wù)，他擁有開(kāi)發(fā)獨(dú)特商業(yè)體驗(yàn)的天賦，已經(jīng)在 Shopify 上發(fā)展了8年，最近 OffLimits 聯(lián)系他后開(kāi)始構(gòu)建僅基于API的解決方案。

“我對(duì)這個(gè)項(xiàng)目真的很感興趣，它和我以前建的任何一個(gè)網(wǎng)站都不同。”Green 說(shuō)道。“我做了大量非傳統(tǒng)但仍傳統(tǒng)的電商網(wǎng)站，在我看來(lái)，這個(gè)網(wǎng)站比其它的網(wǎng)站更不傳統(tǒng)?！?/span>

OffLimits 向 Green 提供了一個(gè)機(jī)會(huì)，為他們的谷物品牌建立一個(gè)真正的定制體驗(yàn)，聚焦于驚喜和快樂(lè)玩具獎(jiǎng)勵(lì)計(jì)劃，以及端到端的品牌體驗(yàn)。

Green 建議團(tuán)隊(duì)用 Sanity CMS 來(lái)構(gòu)建，這是一個(gè)低成本高回報(bào)的解決方案，為獨(dú)特的營(yíng)銷(xiāo)和產(chǎn)品體驗(yàn)創(chuàng)造了空間，作為 CRM 中定制玩具積分機(jī)制的補(bǔ)充。這使得 OffLimits 可以通過(guò)積分制提供可購(gòu)買(mǎi)的玩具，而不是依賴(lài)折扣碼。

Green 表示，建立同時(shí)包含網(wǎng)頁(yè)開(kāi)發(fā)和 Shopify 應(yīng)用程序的網(wǎng)站的經(jīng)歷告訴他，應(yīng)用開(kāi)發(fā)“并不是那么可怕的事情”。他過(guò)去曾構(gòu)建過(guò)類(lèi)似應(yīng)用程序的解決方案，但構(gòu)建 OffLimits 的網(wǎng)站激發(fā)了他開(kāi)發(fā) Shopify 應(yīng)用的興趣以及一些想法。

他說(shuō)：“開(kāi)發(fā) Shopify 應(yīng)用將為我作為 DTC 電商人員的工作添加一些技術(shù)多樣性，而不是開(kāi)發(fā)一些為其中某些平臺(tái)賦能的應(yīng)用程序。”

最佳定制產(chǎn)品頁(yè)面：Eastside Co.

Shopify 合作伙伴： Eastside Co.

商店： Wild

技術(shù)棧： ReCharge Subscriptions 支付集成

“這款構(gòu)造非?？焖俸洼p量級(jí)。有出色的品牌化和用色，有趣的照片和 GIF，還有一個(gè)好玩的個(gè)性化體驗(yàn)來(lái)創(chuàng)建你的捆綁產(chǎn)品?！?/strong>

                                                                   —— Shopify UX 總監(jiān) Darrin Henein

Wild 是一家直面消費(fèi)者（Direct-to-Consumer，DTC）的供應(yīng)商，供應(yīng)使用天然成分的可持續(xù)除臭劑，位于英國(guó)倫敦。Wild 的使命是顛覆除臭劑行業(yè)，打造出環(huán)保的訂購(gòu)型產(chǎn)品，以減少除臭棒用完后產(chǎn)生的廢料。

他們?yōu)槠涑魟┲谱髁丝芍貜?fù)使用的包裝盒，而訂購(gòu)產(chǎn)品則是補(bǔ)充裝。

但是，Wild 使用的是非交易性網(wǎng)站，需要進(jìn)行全面改革才能使他們開(kāi)始創(chuàng)收。在一次 Kickstarter 活動(dòng)期間，Wild 找到 Shopify Plus 合作伙伴 Eastside Co.，尋求電商商店方面的的幫助。

Eastside Co. 的任務(wù)是針對(duì)電商對(duì)網(wǎng)站進(jìn)行全面改革，制定訂購(gòu)注冊(cè)流程，并優(yōu)化其轉(zhuǎn)化率，重點(diǎn)是簡(jiǎn)單易用。

“Wild 與傳統(tǒng)的添加至購(gòu)物車(chē)的T恤類(lèi)網(wǎng)站稍有不同?！盓astside Co. 創(chuàng)始人兼 CEO Jason Stokes 說(shuō)道?！霸谒郛a(chǎn)品類(lèi)型方面，Wild 是一個(gè)非?？岬母拍??！?/span>

除了規(guī)劃訂購(gòu)注冊(cè)流程外，East Co. 團(tuán)隊(duì)最大的挑戰(zhàn)之一就是如何應(yīng)對(duì) Wild 龐大的潛在受眾目標(biāo)：從青少年到50多歲以上的人群。

“這就是我們首先針對(duì)移動(dòng)設(shè)備進(jìn)行設(shè)計(jì)的原因?！盓astside Co. 高級(jí)設(shè)計(jì)師 Matthew Izzard 說(shuō)道?！叭绻覀兡軌蛟谝苿?dòng)設(shè)備上做到這一點(diǎn)，我們就可以在所有設(shè)備和響應(yīng)元素上做到。我想說(shuō)這是我們必須克服的最大障礙，從數(shù)據(jù)中可以看出我們已經(jīng)完全做到了。移動(dòng)優(yōu)先的方法正在以超出我預(yù)期的程序轉(zhuǎn)化。

Stokes 和 Izzard 表示，他們完成這個(gè)項(xiàng)目時(shí)，對(duì)定價(jià)心理、顧客滿(mǎn)意度以及 ReCharge 在 Shopify 中的工作原理有了更深入的了解，從而能夠打造出無(wú)縫的顧客體驗(yàn)。這種新觀點(diǎn)是他們?yōu)樯碳医?Shopify 商店的八年經(jīng)驗(yàn)的補(bǔ)充。

”我非常喜歡 Shopify 平臺(tái)?！盨tokes 說(shuō)?！拔以且幻?Magento 開(kāi)發(fā)者，改用 Shopify 讓我們可以更加專(zhuān)注于前端體驗(yàn)，真正打造我們的顧客旅程，并確保我們?cè)诰W(wǎng)站外觀和美感方面為商家提供了更多靈活性，而不是專(zhuān)注于他們的技術(shù)棧?！?/span>

開(kāi)發(fā)和應(yīng)用

超過(guò)80%的 Shopify 商家表示他們依靠第三方應(yīng)用來(lái)運(yùn)營(yíng)日常業(yè)務(wù)。Shopify 應(yīng)用商店目前有6000多款公共應(yīng)用可供選擇，為商家提供有效運(yùn)營(yíng)業(yè)務(wù)所需的特定功能。

在 Shopify 上開(kāi)發(fā)應(yīng)用和發(fā)展微型 SaaS 的機(jī)會(huì)比比皆是。2020年，Shopify 的應(yīng)用合作伙伴收入超過(guò)2.3億美元，而且這個(gè)數(shù)字還在持續(xù)增長(zhǎng)。

那么，是什么讓一款應(yīng)用脫穎而出，成為業(yè)內(nèi)最佳應(yīng)用之一呢？我們的評(píng)委，Shopify 首席技術(shù)官 Jean-Michel Lemieux，和 Shopify 伙伴關(guān)系總監(jiān) Fatima Yusuf 完成了他們的任務(wù)。

查看所有 Shopify 商業(yè)大獎(jiǎng)獲獎(jiǎng)應(yīng)用，這些應(yīng)用因其創(chuàng)新、設(shè)計(jì)和在幫助發(fā)展在線業(yè)務(wù)方面的影響力而獲得認(rèn)可。

最佳全渠道體驗(yàn)：Sesami Inc.

Shopify 合作伙伴： Sesami Inc.

應(yīng)用：Sesami Appointment Booking

技術(shù)棧： JavaScript, React, Polaris.

”這款應(yīng)用很實(shí)用且功能完善。在線商店集成做得很好，智能且方便商家使用?！?/strong>

                                                 —— Shopify 首席技術(shù)官 Jean-Michel Lemieux

時(shí)間就是金錢(qián)。沒(méi)有人比那些經(jīng)營(yíng)以服務(wù)為主的企業(yè)并按時(shí)間收費(fèi)的商家們更清楚這一點(diǎn)。這些商家本身就知道這一點(diǎn)，Sesami Appointment Booking 應(yīng)用背后的開(kāi)發(fā)團(tuán)隊(duì)也知道這一點(diǎn)。

Sesami 輕松允許商家及其顧客直接通過(guò)商家網(wǎng)站、后臺(tái)或 POS 預(yù)訂和支付預(yù)約費(fèi)用。Sesami 自動(dòng)加載并適應(yīng)95%的標(biāo)準(zhǔn) Shopify 主題，無(wú)需額外的開(kāi)發(fā)工作，無(wú)需輸入任何流動(dòng)代碼。

Sesami 聯(lián)合創(chuàng)始人 Ehsan Khakbaz 和 Ramtin Ghajar 的使命是讓服務(wù)行業(yè)的商家在 Shopify 上更輕松地經(jīng)營(yíng)業(yè)務(wù)。他們首先發(fā)布了一個(gè)由 NodeJS 棧、React 和 Polaris 支持的最小可行性產(chǎn)品。目標(biāo)是滿(mǎn)足商家需求，無(wú)論他們身處何地。

“我們用 Polaris 設(shè)計(jì)我們的 UI（User Interface, 用戶(hù)界面），因?yàn)槲覀兿Ｍ磺度?Shopify 并與其完全整合，不只是在線上商店，還有在 POS 上和任何地方，真的?！盞hakbaz 說(shuō)道。“只要有 Shopify 的地方，Sesami 都能發(fā)揮作用?！?/span>

Sesami Inc. 團(tuán)隊(duì)做了一個(gè)明智的決定，以確保商家可以使用這款應(yīng)用程序，不管他們喜歡什么瀏覽器、移動(dòng)設(shè)備或操作系統(tǒng) （iOS 和 Android），還有傳統(tǒng)的臺(tái)式機(jī)和 Shopify POS 集成。

“我們希望 Sesami 完全整合，所以使用了這些庫(kù)和工具，并在此基礎(chǔ)上進(jìn)行開(kāi)發(fā)，我認(rèn)為我們能夠做到這一點(diǎn)?！盞hakbaz 補(bǔ)充道。

該團(tuán)隊(duì)在 Shopify 應(yīng)用商店上推出 Sesami 幾個(gè)月后就發(fā)布了第二個(gè)版本，已經(jīng)為6000多名商家驅(qū)動(dòng)的10萬(wàn)多名并存用戶(hù)提供了服務(wù)。他們還通過(guò)整合所有應(yīng)用數(shù)據(jù)、提供全球時(shí)區(qū)支持、以多種語(yǔ)言提供應(yīng)用以及確保所有請(qǐng)求的解析時(shí)間不超過(guò)0.1秒，來(lái)保證 Sesami 是按規(guī)模構(gòu)建的。

Khakbaz 和 Ghajar 表示，Sesami 是按規(guī)模構(gòu)建的，他們正在繼續(xù)探索擴(kuò)展應(yīng)用的新方法，強(qiáng)調(diào)他們首先“考慮全渠道”。

“我們?nèi)栽趪L試評(píng)估擴(kuò)展軟件的不同方法，但我認(rèn)為我們走上了正確的軌道?！盙hajar 說(shuō)道?！拔覀冇幸粋€(gè)更穩(wěn)定的系統(tǒng) ，我們可以可靠地繼續(xù)構(gòu)建該系統(tǒng)?！?/span>

你可能也喜歡：開(kāi)發(fā) Shopify 應(yīng)用的完整指南。

最佳用戶(hù)界面：Mason

Shopify 合作伙伴：Mason

應(yīng)用：ModeMagic Badges: Sale Booster

技術(shù)棧：React, Apollo, Redux, Flask, Celery

“ModeMagic 是響應(yīng)疫情開(kāi)發(fā)的一個(gè)不錯(cuò)的概念，我認(rèn)為這些類(lèi)型的應(yīng)用和解決方案將變得更加普遍。DTC 品牌必須投資于體驗(yàn)。ModeMagic 看起來(lái)功能完善，具備良好的 UI?！?/strong>

                                                —— Shopify 首席技術(shù)官 Jean-Michel Lemieux

商家們往往時(shí)間緊迫，難以及時(shí)更新其在線商店，通知顧客哪些商品庫(kù)存少，哪些新品上架了，同時(shí)更輕松地幫助轉(zhuǎn)化顧客。

Mason 團(tuán)隊(duì)（前身為 Kubric）在分析了1000多個(gè)商家店鋪后注意到了這個(gè)商家困境。

他們一次又一次地聽(tīng)到商家說(shuō)他們?cè)跒槠渖痰暌鳎珶o(wú)法將這些流量轉(zhuǎn)化為重復(fù)的付費(fèi)顧客。在2020年，社區(qū)關(guān)于將流量轉(zhuǎn)化為顧客的討論熱度空前高漲。

Mason 的聯(lián)合創(chuàng)始人 Kausambi Manjita 說(shuō)：“我們聽(tīng)到小企業(yè)主 Janet 說(shuō)，‘我有流量，但沒(méi)有銷(xiāo)售額?！€有數(shù)不清的人也是如此！”

Manjita 說(shuō)，當(dāng) Mason 團(tuán)隊(duì)開(kāi)始深入研究如何幫商家把流量轉(zhuǎn)變?yōu)檗D(zhuǎn)化率時(shí)，他們發(fā)現(xiàn)了產(chǎn)品列表常?？雌饋?lái)“單調(diào)乏味”，只有一張產(chǎn)品圖片。他們很快意識(shí)到突出產(chǎn)品和產(chǎn)品標(biāo)識(shí)可以創(chuàng)造有趣的視覺(jué)差異，讓顧客可以快速挑選出低庫(kù)存、促銷(xiāo)或純素食商品。

“作為顧客，這對(duì)我有幫助。我是個(gè)購(gòu)物狂，這有助于我更好地轉(zhuǎn)化?！彼Φ馈！耙虼宋覀冇X(jué)得這對(duì)我們來(lái)說(shuō)是一個(gè)很好的開(kāi)始?！?/span>

有了 ModeMagic，商家可以在幾分鐘內(nèi)編輯帶有時(shí)尚標(biāo)識(shí)的產(chǎn)品圖片，從而改進(jìn)他們的商店設(shè)計(jì)。關(guān)鍵是為商家提供自定義選項(xiàng)，而不是讓他們無(wú)從下手。

Manjita 說(shuō)：“最有趣的設(shè)計(jì)問(wèn)題是弄清如何確保我們?yōu)槭褂?ModeMagic 的商家提供足夠的自定義功能，以便他們對(duì)標(biāo)識(shí)、產(chǎn)品和標(biāo)識(shí)位置進(jìn)行特定更改，讓它們看起來(lái)更適合他們的店鋪?！?/span>

“但是，另一方面，你要確保它不會(huì)復(fù)雜到他們必須認(rèn)真思考，或嚴(yán)重依賴(lài)支持來(lái)實(shí)現(xiàn)全程。"

Manjita 表示，他們通過(guò)為那些希望無(wú)需大量思考就能開(kāi)始運(yùn)行的用戶(hù)實(shí)施一組預(yù)設(shè)，來(lái)解決這種自然壓力，同時(shí)仍為那些希望實(shí)施進(jìn)階修改的高級(jí)用戶(hù)保留功能。

Manjita 表示，在開(kāi)發(fā)初期，該團(tuán)隊(duì)主動(dòng)聯(lián)系了 Shopify 生態(tài)系統(tǒng)，就如何提交應(yīng)用程序?qū)で髱椭Ｔ陂_(kāi)發(fā)任何東西之前，他們還聯(lián)系了 Shopify 社區(qū)，以了解他們面對(duì)的日常業(yè)務(wù)問(wèn)題。

Manjita 說(shuō)：“沒(méi)有什么比得過(guò) Shopify 社區(qū)，因?yàn)樵谀撤N程序上，是，你們是在互相競(jìng)爭(zhēng)，以接觸到同一位商家，但有這么多的伙伴關(guān)系和想法的交流，還有幫助，這只會(huì)讓你變得更好。”

Manjita 補(bǔ)充道，她在 Shopify 上開(kāi)發(fā)應(yīng)用的最大收獲是，當(dāng)你尋求反饋或幫助時(shí)，合作伙伴、開(kāi)發(fā)人員、商家和 Shopify 團(tuán)隊(duì)離得很近。

“對(duì)我們來(lái)說(shuō)，Shopify 是一個(gè)生態(tài)系統(tǒng)，而不只是我們把應(yīng)用丟上去的平臺(tái)。這是一個(gè)人們聚在一起互相幫助的生態(tài)系統(tǒng)。我們?nèi)耘c許多合作伙伴保持聯(lián)系。我認(rèn)為這就是區(qū)別，我認(rèn)為這真的很酷?！盡anjita 說(shuō)道。“我們都是一個(gè)大團(tuán)隊(duì)，努力讓商家的生活變得輕松?！?/span>

你可能還喜歡：有效交互設(shè)計(jì)的6個(gè)原則。

最佳店面應(yīng)用： Octane AI

Shopify 合作伙伴：Octane AI

應(yīng)用：Octane AI Quiz, Messenger, SMS

技術(shù)棧：Polaris

“Shop Quiz 是個(gè)性化和購(gòu)物伙伴一個(gè)很好的例子，這對(duì) DTC 品牌很重要。UI 很好，集成度也不錯(cuò)?！?/strong>

                                               —— Shopify 首席技術(shù)官 Jean-Michel Lemieux

不確定的顧客是不會(huì)轉(zhuǎn)化的顧客。明智且有能力的顧客有信心自己正在做正確的決定。在商店里，銷(xiāo)售員會(huì)定期詢(xún)問(wèn)顧客的需求并幫助他們找到適合自己的產(chǎn)品。在線商店缺少這種體驗(yàn)，因?yàn)闆](méi)有一個(gè)與 Shopify 整合的個(gè)性化、吸引人、品牌化的平臺(tái)。

然后，在2019年，Octane AI 發(fā)現(xiàn)商家正在自己創(chuàng)建零碎的解決方案，以解決這一痛點(diǎn)。他們正在利用 Octane AI 現(xiàn)有應(yīng)用的 Facebook Messenger 功能來(lái)制定產(chǎn)品推薦測(cè)驗(yàn)。商家還通過(guò)在其網(wǎng)站上添加 Messenger 實(shí)時(shí)聊天來(lái)與新訪客互動(dòng)。這個(gè)發(fā)現(xiàn)激發(fā)了一個(gè)想法。在不到一年里與數(shù)千名商家交談后，Octane AI 推出了 Shop Quiz，以幫助商家實(shí)現(xiàn)電商體驗(yàn)的人性化及個(gè)性化。

“Shop Quiz 真的很直觀。它是網(wǎng)站本身的一部分，十分美觀。它激發(fā)了商家創(chuàng)意?！監(jiān)ctane AI 聯(lián)合創(chuàng)始人兼總裁 Ben Parr 說(shuō)道?！拔覀兛吹酱罅款櫩椭谱髁肆钊穗y以置信的測(cè)驗(yàn)和設(shè)計(jì)。最好的測(cè)驗(yàn)是我們沒(méi)有參與的測(cè)驗(yàn)?！?/span>

Octane AI 團(tuán)隊(duì)表示，Shop Quiz 很難構(gòu)建，因?yàn)樾枰S多不同的邏輯段以保證產(chǎn)品推薦是精準(zhǔn)且個(gè)性化的，同時(shí)也要確保它對(duì)沒(méi)有編碼經(jīng)驗(yàn)的商家來(lái)說(shuō)是易于使用的。

該團(tuán)隊(duì)表示，他們之所以能成功是因?yàn)樗麄儾慌路磸?fù)失敗?！拔覀兙拖褚粋€(gè)研發(fā)團(tuán)隊(duì)，與全球各地成千上萬(wàn)的商家合作?！?Octane AI 聯(lián)合創(chuàng)始人兼 CEO Matt Schlicht 說(shuō)道?！澳悴豢赡荞R上做出易于使用的東西。這需要大量的迭代，大量的試錯(cuò)。如果沒(méi)有我們有幸與之合作的商家，我們的產(chǎn)品就不會(huì)有今天的水平?！?/span>

Shop Quiz 不僅是無(wú)代碼的，它還利用了 Shopify REST API 和 Shopify 的“訂單”、“購(gòu)物車(chē)”和“結(jié)算”webhook 來(lái)歸類(lèi)收入和觸發(fā)通知。它還連接了 Klaviyo 和 Facebook，通過(guò)商家網(wǎng)站、Facebook 廣告、Messenger、SMS 和電子郵件創(chuàng)建更好的全渠道營(yíng)銷(xiāo)體驗(yàn)。

Octane AI 在其成長(zhǎng)過(guò)程中進(jìn)行了幾次重大的盈利轉(zhuǎn)折，經(jīng)常在最不確定的時(shí)期推出創(chuàng)新產(chǎn)品。他們冒的最大風(fēng)險(xiǎn)之一是在疫情出現(xiàn)時(shí)，在其現(xiàn)有的個(gè)性化和自動(dòng)化應(yīng)用中推出了 Shop Quiz 功能。而這次冒險(xiǎn)也為他們帶來(lái)了迄今為止最大的回報(bào)。

Parr 說(shuō)：“我們真的在2020年改變了公司。重要的是我們推出了 Shop Quiz，這是一種與我們以往所做的一切完全不同的產(chǎn)品類(lèi)型和體驗(yàn)?！?/span>

整體構(gòu)建

大型變化可能令人害怕，但也可能是激動(dòng)人心的。新的開(kāi)始往往預(yù)示著新的機(jī)遇。就整體構(gòu)建類(lèi)別而言，這些 Shopify 合作伙伴和開(kāi)發(fā)者是商業(yè)轉(zhuǎn)型的促成者。我們的評(píng)委，Shopify 總裁 Harley Finkelstein，和 Shopify 店鋪總監(jiān) Atlee Clark，對(duì)今年的參賽作品印象深刻。準(zhǔn)備好迎接真正的在線商店靈感吧。

最佳商店遷移：Artie Codes

Shopify 合作伙伴： Artie Codes

商店： Fika Swedish Kitchen

技術(shù)棧： Liquid, JS, PHP

“這件參賽作品是絕對(duì)的獲獎(jiǎng)?wù)?。該品牌超?jí)有趣，大量使用了動(dòng)畫(huà)，所有的本地化功能都在去年發(fā)布了。它在手機(jī)上看起來(lái)也很棒！”

                                                                       —— Shopify 店鋪總監(jiān) Atlee Clark

Fika Swedish Kitchen 是一家位于澳大利亞的連鎖咖啡館，由三名瑞典女性共同擁有和經(jīng)營(yíng)。疫情的出現(xiàn)迫使 Fika 團(tuán)隊(duì)認(rèn)真審視其銷(xiāo)售渠道，看看如何才能繼續(xù)安全運(yùn)營(yíng)。

自2013年成立以來(lái)，F(xiàn)ika 一直在 Squarespace 上運(yùn)營(yíng)其網(wǎng)站，但隨著疫情改變了其運(yùn)營(yíng)方式，該團(tuán)隊(duì)意識(shí)到他們需要更多的商業(yè)功能，以最大化在線銷(xiāo)售，包括在線購(gòu)物，通過(guò)其三個(gè)實(shí)體點(diǎn)路邊取貨或到店取貨。

就在那時(shí)，F(xiàn)ika 創(chuàng)始人找到了獨(dú)立開(kāi)發(fā)者 Richie Tyler，他從2005年就以 Artie Codes 的身份經(jīng)營(yíng)業(yè)務(wù)。Tyler 推薦將 Shopify 作為新的商業(yè)解決方案，并開(kāi)始了遷移過(guò)程，因?yàn)?Shopify 推出了更多功能，以幫助商家在全球疫情期間經(jīng)營(yíng)業(yè)務(wù)的新情景下生存。

Tyler 說(shuō)：“這個(gè)網(wǎng)站是基于 Debut 構(gòu)建的，這是一個(gè)非常明智的決定，因?yàn)檫@意味著一切都將按照 Shopify 的最佳實(shí)踐來(lái)做。我們可以自信地不管電商體驗(yàn)?！?/span>

“相反，我們能夠集中精力創(chuàng)建一個(gè)真正代表業(yè)務(wù)的，有趣、充滿(mǎn)活力的網(wǎng)站，希望能夠給用戶(hù)帶來(lái)真正愉快的體驗(yàn)，并增加更多銷(xiāo)售額?！?/span>

Tyler 還添加了針對(duì)多個(gè)地點(diǎn)、菜單、求職申請(qǐng)和產(chǎn)品的自定義，比如不能運(yùn)輸?shù)男迈r食品，以及可以運(yùn)輸?shù)纳唐泛桶b食品。

遷移至 Shopify 并利用這些附帶商業(yè)功能促進(jìn)了在線銷(xiāo)售額的顯著增長(zhǎng)，最終幫助 Fika 在疫情封鎖期間和實(shí)體距離限制中生存下來(lái)。

“Shopify 去年在疫情期間推出來(lái)支持商家的所有功能，比如本地提貨，都非常 有幫助。”Tyler 說(shuō)道。“我們必須解決時(shí)間預(yù)約功能。”

Fika 的聯(lián)合創(chuàng)始人需要知道顧客來(lái)提貨的確切時(shí)間，隨著節(jié)假日迅速到來(lái)，他們會(huì)收到圣誕食盒訂單。在多個(gè)方面把控好時(shí)間對(duì)業(yè)務(wù)至關(guān)重要。

Tyler 不得不在本地提貨的基礎(chǔ)上制定一些解決方案，為 Fika 帶來(lái)額外的功能。這些功能與反映 Fika 品牌個(gè)性的 UX 相結(jié)合，對(duì)咖啡館和 Tyler 來(lái)說(shuō)都是一個(gè)個(gè)成功的結(jié)合體。

在這個(gè)過(guò)程中，這次遷移幫助“三位你可能遇到過(guò)的最勤奮的女性”在一個(gè)因?yàn)橐咔樽兊酶悠D難的艱難行業(yè)中保住了夢(mèng)想的事業(yè)。

Tyler 說(shuō)：“我從事這類(lèi)工作已經(jīng)有一段時(shí)間了，但這個(gè)項(xiàng)目給我留下了深刻的印象，它是一個(gè)很好的例子，證明小企業(yè)、小商家和像我這樣的獨(dú)立開(kāi)發(fā)者也可以通過(guò) Shopify 的平臺(tái)做一些非常了不起的事情。

你可能還喜歡：從 Magento 到 Shopify：Bluegg 如何將客戶(hù)的轉(zhuǎn)化率提高了40%。

最佳商店重建：We Make Websites

Shopify 合作伙伴： We Make Websites

商店： Pangaia

技術(shù)棧： Shopify Payments, Boost, Directed Edge and Nosto

”這是一個(gè)漂亮的網(wǎng)站。產(chǎn)品頁(yè)面真的因?yàn)樾Ч麍D標(biāo)大出風(fēng)頭?！?/strong>

                                                                     —— Shopify 店鋪總監(jiān) Atlee Clark

Shopify Plus 商家 Pangaia 是一家材料科學(xué)公司，致力于開(kāi)發(fā)服裝和配飾等環(huán)保產(chǎn)品，并熱衷于技術(shù)和創(chuàng)新。隨著規(guī)模擴(kuò)大，他們因不斷突破其產(chǎn)品極限和在線商店極限而出名。

“Pangaia 是世界上增長(zhǎng)最快的品牌之一，它絕對(duì)是一艘火箭飛船。”We Make Websites 聯(lián)合創(chuàng)始人說(shuō)道，We Make Websites 是一家國(guó)際 Shopify Plus 代理機(jī)構(gòu)，在倫敦和紐約設(shè)有辦事處?！拔覀?yōu)樗麄冏龅墓ぷ鲙缀醣绕渌蛻?hù)都要多。跟他們合作真是令人興奮。”

Pangaia 的獨(dú)有問(wèn)題之一就是減輕顧客的失望感，因?yàn)樗麄兊膸?kù)存很快就會(huì)賣(mài)光。當(dāng)商品庫(kù)存較低時(shí)，他們需要一種與顧客溝通的方式，促使他們快速結(jié)算，并注冊(cè)以獲得商品到貨通知。We Make Websites 高級(jí) UX/UI 總監(jiān) Sarah Corcoran 表示，這有助于顧客留存。

“我們推出了一個(gè)“通知我”的動(dòng)畫(huà)彈窗，這樣 Pangaia 也可以更好規(guī)劃生產(chǎn)，更可持續(xù)地生產(chǎn)?！盋orcoran 說(shuō)道?！八麄円恢痹谠黾有碌募夹g(shù)，因此我們需要設(shè)計(jì)一個(gè)系統(tǒng)，讓 Pangaia 在增長(zhǎng)過(guò)程中繼續(xù)創(chuàng)新和試驗(yàn)。他們還需要在確保顧客體驗(yàn)連貫性的同時(shí)，向顧客普及他們的可持續(xù)發(fā)展使命?！?/span>

Pangaia 是從一個(gè)開(kāi)箱即用的 Shopify 主題開(kāi)始的，他們平衡了正在進(jìn)行的內(nèi)容研發(fā)。但他們的構(gòu)建過(guò)于簡(jiǎn)單，缺乏搜索功能，站外鏈接至他們的博客和技術(shù)頁(yè)面，并且性能較慢，所有這些都阻礙了快速?lài)?guó)際化。

他們的全球增長(zhǎng)速度、擴(kuò)大產(chǎn)品供應(yīng)的野心以及持續(xù)的材料創(chuàng)新意味著他們需要一個(gè)值得依賴(lài)的機(jī)構(gòu)，來(lái)重建一個(gè)符合規(guī)模的定制解決方案。

商店重建不僅需要具備功能性，還必須強(qiáng)調(diào) Pangaia 可持續(xù)影響的品牌使命及其產(chǎn)品。

因此 We Make Websites 團(tuán)隊(duì)開(kāi)始工作，且必須行動(dòng)迅速。

這對(duì) We Make Websites 來(lái)說(shuō)是一項(xiàng)挑戰(zhàn)，如何持續(xù)交付高質(zhì)量的作品的同時(shí)，跟上 Pangaia 日益增長(zhǎng)的國(guó)際影響力，快速研發(fā)、推出新產(chǎn)品和活動(dòng)，以及團(tuán)隊(duì)增長(zhǎng)。

We Make Websites 產(chǎn)品負(fù)責(zé)人 Jessica Briggs 表示：“他們帶著一個(gè)非常好的問(wèn)題來(lái)找我們，那就是擴(kuò)大規(guī)模，并且要快速擴(kuò)大規(guī)模。因此他們需要一個(gè)非常嚴(yán)密、高效的技術(shù)框架，來(lái)幫助他們實(shí)現(xiàn)目標(biāo)?！?/span>

團(tuán)隊(duì)開(kāi)始整合站外頁(yè)面以統(tǒng)一品牌體驗(yàn)，同時(shí)添加動(dòng)畫(huà)和自定義來(lái)強(qiáng)調(diào)他們的品牌使命。為了應(yīng)對(duì)國(guó)際化帶來(lái)的挑戰(zhàn)，團(tuán)隊(duì)添加了 Shopify Payments 的多幣種功能，使 Pangaia 能夠繼續(xù)通過(guò)一家 Shopify Plus 商店銷(xiāo)售，并為其全球化顧客群體本地化幣種。

他們還將網(wǎng)站運(yùn)行速度從4.24秒降到了2.44秒，并實(shí)現(xiàn)了搜索功能以簡(jiǎn)化用戶(hù)體驗(yàn)。添加全面的發(fā)現(xiàn)功能也意味著高影響力的建議，如預(yù)訂功能（告知更多可持續(xù)產(chǎn)品）。用元字段重建更多基礎(chǔ)頁(yè)面，在設(shè)計(jì)選項(xiàng)上獲得了更多靈活性，如字體和顏色選項(xiàng)。

重建為更成熟的技術(shù)棧奠定了基礎(chǔ)，現(xiàn)在包括 Shopify Payments、Boost、Directed Edge 和 Nosto。

We Make Websites 團(tuán)隊(duì)表示，成功的網(wǎng)站改造引發(fā)了一種長(zhǎng)期合作關(guān)系，他們將繼續(xù)擴(kuò)大 Pangaia 的電商成功。

“Pangaia 野心勃勃。我們?yōu)樗麄兲峁┝丝蚣芎挽`活性，讓他們可以試驗(yàn)新的想法、產(chǎn)品發(fā)布、內(nèi)容頁(yè)面和技術(shù)。”Briggs 說(shuō)道?！白鳛橐粋€(gè)品牌，他們需要一個(gè)框架來(lái)幫助支持他們。”

而 Pangaia 的增長(zhǎng)和商店需求也沒(méi)有放緩的跡象。

Thorogood 表示：“我們完成了網(wǎng)站重建，但自從將作品提交給 Shopify 商業(yè)大獎(jiǎng)競(jìng)賽之后，我們重建了產(chǎn)品頁(yè)面和導(dǎo)航，所以它一直在不斷地演變。這是一個(gè)團(tuán)隊(duì)非常喜歡的令人興奮的品牌?！?/span>

你可能還喜歡：網(wǎng)站性能：11個(gè)提升網(wǎng)站速度的必讀技巧。

線下至線上最佳實(shí)踐：Juicyorange

Shopify 合作伙伴： Juicyorange

商店： Old Souls

技術(shù)棧： JavaScript, Liquid, CSS

“這一切都是在 Shopify 上構(gòu)建的。非常令人印象深刻。購(gòu)物部分相當(dāng)簡(jiǎn)單，但像這樣利用 Shopify 建立一個(gè)完整的線上商店非常有趣?！?/strong>

                                                                    —— Shopify 店鋪總監(jiān) Atlee Clark

有時(shí)你只需要不走尋常路。當(dāng)你和老朋友開(kāi)始新的旅程時(shí)，這段旅程會(huì)更加美好。

總部位于紐約冷泉小鎮(zhèn)的戶(hù)外服裝公司 Old Souls 希望在保留其實(shí)體店的同時(shí)加入電商。他們知道自己想使用 Shopify 平臺(tái)，但希望有一個(gè)反映其品牌精神的獨(dú)特外觀。

Juicyorange 創(chuàng)始人 Mark Robohm 說(shuō)：“我們采用了一家小鎮(zhèn)商店的戶(hù)外精神，并利用 Old Souls 的旅游癖精神，使他們的小網(wǎng)站看起來(lái)更像是一個(gè)經(jīng)過(guò)專(zhuān)業(yè)策劃的商品系列?！?/span>

Robohm 從紐約搬到只有2000人的冷泉小鎮(zhèn)后，住在 Old Souls 所在街道的另一頭，并與店主成為了朋友。

“他們是又一家努力經(jīng)營(yíng)的小企業(yè)?！彼f(shuō)道?！癘ld Souls 已經(jīng)創(chuàng)辦好幾年了，但他們沒(méi)有網(wǎng)站，他們只有一家實(shí)體店?！?/span>

Old Souls 對(duì)于如何在線展示其企業(yè)有一個(gè)清晰的愿意，并有一種強(qiáng)烈的設(shè)計(jì)感，由大量出自他們的當(dāng)?shù)睾蛧?guó)際指導(dǎo)釣魚(yú)旅游以及戶(hù)外體驗(yàn)的精美照片支撐。

Robohm 和他在 Juicyorange 的五人團(tuán)隊(duì)“本質(zhì)上是核心程序員和設(shè)計(jì)師”，因此他們同樣熱衷于創(chuàng)建一個(gè)美麗的在線商店，來(lái)反映 Old Souls 為其顧客提供的精心策劃的產(chǎn)品和服務(wù)的組合。

經(jīng)過(guò)大量交談、考量和定制，Juicyorange 團(tuán)隊(duì)創(chuàng)建了一個(gè)他們和 Old Souls 都可以說(shuō)真正代表了該品牌的網(wǎng)站。時(shí)機(jī)也很關(guān)鍵，因?yàn)橐咔閲?yán)重影響了他們的小業(yè)務(wù)，而推出新的在線商店成為一個(gè)可靠的收入來(lái)源。

“我們真的對(duì)這個(gè)網(wǎng)站感到自豪?！盧obohm 說(shuō)?！八隽撕芏辔覀冋J(rèn)為 Shopify 做不到的事，很多都是因?yàn)榭蛻?hù)想要某些東西而實(shí)現(xiàn)的。所以我們會(huì)在 Liquid 中自定義代碼，并做各種有趣的事來(lái)使它奏效。”

Robohm 自1994年開(kāi)始構(gòu)建網(wǎng)站，看到了大量技術(shù)的興趣和發(fā)展。隨著新的電商技術(shù)的出現(xiàn)，Shopify 成了他的首選平臺(tái)。

“Shopify 對(duì)我們有好處?！彼f(shuō)?！八鼮槲覀兇蜷_(kāi)了大門(mén)?！?/span>

你可能還喜歡：將實(shí)體客戶(hù)轉(zhuǎn)至線上的技巧。

打造行業(yè)佼佼者

正式宣布，以上 Shopify 合作伙伴和開(kāi)發(fā)者是行業(yè)中的佼佼者！

因其出色表現(xiàn)，2020年 Shopify 商業(yè)大獎(jiǎng)獲獎(jiǎng)?wù)邔@得以下獎(jiǎng)品，以助其業(yè)務(wù)更上一層樓：

• 可實(shí)現(xiàn)在家辦公終極配置的全新家庭工作室設(shè)備
• 獲得社區(qū)認(rèn)可的機(jī)會(huì)，如在 Shopify 合作伙伴全員大會(huì)中得到展示和驗(yàn)收
• 專(zhuān)屬獲獎(jiǎng)?wù)叨Y包
• 用于數(shù)字營(yíng)銷(xiāo)素材的官方獲獎(jiǎng)?wù)呋照?/span>
• 與行業(yè)領(lǐng)導(dǎo)者的1對(duì)1交流
• 當(dāng)然，還有一個(gè)漂亮的獎(jiǎng)杯