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

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

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

1. UX + FED

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

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

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

3. 整體構(gòu)建

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

UX + FED

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

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

Shopify 合作伙伴：Pattern 和 Presidio Creative

商店：Natreve

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

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

Natreve 是一家塑料中和兼碳中和保健公司，專門生產(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 說：“我們創(chuàng)辦 Pattern 時(shí)，95%的精力都集中在 Shopify Plus 上為新興品牌搭建網(wǎng)站，并以設(shè)計(jì)為主?！?/span>

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

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

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

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

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

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

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

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

Shopify 合作伙伴： Ctrl+Alt+Del

商店： OffLimits

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

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

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

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

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

“我對這個(gè)項(xiàng)目真的很感興趣，它和我以前建的任何一個(gè)網(wǎng)站都不同?！盙reen 說道?！拔易隽舜罅糠莻鹘y(tǒng)但仍傳統(tǒng)的電商網(wǎng)站，在我看來，這個(gè)網(wǎng)站比其它的網(wǎng)站更不傳統(tǒng)?！?/span>

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

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

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

他說：“開發(fā) Shopify 應(yīng)用將為我作為 DTC 電商人員的工作添加一些技術(shù)多樣性，而不是開發(fā)一些為其中某些平臺賦能的應(yīng)用程序?！?/span>

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

Shopify 合作伙伴： Eastside Co.

商店： Wild

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

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

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

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

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

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

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

“Wild 與傳統(tǒng)的添加至購物車的T恤類網(wǎng)站稍有不同?！盓astside Co. 創(chuàng)始人兼 CEO Jason Stokes 說道?！霸谒郛a(chǎn)品類型方面，Wild 是一個(gè)非常酷的概念。”

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

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

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

”我非常喜歡 Shopify 平臺。”Stokes 說。“我曾是一名 Magento 開發(fā)者，改用 Shopify 讓我們可以更加專注于前端體驗(yàn)，真正打造我們的顧客旅程，并確保我們在網(wǎng)站外觀和美感方面為商家提供了更多靈活性，而不是專注于他們的技術(shù)棧。”

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

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

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

那么，是什么讓一款應(yīng)用脫穎而出，成為業(yè)內(nèi)最佳應(yī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í)用且功能完善。在線商店集成做得很好，智能且方便商家使用。”

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

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

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

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

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

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

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

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

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

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

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

最佳用戶界面：Mason

Shopify 合作伙伴：Mason

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

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

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

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

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

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

他們一次又一次地聽到商家說他們在為其商店引流，但無法將這些流量轉(zhuǎn)化為重復(fù)的付費(fèi)顧客。在2020年，社區(qū)關(guān)于將流量轉(zhuǎn)化為顧客的討論熱度空前高漲。

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

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

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

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

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

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

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

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

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

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

“對我們來說，Shopify 是一個(gè)生態(tài)系統(tǒng)，而不只是我們把應(yīng)用丟上去的平臺。這是一個(gè)人們聚在一起互相幫助的生態(tài)系統(tǒng)。我們?nèi)耘c許多合作伙伴保持聯(lián)系。我認(rèn)為這就是區(qū)別，我認(rèn)為這真的很酷?！盡anjita 說道?！拔覀兌际且粋€(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è)很好的例子，這對 DTC 品牌很重要。UI 很好，集成度也不錯(cuò)?！?/strong>

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

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

然后，在2019年，Octane AI 發(fā)現(xiàn)商家正在自己創(chuàng)建零碎的解決方案，以解決這一痛點(diǎn)。他們正在利用 Octane AI 現(xiàn)有應(yīng)用的 Facebook Messenger 功能來制定產(chǎn)品推薦測驗(yàn)。商家還通過在其網(wǎng)站上添加 Messenger 實(shí)時(shí)聊天來與新訪客互動(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 說道?！拔覀兛吹酱罅款櫩椭谱髁肆钊穗y以置信的測驗(yàn)和設(shè)計(jì)。最好的測驗(yàn)是我們沒有參與的測驗(yàn)?！?/span>

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

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

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

Octane AI 在其成長過程中進(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)也為他們帶來了迄今為止最大的回報(bào)。

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

整體構(gòu)建

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

最佳商店遷移：Artie Codes

Shopify 合作伙伴： Artie Codes

商店： Fika Swedish Kitchen

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

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

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

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

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

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

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

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

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

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

“Shopify 去年在疫情期間推出來支持商家的所有功能，比如本地提貨，都非常 有幫助。”Tyler 說道?！拔覀儽仨毥鉀Q時(shí)間預(yù)約功能?！?/span>

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

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

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

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

你可能還喜歡：從 Magento 到 Shopify：Bluegg 如何將客戶的轉(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àn)樾Ч麍D標(biāo)大出風(fēng)頭?！?/strong>

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

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

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

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

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

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

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

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

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

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

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

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

他們還將網(wǎng)站運(yùn)行速度從4.24秒降到了2.44秒，并實(shí)現(xiàn)了搜索功能以簡化用戶體驗(yàn)。添加全面的發(fā)現(xiàn)功能也意味著高影響力的建議，如預(yù)訂功能（告知更多可持續(xù)產(chǎn)品）。用元字段重建更多基礎(chǔ)頁面，在設(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ā)了一種長期合作關(guān)系，他們將繼續(xù)擴(kuò)大 Pangaia 的電商成功。

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

而 Pangaia 的增長和商店需求也沒有放緩的跡象。

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

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

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

Shopify 合作伙伴： Juicyorange

商店： Old Souls

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

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

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

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

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

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

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

“他們是又一家努力經(jīng)營的小企業(yè)。”他說道。“Old Souls 已經(jīng)創(chuàng)辦好幾年了，但他們沒有網(wǎng)站，他們只有一家實(shí)體店?！?/span>

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

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

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

“我們真的對這個(gè)網(wǎng)站感到自豪?！盧obohm 說?！八隽撕芏辔覀冋J(rèn)為 Shopify 做不到的事，很多都是因?yàn)榭蛻粝胍承〇|西而實(shí)現(xiàn)的。所以我們會(huì)在 Liquid 中自定義代碼，并做各種有趣的事來使它奏效?！?/span>

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

“Shopify 對我們有好處。”他說?！八鼮槲覀兇蜷_了大門。”

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

打造行業(yè)佼佼者

正式宣布，以上 Shopify 合作伙伴和開發(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)收
• 專屬獲獎(jiǎng)?wù)叨Y包
• 用于數(shù)字營銷素材的官方獲獎(jiǎng)?wù)呋照?/span>
• 與行業(yè)領(lǐng)導(dǎo)者的1對1交流
• 當(dāng)然，還有一個(gè)漂亮的獎(jiǎng)杯