HHTD24

Accelerating Imagination

專案背景

HHTD24 是鴻海集團的年度技術盛會，於2024年10月正式公開。活動除邀請來自全球的貴賓與合作夥伴參與外，也同步對一般民眾開放。由於活動需事先報名，我們負責規劃入口頁面，提供完整的活動資訊，並設計清晰的報名流程，確保不同身分的使用者都能順利完成參與登記。

專案問題

此專案同時涉及兩個版本，一個為對外公開的預告頁，另一個為活動前來賓可登入的開放版本。在短時間內，我們需要不斷與公司內部需求對齊，並快速驗證回饋與迭代設計。同時，還必須整合報名流程中的多個細節環節，如邀請信件、入場 Pass、票卡設計與驗證機制，確保所有接觸點體驗一致且順暢。

專案展示

Demonstration

設計演進

Design Evolution

Accelerating Imagination

“Accelerating Imagination” 在 HHTD24 中，代表的不只是科技展出的創新，更是一種企業願景，快速將想像中的未來用 AI 與智慧平台技術落地，重塑生活與產業樣貌。

對於設計來說，這樣的主題要求視覺風格要具有未來感、創新感與速度感，塑造品牌在數位端的專業與領導力。

AI 趨勢下的視覺再設計

外包公司雖然已經交付了主視覺，但設計經理對那個版本在品牌氛圍與創新感上都有所不足，因此希望能跳脫既有框架，重新打造一個專屬於活動頁面的視覺風格，真正呼應當下的設計潮流，強調要導入AI流行元素。

最終，我使用Linear style設計出更符合AI科技潮流的樣子，進一步提升品牌在數位端的專業形象。

情緒板

Ｍood board

元素提取

最後選定Linear風格，核心在於以暗色極簡主題減少雜訊，讓使用者能專注於任務，透過單色基底搭配電藍、紫靛或霓虹等點綴，營造出具有未來感的氛圍，整體資訊架構保持高對比與清晰層級，確保閱讀與操作的流暢無礙；而透玻璃感與流光則呼應了光影間虛實，虛化卻又真實存在的語境，強化科技想像。

視覺元素上，漸層與光暈象徵智能的流動與資料流的抽象化呈現，幾何與簡潔線條去除多餘裝飾，凸顯資訊本身的效率；最終讓整個介面擁有如同資料流般的順序感，有序、流暢而不打斷。

架構

Information Architecture

依據不同時期不同需求，我們在網頁規劃上也需要有「分時間階段開放」的策略。前期提供簡單明確的資訊入口，降低來賓探索的負擔；中後期則依照身分導入差異化權限，讓使用者專注於與自身最相關的內容。此設計不僅提升資訊傳達的效率，也確保系統在不同階段能保持彈性與秩序。

7月版本

9-10月版本

設計產出

Design Deliverables

1.主題亮點的視覺互動轉化

在規劃 HHTD24 的首頁時，「活動主軸／話題」的原始設計以長篇文字逐一解釋不同主題，雖然資訊完整，但使用者需要不停滑動才能消化內容，容易造成資訊負擔，也削弱了首頁應有的核心聚焦。

為了提升可讀性與體驗，我提出以視覺化互動導覽的方式來重構內容，將多個主題濃縮為卡片模組，首頁只保留分類作為綱要，當使用者點擊時，卡片再展開顯示重點敘述。這樣的設計將冗長文字轉化為精煉的互動體驗，使訪客能快速掌握本屆活動的主題亮點，同時在把AI產品一鍵就能獲得預料之外魔法的情境帶進設計。

2.「見證分享」暗示我們與夥伴的緊密連結

我們透過與會者的 testimonial，讓內容不只是一方的自述，而是由合作夥伴與產業領袖來背書。這不僅增強真實感與說服力，也在潛移默化中凸顯公司背後的聯盟力量與產業影響力。

3.在有限空間中承載更多資訊

精彩回顧區塊需要同時承載大量事件、時間節點，以及影片與圖片素材，挑戰在於如何在單一section中完成呈現，並保持良好的使用體驗。我的設計構想是以垂直時間軸作為輪播主幹，將不同年份的內容依序堆疊，建立明確的順序感。使用者可以透過點擊展開內容，獲取更完整的敘述與媒體，同時左側的年份標示會自動對應跳轉，協助快速定位至相關的時間節點。

而在主題論壇這邊相較精彩活動則是橫向應用

4.活動報名流程

在設計活動報名流程時，面臨權限和隨時間逐步開放不同功能去規劃user flow，同時使用者又分為「普通參與者」和「貴賓參與者」，前者需自行登入報名，後者則透過邀請函確認出席。
如何在不同時序與身分分流的情境下，仍然維持介面的一致性與流程的清晰度，是這次設計的關鍵挑戰。

5. 會員專區

在設計報名流程上延伸規劃了一個整合性的會員專區，使用者在完成報名後，不僅能隨時生成自己的入場QR code，也能在同一介面獲取更多與活動相關的資訊。這個區塊同時承載了多項互動功能，包括活動報名、進度追蹤、抽獎參與、滿意度調查，以及系統即時提示。透過這樣的設計，我們可以讓不同權限使用者接受不同資訊，使用者也能在單一入口快速掌握所有與活動相關的資訊與操作，提升報名後的使用體驗與參與感。

6.滿足每個裝置上的使用和適配

本介面設計以響應式架構為核心，確保在桌機、平板與手機等不同裝置上皆能保持流暢體驗。我們透過斷點設計（breakpoints），在每個螢幕尺寸下動態調整版面比例與資訊層級，確保核心內容始終清晰可見。