一個月燒腦架網站,僅供這一夜! 2021白晝之夜幕後團隊專訪:3大亮點打造線上夜遊體驗
一個月燒腦架網站,僅供這一夜! 2021白晝之夜幕後團隊專訪:3大亮點打造線上夜遊體驗

*本文露出網站頁面僅為測試示意,以活動正式釋出版本為主。

今年白晝之夜在台舉辦來到第6年,遇上疫情未明,最終決定轉為線上舉辦——先別急著失望,幕後團隊想做的不只是把表演和作品搬到網站上展示,更是讓三五好友相揪白晝、踩點蒐集作品的經驗,不打折扣的轉換成線上體驗。

為了達成這個任務,擔綱視覺統籌的三頁文、設計問卷和使用體驗(UX)的Re-lab、網站設計BASED DESIGN,三方聯手在緊迫的一個月內,一路解題打怪、打造了「一夜限定」的白晝之夜活動網站。

2021 白晝之夜網站設計
今年白晝之夜主題為「線上感」,往年特定地域的設定也轉為虛擬的「線上台北」。
圖/ 圖片提供/均勻製作
2021 白晝之夜網站設計
(左)擔綱視覺統籌的三頁文設計總監顏伯駿(右)網站設計 BASED DESIGN 創辦人 Henry。
圖/ 攝影/侯俊偉 © Shopping Design

「以往架設網站都是在資訊內容、功能需求到齊的狀態下,這次幾乎是從一個抽象概念開始激盪;藝術總監林昆穎提出,希望這是個讓大家可以『用自由意志體驗』的網站。」三頁文設計總監顏伯駿說,原本擔心這麼哲學抽象的概念不容易理解與具象化——而BASED DESIGN 創辦人Henry不但接住了,還提出了超乎大家想像的解法。

亮點1:在立體的台北地景中,走出個人化的體驗路徑

實體版本的白晝之夜,作品與演出散落在街區各處,一個晚上絕對看不完,也會因為選擇路徑不同,創造截然不同的白晝回憶。為實現這種個人化的體驗,Re-lab撰寫了一套腳本,透過問卷作答來推薦路線;在使用者頁面也設計了名為「晝夜轉運站」的推播功能,不時放送活動提醒與各種彩蛋。

而為了將城市中「走逛」的身體感複製到網路上,Henry提出「城市地圖」的想法;正在發生的活動化作橘紅光點散佈在立體的台北城地景中,點擊就可以觀看。「隨著加入活動的人越多,人群聚集的光點也隨之變大,讓使用者感受到人潮與群聚。」

2021 白晝之夜網站設計
「城市地圖」的設計讓使用者能看到散佈各處的作品與演出,聚集人數多寡也將即時反應在光點大小上;使用介面右上角的「晝夜轉運站」會不時推播活動資訊與彩蛋。
圖/ 攝影/侯俊偉 © Shopping Design

亮點 2:開聊天室、和好友一起看表演,線上群聚更熱鬧

確認體驗路徑之後,只有自己走也太無趣了吧?團隊想出聊天室的點子,找來通訊軟體公司TICO研發功能,讓使用者連線互動,只要分享聊天室代碼就能邀約朋友進入,開房的人還能成為主持人,猶如分享會議簡報般,帶房間裡的人去看作品和表演;而房間裡的人也可以選擇follow或unfollow,彈性關閉視窗。這樣的彈性,正是為了尊重使用者的個人自由意志。「我們用人數上限把聊天室設計更封閉一點,更接近真實的朋友圈。」Henry解釋。

白晝之夜網站設計
為了讓三五好友相揪逛白晝的群聚體驗在線上發生,團隊找來通訊軟體公司 TICO 設計聊天室功能,可以加入聊天、跟著「房主」看演出,也可以彈性關閉或離開聊天室。(頁面僅為測試示意,以活動正式釋出版本為主。)
圖/ 攝影/侯俊偉 © Shopping Design

亮點3:前導問卷擴張對台北的想像,開啟準時上線提醒

為了提醒廣大的白晝粉絲,準時上線體驗這場濃縮在12小時內的藝術擾動,團隊已預先釋出一份三題式問卷,藉由問題的情境設計,擴張大家對台北的想像與好奇心。

只見問卷背景播放著台北某處的監視器畫面,第一題問到「夜深人靜時在台北街頭,拉一個經過的人站上體重計,你覺得誰的體重最重?」有點令人摸不著頭緒的問句,帶出的回答諸如「一個繳完30年房貸但沒機會成家的工作狂」、「一個兢兢業業害怕被新人追過的中階主管」⋯⋯,原來這是藉由建構台北眾生相,立體化使用者對台北觀感的前戲。「問卷結束後可以在社群分享網站給朋友,也可以綁定Google Calendar的白晝之夜活動提醒。」

2021 白晝之夜網站設計
Re-lab 設計了一份前導問卷,藉由問題的情境設計,擴張大家對台北的想像與好奇心,目前這份問卷已經連同活動網站首頁上線。
圖/ 螢幕截圖自 2021 白晝之夜網站
2021 白晝之夜網站設計
圖/ 螢幕截圖自 2021 白晝之夜網站
2021 白晝之夜 網站設計
每個問題作答結束都會跑出小動畫彩蛋。
圖/ 螢幕截圖自 2021 白晝之夜網站

前導問卷傳送門:nuitblanchetaipei.info/prequiz

三方團隊,共構線上白晝世界觀

顏伯駿笑說這次網站設計的團隊組合就像一支菁英小隊,「我們很像3個創作者在『共創』,不斷用彼此能理解的語言和創意,去疊加作品的厚度。」雖說激盪的過程有如創作,他們深知各自的角色與任務所在。「我們都知道要把『把訊息做清楚』,像三頁文擅長的是視覺傳達,必須讓觀者接收到視覺背後的觀點。網站做出來不只是為了炫技、好看,更要去考量體驗是否順暢、文字是否能帶出情境、視覺是否能被直覺理解等,這次佔比最大的工作就是在整合這些設計,設想如何讓每個功能『發生效用』。」

Henry則從網站設計的角度點出去蕪存菁的重要性:「一個設計在釐清動機和目的後,如果對使用者經驗沒有幫助,無法推進下個動作、反而延長使用時間,可能就要捨棄。因為網站是可互動的,放在上面的每樣東西都要有明確意義,視覺和效果都必須回應到某個訊息。讓網站關掉後能在使用者心中留下某塊記憶,關於品牌形象、某個獨特的使用經驗⋯⋯,那才是最重要的。」

2021 白晝之夜網站設計
顏伯駿和 Henry 都同意「將資訊傳遞清楚」是設計網站最重要的事情,而引導使用者、打造體驗的過程更需要經過縝密的考量與設計。
圖/ 攝影/侯俊偉 © Shopping Design
2021 白晝之夜網站設計
圖/ 攝影/侯俊偉 © Shopping Design

限時敞開12小時,一夜限定、錯過不再

和大眾印象中常態存在的網站不同,白晝之夜網站比照實體活動的「一夜限定」,從10月2日晚上6點到10月3日凌晨6點,限時敞開12小時,時間一到立刻關閉,所有體驗都成為回憶。團隊投入這麼多心力,做一個只能用半天的網站,真的應該要來體驗看看吧?

*本文露出網站頁面僅為測試示意,以活動正式釋出版本為主。

2021 台北白晝之夜-線上感 Interoperability
首頁上線:9/17(五)21:00
完整活動:10/2(六)18:00-10/3(日)6:00
官方網站:nuitblanchetaipei.info
粉絲專頁:facebook.com/NuitBlancheTPE

本文授權轉自:Shopping Design

【熱門焦點】

1.全台最美蔬果店!桃園南崁「巷青生鮮蔬果」:木質調清新設計,顛覆傳統水果攤紊亂印象
2.「小熊維尼樹屋」限時入住!迪士尼、Airbnb 攜手合作,邀維尼御用插畫師操刀設計

最新9月號雜誌《2021年台灣網紅生態全解析》馬上購:傳送門
「電子雜誌」輕鬆讀:傳送門

責任編輯:傅珮晴

關鍵字: #時事追蹤
往下滑看下一篇文章
AI造浪席捲跨境電商!亞馬遜揭「科技、價值、信任」三大趨勢,引領台灣企業搶賺全球商機
AI造浪席捲跨境電商!亞馬遜揭「科技、價值、信任」三大趨勢,引領台灣企業搶賺全球商機

台灣有無數「隱形冠軍」和世界級的製造實力,在各大產業中閃閃發光。但面對全球供應鏈重組、消費習慣碎片化,以及近年生成式AI的爆發性成長,台灣企業該如何將優質的硬實力,轉化為知名的品牌力?

為了因應相關議題,協助台灣中小企業尋找突破口,2026亞馬遜全球開店博覽會以「AI造浪,品牌出海」為主軸,舉辦豐富的講座、實際體驗和諮詢服務,吸引眾多渴望轉型出海、對進軍全球市場有強烈企圖的企業和品牌,共同與會。

代理式AI崛起,重塑購物旅程、企業營運模式

在開場講座中,亞馬遜全球開店台灣總經理謝孜希首先以「從台灣到全球,AI時代品牌跨境突圍實戰」為題指出,跨境電商已經從過去的「流量競爭」,正式進入「數據和智能驅動」的根本性轉變,「AI不只是輔助工具,還在全面重塑消費者的購物旅程和企業的營運模式,尤其『代理式AI』(Agentic AI)的崛起,將成為品牌連結全球消費者的關鍵。」她進一步解釋,過去的AI像被動的指令接收器,人下指令、AI接著執行;但現在的代理式AI,更像企業的營運夥伴、顧客的購物助理,能主動分析市場、規劃策略、自動執行任務,並在找出消費者的喜好自動下單。

amazon-2.jpeg
亞馬遜全球開店台灣總經理謝孜希表示:「AI不只是輔助工具,還在全面重塑消費者的購物旅程和企業的營運模式,尤其『代理式AI』(Agentic AI)的崛起,將成為品牌連結全球消費者的關鍵。」
圖/ Amazon

在亞馬遜上,Agentic AI讓消費者從普及的應用AI來搜尋,再到比較決策、進而購買商品。比方說,亞馬遜的購物助理Rufus AI,能根據消費者的搜尋動作判斷意圖,主動推薦商品,這讓使用Rufus AI的消費者,購買轉換率可比未使用的消費者提升逾60%,目前已有超過3億、97%的活躍用戶,透過Rufus AI進行消費決策。此外,亞馬遜還推出「Interests」功能,即使顧客不主動搜尋,這個AI私人購物助理也會24小時不間斷地幫忙逛街,並根據個人偏好推送新品、降價資訊,最終成功讓近20%的用戶,將推薦商品加入購物車。

謝孜希特別提到,亞馬遜的「Buy for Me」功能,已經從「資訊代理」進化成「行動代理」。根據最新數據統計,可以由AI代為完成購物的跨平台商品,已經超過50萬件,「這代表電商正從『關鍵字經濟』,變成『興趣經濟』、『AI代理經濟』。」

在賣家端,AI同樣展現強大價值,謝孜希透露,目前已有高達90萬名賣家導入亞馬遜的AI工具,包括能協助找出仍未被滿足需求的「商機探測器」、自動生成符合當地生活風格品牌場景圖的「A+內容」,以及能自動優化廣告素材的Ads Agent和Creative Agent等工具。這些代理式AI工具,平均每週能為賣家節省約5.6小時的時間,「賣家能將寶貴的時間,專注在更高價值的品牌決策和產品創新上。」

聚焦全球三大消費趨勢,台灣品牌迎來絕佳出海契機

了解AI如何改變規則後,謝孜希進一步分析,現今的全球消費趨勢,分別為高科技研發升級體驗、價值創新打造爆品和安全信任建立品牌,「這三大趨勢和台灣企業在技術、創新、品質上的優勢,完美契合。」

首先,當前全球消費電子市場規模已突破一兆美元,其中搭載AI的消費電子產品成長速度,更是整體消費電子市場的5倍。而台灣擁有全球最完整的PC和電子零組件供應鏈,占全球先進製程晶片製造的90%;根據財政部統計處2026年3月的最新統計,資通訊加電子零組件則占出口近八成。謝孜希以賣家「TRYX創氪星系」為例,指出品牌看準PC DIY市場長期陷入CP值和價格戰的痛點,決定專注高階玩家,推出全球首款「裸眼3D水冷散熱器」和L型曲面螢幕機箱,「TRYX創氪星系不跟風做低價競爭,反而善用亞馬遜商機探測器,預判消費者的需求,再用『技術』重新定義品類,並透過評論工具Vine快速建立信任。」進軍亞馬遜短短一年內,TRYX創氪星系的營收便成長了197%。

amazon-3.jpeg
「TRYX創氪星系」成長旅程,進軍亞馬遜短短一年內,TRYX創氪星系的營收便成長了197%。
圖/ Amazon

其次,消費者不再單純要求「低價」,轉而追求「超出期待的體驗」和「價值」。根據Deloitte的調查顯示,當品牌兼具創新力和信賴感時,消費者的年均支出會提升62%,且有近六成消費者願意為創新永續的產品付更多錢。健身器材熱銷全球80多國、累積千萬台銷量的居家健身品牌WONDER CORE,就是最佳的價值創新典範。

早在2009年,WONDER CORE就發現現代人居住空間變小,轉而開始研發小型健身器材,鑽研「讓健康變簡單」的解決方案。如今,WONDER CORE已有逾200項專利,更將硬體結合專屬APP,透過AI分析運動、飲食數據,提供客製化課程給消費者。

amazon-4.jpeg
累積千萬台銷量的居家健身品牌WONDER CORE,已有逾200項專利,將硬體結合專屬APP,透過AI分析運動、飲食數據,提供客製化課程給消費者。
圖/ Amazon

至於在年產值逾5500億美元的母嬰、寵物等市場,讓消費者買單的重點,是「安全」與「信任」。高達73%的消費者認為,品牌信任是影響忠誠度的首要因素,忠誠客戶的消費金額較一般消費者高出31%,回購率也大幅提升。台灣寵物品牌「超凝小姐Lady N」掌握安全、信任等要素,專注研發高品質的天然豆腐貓砂,便首創使用國際安全香氛協會認證的安全香氛,打破市場對香味貓砂不安全的刻板印象。儘管剛進美國市場前三個月的訂單只有個位數,但透過優質體驗帶來的口碑效應,曾創下24小時內狂銷數十箱的紀錄,以及10倍的銷售成長、高達60%的回購率。

amazon-5.jpeg
台灣寵物品牌「超凝小姐Lady N」專注研發高品質的天然豆腐貓砂,便首創使用國際安全香氛協會認證的安全香氛,打破市場對香味貓砂不安全的刻板印象。透過優質體驗帶來的口碑效應,曾創下24小時內狂銷數十箱的紀錄,以及10倍的銷售成長、高達60%的回購率。
圖/ Amazon

「AI結合品牌力,就是取得全球成功的方程式。」謝孜希鼓勵台灣企業善用亞馬遜的AI選品、代理式AI等工具,用數據驅動決策、掌握高成長品類,並從「Day 1」起,就具備建立國際品牌的視野,讓AI成為走向全球的加速器。

跨界對談傳授出海心法,善用數據、驅動決策

另外,博覽會還安排了由《數位時代》創新長黃亮崢主持,亞馬遜全球開店台灣總經理謝孜希、台北市進出口商業同業公會秘書長黃文榮、安克創新副總裁暨海翼電商執行長吳灼輝、嘖室營運長高立杰等專家,從不同角度探討企業的出海痛點並剖析各種AI應用。

amazon-6.jpg
由左至右,分別為嘖室營運長高立杰、安克創新副總裁暨海翼電商執行長吳灼輝、亞馬遜全球開店台灣總經理謝孜希、台北市進出口商業同業公會秘書長黃文榮共同與會、分享,並由《數位時代》創新長黃亮崢主持。
圖/ 數位時代

高立杰建議,剛起步的品牌在使用任何AI工具前,都應該先「認識自己」並「釐清品牌定位」。他指出品牌洞察到年輕人不喜歡被傳統業務推銷的痛點,因此創造了「被動式」、「無壓力」的線上線下購物體驗,「AI可以幫你生成精美的圖片、文案,但如果品牌本身就缺乏靈魂,產出的素材依舊無法打動目標客群。」

黃文榮則提到,科技進步讓全球市場通路日益碎片化,導致傳統大客戶的訂單日益流失,許多OEM、ODM廠商被迫走上跨境電商之路,「所以現今企業的最大挑戰,是『轉變心態』。過去是客戶給規格照著做,現在得自己去面對廣大、多樣的消費者需求。」他建議,企業務必透過AI工具和市場同步,也必須自己培養跨界人才,同時,無論如何都要勇敢搭上數位轉型的列車,並善用亞馬遜全球開店等跨境電商產業資源。

而吳灼輝觀察,跨境電商已從過去的「單點工具」競爭,進化到「系統化AI營運」的時代。他認為,企業不應只把亞馬遜當成單純的銷售通路,更應視為獲取消費者回饋和洞察市場的「大數據中心」,並利用各項AI工具來提升決策效率,才能在激烈的市場競爭中,占據領先地位。

謝孜希總結指出,AI已降低全球化門檻,企業思維應從「品牌全球化」,轉變為營運第一天起就決心打造全球品牌,「不要等在地市場成熟才布局海外,應該善用AI,放大對消費者的理解和決策品質,加速走向世界,讓AI真正成為品牌邁向全球的加速器。」

除了各方專家分享的精實內容,此次博覽會還設置「亞馬遜AI算命館」、各項工具體驗和服務商展示專區,企業、品牌可以體驗亞馬遜全球開店最新的商機探測器、A+內容等AI工具,讓系統解讀自家的「產品命盤」,進而找出潛在商機;今年更增設跨境諮詢專區Seller Cafe,安排了專業的亞馬遜官方專家和跨境顧問,提供未註冊和剛註冊的新手、有廣告投放和行銷等進階問題的老賣家,一對一的實戰指導。

amazon-7.jpg
博覽會本次設置「亞馬遜AI算命館」,協助企業、品牌可以快速找到問題,並體驗亞馬遜全球開店最新的商機探測器、A+內容等AI工具,讓系統解讀自家的「產品命盤」,進而找出潛在商機。由左至右為:亞馬遜全球開店台灣總經理謝孜希、臺北市政府俞振華副秘書長。
圖/ 數位時代

值此AI造浪時代,亞馬遜全球開店博覽會透過趨勢剖析、台灣的成功賣家案例分享,以及各界專家的深度對談,為企業描繪了一張清晰的出海藍圖。台灣品牌只要能緊抓科技研發、價值創新、安全信任等三大優勢,再搭配亞馬遜的AI賦能工具與全球資源,相信能在全球航道上乘風破浪,持續寫下世界級的亮眼佳績。

立即下載_亞馬遜 2026 消費性電子品類攻略手冊|掌握下一波成長動能

圖/ Amazon

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
AI全球100+台灣20
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓