興璟建設
客製化企業形象網站
專案背景
興璟建設是一家深耕建築品質，強調「人文、純粹、建築美學」的建設公司。對業主而言，建築不只是冷冰冰的鋼筋混凝土，而是承載生活情感的容器。
本專案的目標是將興璟建設對「極簡美學」與「細節執著」的品牌性格，轉化為流暢的數位體驗。不只是一個制式的房地產資訊站，而是打造一場關於建築藝術的視覺策展。
專案焦點
善用空間敘事的視覺風格設計
興璟建設的品牌核心在於「人文與純粹」，設計上必須避免傳統地產網站的單調與擁擠感，同時也必須承載完整的企業資訊與建案細節。
解決方法為了呼應建築的空間感，採用大面積留白與堆疊交錯的版型，並加上水泥材質、樹蔭及建案速描等作為背景，營造視覺呼吸感，將數位介面轉化為如雜誌般的閱讀體驗。
多樣化版型的響應式調整
為了呈現精品感，網站採用了大量非對稱、層次交疊、視差滾動的版型，不同裝置間保持視覺一致性，光是在設計時就很有難度，對開發人員更會大大影響開發效率。
解決方法基於業主的潛在客群是以使用桌上裝置為主，因此在行動端對複雜層疊進行視覺降級處理。精簡裝飾性元素，確保核心內容在小螢幕上依然具備清晰的導航路徑與閱讀焦點。
另外，也針對多個關鍵斷點（Breakpoints）與工程師進行協調溝通，確保非對稱設計在不同螢幕比例下皆能維持合理比例與視覺效果，達成美感與技術實作的動態平衡。
多元素材規格的視覺標準化
因建築本身高度與體積等因素，建案圖片尺寸與長寬比極其繁雜，難以用單一版型呈現出各建案的最佳視覺效果。
解決方法針對每個建案的指標素材進行獨立裁切與構圖優化，確保首要視覺能精準傳達該建案的獨特氣質。運用動態視差效果，讓比例特殊的建案圖片在固定比例容器中隨捲動自動位移，解決素材規格不一的限制並增加互動性。
