XINNOTION全部作品All work

PF-150 / DESIGN DIRECTION

VEIL

游標成為舞台上的光源,掠過面具的雕刻與金屬邊緣。VEIL 以深酒紅的劇場氛圍、自動滑動選物帶及可逆的捲動演出,串起五款原創面具、文化閱讀與專案選購需求。Move the light. Reveal the character. VEIL brings five original performance-mask directions into a dark editorial setting with cursor-controlled surface lighting, an automatic collection belt, cultural notes and a practical project-selection journey.

體驗完整網站 ↗Explore the website ↗

參考開發費用;依內容、功能與整合範圍另訂正式報價。Indicative development cost. Final pricing depends on content, features and integrations.

VEIL website overviewLIGHT & CHARACTER / ACTUAL WEBSITE VIEWS ↓

01 / THE EXPERIENCE

網站特色What you can explore

  • 01依游標方向改變高光與陰影的 WebGL 面具聚光Directional WebGL surface lighting controlled by the cursor
  • 02可暫停的自動展示帶與可逆捲動演出A pausable automatic mask belt and reversible scroll narrative
  • 03五款面具細看、文化來源閱讀與分類篩選Five mask directions, collection filters and sourced cultural notes
  • 04選購清單、選擇性裝置保存與可下載的專案需求單A selection list, optional device save and downloadable project brief

02 / WHY IT WORKS

設計優勢Design strengths

深酒紅舞台、巨大面具與游標聚光成為首頁的識別。自動展示帶接續選物,原生文字補足文化來源,最後將用途、數量與尺寸整理成可下載的專案需求單。An oxblood stage, oversized masks and cursor lighting establish the opening. An automatic belt leads into the collection, native text provides cultural context, and the visitor can prepare a brief with use, quantities and measurements.

以上為設計與內容策略分析;可作為規劃你自己網站的討論起點。These design and content observations provide a starting point for planning your own website.

03 / MADE FOR YOUR NEXT CHAPTER

這個方向,可以如何適合你?Where this direction could take you

適合產業Suggested industries

舞台道具品牌、服裝工坊與文化選物零售Performance-object brands, costume ateliers and cultural retailers

可延伸的網站類型Adaptable website types

  • 企業品牌官網Corporate website
  • 專業服務與案例網站Professional service and case studies
  • B2B 型錄及詢價平台B2B catalogue and RFQ platform

為你的品牌重新規劃Shaped around your brand

保留喜歡的視覺節奏與資訊架構,重新設計你的品牌內容、影像、服務與主要行動入口。案例是方向參考,實際功能與交付範圍會在專案需求確認後訂定。Keep the visual rhythm and structure you like, then shape the identity, imagery, services and key actions around your own brand. The case provides a design direction; project functionality and deliverables are defined during scoping.

可依團隊流程規劃內容管理、多語系、CRM 或表單分流串接,並先確認資料來源與管理權限。Content management, multilingual content, CRM connections and enquiry routing can be scoped around your team and data requirements.

04 / REAL PERSPECTIVES

合作回饋與訪客觀點Client feedback & visitor perspectives

分享你實際看過或使用過的體驗。客戶身分經合作紀錄核實後才會標示;回饋依發布時間排列。Share what you have actually explored or used. Client labels require verification against engagement records. Published feedback is shown by date.

留下你的回饋Share your perspective

歡迎正面與批評意見。審核針對垃圾訊息、個資與無關內容,不因評分高低決定是否刊登。Positive and critical feedback are welcome. Moderation addresses spam, private information and relevance, not whether a rating is favourable.

05 / KEEP EXPLORING

相關設計方向Related design directions

從相近的產業情境與內容需求,繼續比較不同的視覺語言。Compare other visual approaches with related industry contexts and content needs.