Case Study

構界建築師事務所

CATEGORY
網頁設計
SERVICES
網站設計
構界建築師事務所 網站設計案例—封面
01

背景與課題

構界建築師事務所的官網,主力是商業空間與都市規劃。

建築事務所的網站很容易做成作品倉庫:一張滿版空拍進場,後面接一堆佇立圖。但來看的不只是同業,還有要發包的業主與公部門承辦單位,他們要看的是類型廣度與執行能力。

02

解法

首屏不放大圖,改成不規則拼貼。左上是超大黑體「構界 KOUJIE」,右邊四張作品照大小不一地錯落——商場中庭、綠建築立面、公共建築、高樓仰角。一眼就看得到做過哪幾種案子,這是單一主視覺做不到的事。

拼貼中間夾一格專案說明:「01 南港・介面之外」、「當抽象成為秩序,動線即是立面」,下面接「查看專案」。首屏本身就是專案輪播的第一格,圖不只是裝飾,是可以點進去的入口。

首屏下方一條細線:左邊「TAIPEI・SINCE 2009」,右邊「商業空間・都市規劃」。等寬字、小字級,把地點、年資、專長三件事用一行交代完,不佔任何版面。

關於我們用左右分欄:左邊兩行大標「我們替城市畫下邊界,再讓人在裡面自由行走」,右邊才是小字介紹。先講一句記得住的話,再講事實。

四格數字用了四種不同單位:16 年、42 位、128 件、34 座。年資、人力、作品量、獲獎,四個角度各答一個問題,每格下面都有一行細字說明這個數字怎麼來的。

精選專案三件刻意不齊高,上下錯開,搭配「2023・TAIPEI」這種年份加城市的等寬小標。排成齊頭三欄會像目錄,錯開之後比較像作品集的跨頁。

洽詢表單只有一行:姓名、電子郵件、聯絡電話、送出。旁邊直接擺主持建築師的姓名與電話——商業案的窗口往往不想填表單,直接打電話比較快。

日誌區放的不是提案快訊,是「內部設計團隊與外部事務所,該二選一還是一起工作?」這種業主真的在猶豫的題目。合作夥伴也只列名稱不放 logo,全站無彩色,顏色全部來自照片。

手機版沒有把拼貼拆成直向一張張,而是改成兩欄磚砌式排列維持錯落感,並把「TAIPEI・SINCE 2009」那條細線提到拼貼之上。

構界建築師事務所 網站設計案例—電腦版首頁
電腦版
構界建築師事務所 網站設計案例—手機版首頁
手機版

更多網頁設計作品見 網頁設計,服務內容見 網站設計,方案起價見 方案費用

03

工作內容

ITEM 01
拼貼式首屏
四張作品錯落,一眼看完類型
ITEM 02
數字格用四種單位
年資、人力、作品量、獲獎
ITEM 03
一行式洽詢表單
旁邊直接擺主持建築師電話

想做出類似的成果?

告訴我們你的產業與需求,我們會先幫你判斷方向與合理的預算範圍。

取得網站規劃與報價 ↗