Case Study

宥承聯合設計

CATEGORY
網頁設計
SERVICES
網站設計
宥承聯合設計 網站設計案例—封面
01

背景與課題

宥承聯合設計的官網,主力是自地自建的設計與工程整合服務。

自地自建是一輩子一次的決定。業主手上有地、心裡有想像,但不知道設計、執照、發包、監工這些事誰要負責。

客戶最在乎的,是網站能不能讓人留下來,而且想讓人耳目一新,所以我們設計了「滾動驅動」的圖片。

02

作法

滑動滾輪,一天就過去了。首屏用滿屏的建築渲染圖,瀏覽者往下滾,畫面從早到晚變化,同一棟建築在不同的時間裡,呈現出不同的視覺感受,接著把人帶到其他建築作品和重要資訊。不是一張靜止的圖,而是一段可以自己控制快慢的過程。

導覽,做成浮在畫面上的膠囊。疊在渲染圖上方,不切掉一段畫面去放白底選單。主視覺是這一行最貴的資產,能留多少就留多少。

流程,跟服務放在同一層。選單第二項是「自地自建」,第三項是「服務流程」。業主的疑慮不是你會不會設計,而是這件事到底怎麼走、每一步誰負責,右邊另掛「常見問題」。

中文實心,英文外框。標題的中文字用實心白,英文 HOUSE 用外框,兩層疊在一起。外框字不遮住背後的建築,又能把標題的量體撐起來。

預約,只有一顆實心的黑色按鈕。右上角「預約諮詢」是全頁唯一的實心黑色按鈕,底部留 SCROLL 提示,提醒人往下滑。

宥承聯合設計 網站設計案例—電腦版首頁
電腦版
宥承聯合設計 網站設計案例—手機版首頁(上)宥承聯合設計 網站設計案例—手機版首頁(下)
手機版

查看線上網站 ↗

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

03

工作內容

ITEM 01
滾動驅動的早晚變化
滑動滾輪,建築從早到晚呈現不同感受
ITEM 02
膠囊型浮動導覽
疊在主視覺上方
ITEM 03
流程進主選單
回答業主的真正疑慮

想做出類似的成果?

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

取得網站規劃與報價 ↗