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