Hojitsu 官方網站

#Figma #Wordpress #網頁設計
HANDLE

負責項目

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

專案背景

【以使用者為核心,重構企業首頁的溝通效率】

企業官網不僅是資訊窗口,更是傳遞品牌價值的核心陣地。針對原網站資訊架構過於簡略、視覺層次模糊等痛點,我主動發起官網重塑計畫。

透過重新梳理內容權重,強化資訊揭露的邏輯性,旨在為潛在合作夥伴與求職者打造更流暢的數位體驗,提升品牌整體的專業形象與市場信任度度。

Visual

視覺規劃

為了讓使用者在最短時間內掌握公司背景,我將原本需長條滾動閱讀的介紹內容,重新規劃為可「一眼瀏覽重點」的版面形式,透過清楚的資訊分區與視覺層級,提升閱讀效率。

同時全面重新拍攝搭配文字說明的形象照片,使畫面更貼近實際服務場景,讓內容更具說服力與專業感。

Text

文字設定

Body選用較易閱讀的黑體,清晰有效地呈現內容。
Title選用帶有襯線裝飾的明體,給人正式、專業且具有溫度的感覺。

Color Palette

色彩設定

本專案以品牌標準色為核心,延伸出一款亮色與兩款次要藍調,建構豐富的層次感。灰階處理上,特意選用偏藍基調的灰色以確保視覺語彙的一致性;

背景與大面積留白處則以極淺灰取代純白,緩衝深色系帶來的視覺壓力;黑色部分則調整為高純度深灰,增加畫面協調感。

最後加入品牌標準色延伸的漸層作為點綴,在專業穩重的調性中不失生動活潑。

Icon

圖示設計

在公司服務強項的區塊中,我重新設計整體版型,加入專屬ICON強化識別性,並透過適度的動畫效果增加視覺節奏與現代感,使工業相關內容也能呈現清晰而不呆板的風格。

Contact & Recriut

聯絡我們&徵才區塊

「聯絡我們」與「徵才情報」兩大區塊亦進行大幅優化,強化按鈕視覺與動線安排,讓公司「拓展合作廠商」與「吸引人才加入」這兩大核心目標更加明確且醒目。

其他相關作品

專案
背景