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