新創公司企業網站
針對全新創立的品牌，將新創企業的技術優勢轉化為清晰的數位語言，建立起與潛在客戶溝通的第一道專業橋樑。
Year
2024
Type
Corporate Website
Focus
雙色變化
Core
品牌視覺建立
新創公司企業網站
針對全新創立的品牌，將新創企業的技術優勢轉化為清晰的數位語言，建立起與潛在客戶溝通的第一道專業橋樑。
Year
2024
Type
Corporate Website
Focus
雙色變化
Core
品牌視覺建立
Project Overview
專案背景
新創公司官網，為了面向國外客戶採取中、英語系，並利用白天和晚上12小時制置換官網風格，讓訪問者有耳目一新的感覺。
1
使科技官網更具現代科技感
2
增加多語系擴大訪問者面向
3
兩種樣式，12小時的置換
Dynamic Visual & Visual Style
動態視覺與風格定義
因為嘗試將「時間維度」導入視覺體驗，設計了隨著 12 小時時制自動切換的深淺色模式-Dark/Light Mode。為了呼應 新創公司的科技本質，視覺風格確立以「細膩線條感」為主軸。透過時間感應的自動色彩校驗，讓網頁在兩個時段展現出截然不同、卻同樣優雅的品牌面貌。
時序自動化切換
導入時序判斷邏輯，實現 12 小時制的深淺色模式自動切換。
線條感設計
風格以「線條」為設計來勾勒資訊框架。設計營造出精密、透明且前衛的氛圍
動態視覺
運用視差滾動並在背景嵌入動態粒子，細微流動的點線元素營造科技感。
Selected Interface Designs
精選介面設計
介面設計以雙色視覺轉換，透過線條與粒子動態展現科技感介面。
Homepage
Dark Mode
Light Mode
About
Dark Mode
Light Mode - Parallax Scrolling Effect
Selected Design Details
其他精選設計
除了系統架構與頁面設計，我同樣專注於細節。從符合品牌性格的Icon Design，到動態轉場，透過這些細緻的元素提升整體的互動質感。
互動微動態設計
例如放入[Mousemove Parallax Effect]效果與使用者互動。
Iconography System
針對不同公司成員屬性量身打造適合的圖標語彙。
Responsive Web Design
響應式設計
針對多元的使用情境，我完整規劃了全響應式佈局，並同步佈署深淺色模式。
Project Overview
專案背景
新創公司官網，為了面向國外客戶採取中、英語系，並利用白天和晚上12小時制置換官網風格，讓訪問者有耳目一新的感覺。
1
使科技官網更具現代科技感
2
增加多語系擴大訪問者面向
3
兩種樣式，12小時的置換
Dynamic Visual & Visual Style
動態視覺與風格定義
因為嘗試將「時間維度」導入視覺體驗，設計了隨著 12 小時時制自動切換的深淺色模式-Dark/Light Mode。為了呼應 新創公司的科技本質，視覺風格確立以「細膩線條感」為主軸。透過時間感應的自動色彩校驗，讓網頁在兩個時段展現出截然不同、卻同樣優雅的品牌面貌。
時序自動化切換
導入時序判斷邏輯，實現 12 小時制的深淺色模式自動切換。
線條感設計
風格以「線條」為設計來勾勒資訊框架。設計營造出精密、透明且前衛的氛圍
動態視覺
運用視差滾動並在背景嵌入動態粒子，細微流動的點線元素營造科技感。
Selected Interface Designs
精選介面設計
介面設計以雙色視覺轉換，透過線條與粒子動態展現科技感介面。
Homepage
Dark Mode
Light Mode
About
Dark Mode
Light Mode - Parallax Scrolling Effect
Selected Design Details
其他精選設計
除了系統架構與頁面設計，我同樣專注於細節。從符合品牌性格的Icon Design，到動態轉場，透過這些細緻的元素提升整體的互動質感。
互動微動態設計
例如放入[Mousemove Parallax Effect]效果與使用者互動。
Iconography System
針對不同公司成員屬性量身打造適合的圖標語彙。
Responsive Web Design
響應式設計
針對多元的使用情境，我完整規劃了全響應式佈局，並同步佈署深淺色模式。
Project Overview
專案背景
新創公司官網，為了面向國外客戶採取中、英語系，並利用白天和晚上12小時制置換官網風格，讓訪問者有耳目一新的感覺。
1
使科技官網更具現代科技感
2
增加多語系擴大訪問者面向
3
兩種樣式，12小時的置換
Dynamic Visual & Visual Style
動態視覺與風格定義
因為嘗試將「時間維度」導入視覺體驗，設計了隨著 12 小時時制自動切換的深淺色模式-Dark/Light Mode。為了呼應 新創公司的科技本質，視覺風格確立以「細膩線條感」為主軸。透過時間感應的自動色彩校驗，讓網頁在兩個時段展現出截然不同、卻同樣優雅的品牌面貌。
時序自動化切換
導入時序判斷邏輯，實現 12 小時制的深淺色模式自動切換。
線條感設計
風格以「線條」為設計來勾勒資訊框架。設計營造出精密、透明且前衛的氛圍
動態視覺
運用視差滾動並在背景嵌入動態粒子，細微流動的點線元素營造科技感。
Selected Interface Designs
精選介面設計
介面設計以雙色視覺轉換，透過線條與粒子動態展現科技感介面。
Homepage
Dark Mode
Light Mode
About
Dark Mode
Light Mode - Parallax Scrolling Effect
Selected Design Details
其他精選設計
除了系統架構與頁面設計，我同樣專注於細節。從符合品牌性格的Icon Design，到動態轉場，透過這些細緻的元素提升整體的互動質感。
互動微動態設計
例如放入[Mousemove Parallax Effect]效果與使用者互動。
Iconography System
針對不同公司成員屬性量身打造適合的圖標語彙。
Responsive Web Design
響應式設計
針對多元的使用情境，我完整規劃了全響應式佈局，並同步佈署深淺色模式。
