建立台灣微軟 AI 解決方案平台｜
微軟 AI Infinity：最挺你的人工智慧夥伴
建立台灣微軟 AI 解決方案平台｜微軟 AI Infinity：最挺你的人工智慧夥伴
建立台灣微軟 AI 解決方案平台｜微軟 AI Infinity：最挺你的人工智慧夥伴
微軟 AI 解決方案集合網站，希望打造 AI 智庫，是一個同時面向企業領導者與 AI 解決方案開發團隊的網站，要能清楚展列解決方案與解決方案內容是這個網頁的必須要素之一，公司團隊從 LOGO、Slogan 到網頁企劃、資料整合、執行，完整 AI Infinity 專案。
微軟 AI 解決方案集合網站，希望打造 AI 智庫，是一個同時面向企業領導者與 AI 解決方案開發團隊的網站，要能清楚展列解決方案與解決方案內容是這個網頁的必須要素之一，公司團隊從 LOGO、Slogan 到網頁企劃、資料整合、執行，完整 AI Infinity 專案。
在第一階段中，LOGO 需要在三天內完成草稿篩選和彩稿提案，快速投入案件搜尋並研究適合的視覺風格調性，並產出成果。後續的第二階段 LOGO 延續第一階段的設計。
在第一階段中，LOGO 需要在三天內完成草稿篩選和彩稿提案，快速投入案件搜尋並研究適合的視覺風格調性，並產出成果。後續的第二階段 LOGO 延續第一階段的設計。
參與到平台型集合方案的網站，需深入思考展示架構與內容配置對於前端上架資料的效率。
參與到平台型集合方案的網站，需深入思考展示架構與內容配置對於前端上架資料的效率。
前往網站
單位
台灣微軟
負責與參與項目
LOGO 設計；主視覺發想、製作；與文案、前端討論、
設計網頁結構、排版；eDM 設計；PPT 模板；易拉展。
設計完稿與交付。
LOGO 設計；主視覺發想、製作；與文案、前端討論、設計網頁結構、排版；eDM 設計；PPT 模板；易拉展。
設計完稿與交付。
LOGO 設計；主視覺發想、製作；與文案、前端討論、設計網頁結構、排版；eDM 設計；PPT 模板；易拉展。
設計完稿與交付。
使用工具
準備資料
研究搜尋資料，盡速進入案件執行熱度、聚焦風格做專案討論。
LOGO 調性參考、研究
LOGO 調性參考、
研究
LOGO 調性
參考、研究
篩選區、網頁卡片參考
LOGO 進化
微軟 AI 解決方案集合網站以 100 個解決方案為初步目標，在不到半年的時間內成功達成第一階段任務。更遠大的願景圍繞「AI Infinity」主題，旨在不僅提供 100 個解決方案，擴展到多元而廣泛的 AI 解決方案，展現 AI 的強大能力與無限可能性。
微軟 AI 解決方案集合網站以 100 個解決方案為初步目標，在不到半年的時間內成功達成第一階段任務。更遠大的願景圍繞「AI Infinity」主題，旨在不僅提供 100 個解決方案，擴展到多元而廣泛的 AI 解決方案，展現 AI 的強大能力與無限可能性。
第一階段
AI 100
第二階段
AI Infinity
主視覺發展需要什麼？
團隊討論，TA 需同時面向企業領導者與 AI 解決方案開發團隊，2019 AI 還在蓄力的時刻如何由微軟作領頭羊招募各方團隊加入與吸引企業應用。
團隊討論，TA 需同時面向企業領導者與 AI 解決方案開發團隊，2019 AI 還在蓄力的時刻如何由微軟作領頭羊招募各方團隊加入與吸引企業應用。
最終主視覺與文案定案：
“AI是人類的夥伴”
讓 AI 成為你路途上強大的夥伴
設計關鍵字
設計成果
網站架構與頁面配置
負責整體頁面設計與結構規劃，涵蓋資訊呈現順序、視覺風格、UI 元件樣式與響應式排版，確保各裝置皆具良好可讀性與互動性。
設計過程中亦與文案撰寫與 AE 業務窗口密切合作，根據業務需求、內容複雜度與使用者目標，協助釐清溝通重點，將分散內容轉化為清晰的頁面架構與視覺動線，提升訊息傳遞效率與使用者理解度。
負責整體頁面設計與結構規劃，涵蓋資訊呈現順序、視覺風格、UI 元件樣式與響應式排版，確保各裝置皆具良好可讀性與互動性。
設計過程中亦與文案撰寫與 AE 業務窗口密切合作，根據業務需求、內容複雜度與使用者目標，協助釐清溝通重點，將分散內容轉化為清晰的頁面架構與視覺動線，提升訊息傳遞效率與使用者理解度。
首頁
頁面結構以引導式流程安排：
引起興趣 → 說明功能 → 強化信任感
頁面結構以引導式流程安排：
引起興趣 → 說明功能 → 強化信任感
1. 主視覺區
吸睛畫面與有力 Slogan 開場，清楚傳達平台定位，營造專業可信的第一印象。
2. 平台定位說明（引言區）
主視覺下方設置清晰、有說服力的引言，透過段落排版與留白設計提升閱讀體驗。內容針對企業決策者與 AI 開發者，簡潔說明平台角色與價值，並引導使用者深入探索。整體風格穩重現代，搭配品牌色與輔助圖像，強化專業與信任感。
3. 篩選器區
篩選器依產業、情境與技術分類，協助使用者有效探索超過百項微軟 AI 解決方案，快速掌握平台涵蓋內容。設計簡潔直觀，兼顧跨裝置操作體驗。
4. 方案集合區
卡片式方案區統一格式、易於瀏覽，設計兼顧可讀性與跨裝置體驗。保留必要敘述，幫助使用者理解內容並找到合適方案。
5. 收尾區
底部設置合作 LOGO，搭配微軟 Footer 統整資訊，收束頁面、風格一致。
1. 主視覺區
吸睛畫面與有力 Slogan 開場，清楚傳達平台定位，營造專業可信的第一印象。
吸睛畫面與有力 Slogan 開場，清楚傳達平台定位，營造專業可信的第一印象。
2. 平台定位說明（引言區）
主視覺下方設置清晰、有說服力的引言，透過段落排版與留白設計提升閱讀體驗。內容針對企業決策者與 AI 開發者，簡潔說明平台角色與價值，並引導使用者深入探索。整體風格穩重現代，搭配品牌色與輔助圖像，強化專業與信任感。
主視覺下方設置清晰、有說服力的引言，透過段落排版與留白設計提升閱讀體驗。內容針對企業決策者與 AI 開發者，簡潔說明平台角色與價值，並引導使用者深入探索。整體風格穩重現代，搭配品牌色與輔助圖像，強化專業與信任感。
3. 篩選器區
篩選器依產業、情境與技術分類，協助使用者有效探索超過百項微軟 AI 解決方案，快速掌握平台涵蓋內容。設計簡潔直觀，兼顧跨裝置操作體驗。
4. 方案集合區
卡片式方案區統一格式、易於瀏覽，設計兼顧可讀性與跨裝置體驗。保留必要敘述，幫助使用者理解內容並找到合適方案。
卡片式方案區統一格式、易於瀏覽，設計兼顧可讀性與跨裝置體驗。保留必要敘述，幫助使用者理解內容並找到合適方案。
內頁｜解決方案頁
解決方案頁採用左右資訊配置，使桌機版在第一視野內即呈現多項重點資訊，吸引使用者持續閱讀。雙欄設計兼顧資訊密度與可讀性，以欄寬控制與留白運用，提升整體閱讀體驗與視覺層次。
解決方案頁採用左右資訊配置，使桌機版在第一視野內即呈現多項重點資訊，吸引使用者持續閱讀。雙欄設計兼顧資訊密度與可讀性，以欄寬控制與留白運用，提升整體閱讀體驗與視覺層次。
內頁｜招募頁
為協助有興趣加入的對象快速理解平台文化與發展方向，此頁採用簡潔直接的結構，重點在於理念傳達而非堆疊資訊。視覺風格延續整體品牌設計，加強平台核心概念的印象建立。
為協助有興趣加入的對象快速理解平台文化與發展方向，此頁採用簡潔直接的結構，重點在於理念傳達而非堆疊資訊。視覺風格延續整體品牌設計，加強平台核心概念的印象建立。
解決方案頁
招募頁
招募頁
設計考量與使用體驗強化
在整體設計過程中，不僅關注視覺表現，也著重資訊結構與操作流程的清晰度。從首頁布局到互動細節，皆以提升理解效率與跨裝置的瀏覽體驗為目標，結合視覺語言與功能邏輯，傳遞平台的專業形象與一致體驗。
在整體設計過程中，不僅關注視覺表現，也著重資訊結構與操作流程的清晰度。從首頁布局到互動細節，皆以提升理解效率與跨裝置的瀏覽體驗為目標，結合視覺語言與功能邏輯，傳遞平台的專業形象與一致體驗。
Design System
基於微軟品牌規範的字體與色彩，延伸出既符合品牌調性又呈現專案特色的設定。
基於微軟品牌規範的字體與色彩，延伸出既符合品牌調性又呈現專案特色的設定。
色彩
字體
圖示與插畫
延伸應用：研究新規格的電子報
與文案合作延伸多篇電子報：內容包含上線、邀請、方案精選等，不同主題內容。
且屬微軟電子報規格的交接期，同時需要研究與製作符合新規格的電子報，用 Outlook 製作。
與文案合作延伸多篇電子報：內容包含上線、邀請、方案精選等，不同主題內容。
且屬微軟電子報規格的交接期，同時需要研究與製作符合新規格的電子報，用 Outlook 製作。
實體展示
圖片來源：微軟
圖片來源：微軟
圖片來源：微軟
圖片來源：ETtoday新聞雲
Credit
Microsoft ｜微軟AI Infinity：最挺你的人工智慧夥伴｜AI 解決方案站
Design Agency｜summers.ad
Art Direction｜PingWei Fu
Design｜Mercilina Chen
Copywriting｜LingYing Chen
Front-End｜YenZi Shen
Period｜2019
Get in touch
Get in touch
Get in touch
Get in touch