關於專案
Heatwave 是一個夏日電子音樂節的概念專案。這次想運用色彩心理學，透過網站的顏色搭配，讓人光看網站就能感受到音樂節現場那種熱鬧、興奮的氣氛。
遇到的問題
很多音樂節的官網，版面都做得很制式、看起來一成不變，明明是熱鬧的活動，卻感覺不出那種現場的興奮感。這是一個個人專案，這次想做到的是：光靠網站畫面本身，就能讓人在買票之前，先感受到音樂節現場那種夏天的熱鬧氣氛。
一致的視覺與字體規劃
我們選定了一組橘紅色為主的配色，搭配專屬字體，讓整個網站看起來熱鬧、有節慶感，色彩跟字體的搭配也維持一致。因為多數人是用手機瀏覽這類活動網站，我們優先針對手機畫面設計版面比例跟排版，確保在小螢幕上，畫面的視覺效果依然清楚有力。
解決方案：視覺品牌轉譯
為了做到這件事，我們沒有靠複雜的程式技術，而是靠色彩跟字體的選擇。我們挑選了一組以橘紅色調為主的色票，搭配線條粗實、帶點工業感的字體，並統一整個網站的字體規則，確保每個頁面的粗細跟顏色都一致 —— 整體看起來熱情又一致，同時保有專業、講究的品牌質感。
技術規格
— 視覺系統設計：用橘紅色為主的配色，讓人一看就聯想到夏天跟活動的熱鬧感
— 字體層級架構：標題用粗體、大字級，確保畫面資訊多、內容滿的情況下，還是能一眼看清重點
— 版面設計：以手機畫面為優先設計基準，放大圖片跟照片的比例，內容能隨畫面大小自動調整
— 平台選擇：用 Webflow 建置網站，讓設計稿能直接對應到實際網頁效果，不需要另外找工程師開發
服務項目、技術重點與商業成果對照
| 服務項目 | 技術重點 | 商業成果 |
| 介面設計 | 橘紅漸層與對比管理 | 提升品牌辨識度 |
| 視覺層級 | 大膽字體級距與排版定位 | 提升掃視效率 |
| 行動裝置優化 | 響應式觸控點對齊 | 提升行動使用體驗 |
| 品牌轉譯 | 情緒色彩理論的實踐應用 | 維持一致的美學識別 |
成效
— 色彩掌握度：大膽用了橘紅這種高對比的配色組合，畫面依然乾淨、有層次，不會顯得雜亂
— 平台實作能力：用 Webflow 就把設計稿完整實現成真正能上線的網站，不需要另外找工程師開發
— 一致的設計系統：從顏色到字體，每個按鈕跟標題都照著同一套規則走，整個網站看起來像同一個人、同一套邏輯做出來的
