淘寶一千零一店：不失煙火氣與精致，一起線上沉浸式探店
生活處處神奇開張
近期，淘寶宣布一千零一店項目正式上線，這也象征著線上沉浸式探店新模式的開啟。
背景介紹
淘寶一千零一店是由淘寶出品的“大型云端探店綜合體”，由商家自主報名+淘寶大數據篩選+行業專家+理事會專家評審共同打分精選的店鋪進駐，首批入駐精選了30家重點店鋪。回顧brief，需求其實很不簡單。青木需要在淘寶這個云端世界里，做好美術設定并創造交互式極致探店體驗。此外，項目的調性需要體現出淘寶味兒，有煙火氣（劃重點，后面要考）。接下來，我們將詳細復盤整個項目，展示青木如何攻克設計和技術上的難關，將淘寶上那些獨特的店鋪以一種會發光的生活呈現給用戶。
五大街區，一大難點
一千零一店項目一期內容涉及到5個主題街區，它們分別是：山野間——帶你探索大自然萬千形態；歡喜窩——裝滿值得帶回家的小歡喜；匠人谷——領略極致匠心的原創手作；萬花筒——給多元愛好的人設櫥窗；軟萌舍——暖萌日常的陪伴記事簿。每個街區都是一個主題集合，但是它們都有一個要求，要突出傍晚時分的煙火氣，同時也不能失掉店鋪的精致感，這是在執行中的設計難點。就以萬花筒街區舉例，來詳細講述設計同學如何拿捏好煙火氣和精致之間的balance。
什么是煙火氣
有點文藝的同學是這樣理解煙火氣的：一天當中最有煙火氣息的時候非傍晚莫屬，結束了一天的工作和學習，黃昏的光線像是有了魔法，把一切都變得松弛起來。設計同學get到的煙火氣用法是：我們把傍晚時分的光作為街區的溫柔外衣披上就行了。說起來簡單，做起來還真是難！
1、店鋪渲染圖
店鋪設定，白膜和店鋪的渲染圖都確定后，就到了最難part。為了找到最精準表現煙火氣的光，設計費了不少力氣做光感調試。要準確打出傍晚時分的光，對渲染燈光和后期的挑戰都非常大，給出的光要么很亮，要么很黑。傍晚的感覺很難把控，設計同學經過反復嘗試和推敲，才呈現出最終的效果。煙火氣的氣質更難拿捏，而且還不能丟了精致，這就對建筑的材質和整體的氛圍感要求非常高。另外，逛街當中店鋪才是主角，所以街區陣地要突出店鋪，我們的解決方法主要是將店鋪高亮，把普通建筑模型簡化、壓暗。通過多次調整店鋪大小和位置，且每次調整都從模型開始到渲染輸出，才達到最終線上的效果。
2、街區光感調試
有了萬花筒截圖的打樣，其它街區的最終渲染圖也就順利很多。
30家門店，30位個性老板
作為一千零一店項目的一期內容，每個門店的設計和店老板的設定也都下足了功夫。店鋪的渲染角度都做了最優選擇，即突出店鋪特色又能跟店家的獨特形象結合，讓店鋪的故事感撲面而來。如果用戶有留意到圖片右邊的小黑板的話，會發現每家店的信息都不一樣，更有逛街的沉浸感。
部分門店正面圖
技術直呼難頂，PM說你可以的
逛街當然是要在街上走動才是在逛，所以這個云逛街要求有用戶在街區走動。首先給技術的難題就是：當有了指定的目的地后，虛擬用戶如何按照規劃路線前往目的地。技術大大在這里嘗試了很多方案去解決這個難題，包括預設路線、各種尋路算法，最后確定用A-star算法來自動規劃最短路徑。
逛街進店就是一個拿起放下的過程，如何在云逛街的時候也實現這一動作呢？我們技術大大在不同的單店做放大頁，放有不同的點擊熱區（30 * 5）。另外還要解決的是如何制定方案使代碼具有最大兼容性，并且不增加全流程的工作量。這里根據過往經驗提出了色塊圖識別方案，只需額外配置一張單獨的色塊圖，將用戶的點擊坐標轉化成對應的色值，再從本地存儲的映射中執行色值對應的事件。
讓技術覺得最難頂的就是如何處理一個場景兼容兩種手勢的難題。展開來講就是當場景既可以正常滑動改變可視區域，又能在一定條件通過滑動觸發切換場景事件時，如何兼容兩種手勢，通過尋找和評估發現，沒有完全符合需求的公開組件，所以我們技術大大自行開發了一款輕量滑動組件。（PM說得對，我們技術真的很可以）
一場沉浸式開業活動
不得不說淘寶有一些儀式感在身上，這次的一千零一店開業，全部按照正式的開業流程來。
1、預熱
8月23日，淘寶發出了一千零一店的活動預熱海報。
2、店鋪招租
四張招租海報，其實有隱隱約約透露部分店家身份啦。
3、裝修圍擋
開業前最忙的就是裝修了，一張圍擋海報揭示開業在即。
4、開業花籃
開業要剪彩，紅毯花籃都不能少。
寫在最后
淘寶上匯聚了許許多多熱愛生活的人，他們帶著獨特的生活氣息、特色的人生體驗組成了一千零一店。這些小而美的存在應該被看見，值得被記住。青木有幸將這些店鋪獨特的故事呈現，讓用戶從中感受每家店獨特的煙火氣息。這次淘寶的一千零一店項目被很多人說更像是一場元宇宙逛街初體驗，打開淘寶，搜索“一千零一店”，希望大家逛得開心。
數英獎參賽項目說明 - Treedom ，設計公司
【背景與目標】
淘寶上有許多極致特色店鋪不為很多人所知，他們需要被挖掘、被鼓舞、被看見。我們的目標是為這些有故事的極致特色店鋪建設內容場域，打造云端探店綜合體。肯定特色店鋪的價值，幫助他們更好的呈現在用戶面前，讓他們被更多人看見，從而增加店鋪流量并提升用戶停留時長。在云端世界里，做好美術設定并創造交互式極致探店體驗。
【洞察與策略】
“人間煙火氣，最撫凡人心”本次項目以“煙火氣場景”作為整體靈感，整個街區光感設定為傍晚的溫暖陽光，還原平行街巷中的煙火氣小店，在繁忙的工作之余，讓用戶線上就可以感受傍晚時分閑逛的愜意。
【創意闡述】
近幾年掀起了一波探店熱潮，探店對于很多人來說無疑是一次新奇的體驗。而現實中的探店，卻無異于拆盲盒，需要花錢、花時間、花精力去體驗，找到的店鋪或許是驚喜，又或許是驚嚇。基于此，如果不用出門就可以“探店”，買到自己喜歡的東西，還可以了解店鋪背后的故事，可以治愈當代人疲憊的身心。于是，圍繞“傍晚”和“煙火氣”兩個關鍵詞展開來講“云端探店”的故事。
【結果與影響】
項目自上線以來，傳播和曝光量已達到13億。一千零一店憑借獨特的互動體驗和精致的視覺，深受大家喜愛，有人說被溫馨的氛圍治愈了，也有人說好的表現形式是這種貼近生活的細節和充滿感動的故事。與此同時，很多有故事的店鋪也被更多人發現和了解，打破傳統線下逛街的刻板印象，讓更多人愛上云逛街，享受沉浸式購物帶來的快樂。
終審評委（金、銀、銅評級全部顯示，無獎評級僅顯示帶評語者）
專業評分
專業評分已截止
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）