1111人力銀行 校長聯盟

#Figma #網頁設計
HANDLE

負責項目

#Html/CSS #UI/UX #動畫設計
PROJECT OVERVIEW

專案背景

針對年度『企業最愛大學排行榜』,我主導設計了具備高互動感的活動網站。

透過 WordPress 與 Bricks 的彈性實作,我加入細緻的微交互動畫,提升頁面的互動性。此外,我透過模組化設計建立標準化頁面模板,在維持品牌視覺質感的一致下,實現了極高的專案執行效率與產出品質。

Visual

視覺規劃

本專案的視覺策略以『探索不確定性』為核心。我運用具備抽象意涵的幾何元素象徵學生族群的無限可能,並搭配具親和力的人物插畫建立情感連結。

Hero Section的標題字設計歷經多輪色彩與排列的比對與優化,最終選定立體風格呈現關鍵年份『2026』,並結合月桂葉圖騰確立『排行榜』的榮譽質感。資訊層級上,次級標題採用簍空英文字飾面以維持畫面的通透,副標則以現代感的淺黃底黑字設計作為視覺焦點。

Color Palette

色彩設定

本專案的色彩設定原本我使用較為鮮明的橘黃色,經決策團隊反饋希望使用藍色系後,我將主色轉化為淺藍綠色。

透過 副標淺黃 與 強調色黑色 的搭配,我在滿足品牌專業感要求與保留學生族群最愛的活潑溫度之間,找到了平衡點。

Component

元件設定

為了平衡簡約感與活潑度,我為元件設定了統一的視覺語法。資訊卡片採用具親和力的白色圓角與層次陰影,確保全站體驗的一致性。

在不同的卡片處理上,我運用了具備強烈指示性的引用符號來強調引言內容。針對指標性的封面人物與排行榜,特別設計了彩帶風格的標題裝飾,增加慶典般的活潑氛圍。其中,榜單卡片更透過金屬質感邊框的點綴,營造出如同獲獎般的尊榮感。

其他相關作品

專案
背景