德翔海運-官網設計

2020
德翔海運-官網設計

貨櫃航運公司德翔海運 T.S. Lines,2020 年的官網設計涵蓋首頁、關於德翔、最新消息、電子服務與內部作業頁面。

網站以海洋的藍為主題:深藍帶出德翔沉穩、專業的運送服務,淺藍則傳達有活力、積極服務的態度;海上的波浪與金色陽光也放進設計裡做變化,讓客戶點選網頁時多了互動,對德翔溫暖又專業的海上運送服務留下深刻印象。

首頁輪播貨櫃輪與碼頭的大圖,下方 QUICK LINK 用六個淺藍線條圖示連到提單繳費、電放、貨櫃延滯、貨櫃動態與船期等查詢,讓常用的服務一進站就找得到;再往下是最新消息,淺藍區塊的邊緣起伏成波浪。畫面右側固定掛著服務連結小標籤,選單打開是一整片深藍海面,頁尾也鋪著同一片海。

關於德翔的大標題壓在貨櫃輪照片上,沿革以淺藍時間軸從 2001 年排到 2020 年,業務放在淺灰區塊,未來方向鋪上淡黃。最新消息的分類做成淺藍圓角長條,前方一艘小船,消息之間以彎彎的波浪線相隔;電子服務的照片右緣都剪成波浪;內部作業的五個項目左右交錯,各配一艘線條小船,行駛在藍色波浪線上。

德翔海運-官網設計 作品圖 1
德翔海運-官網設計 作品圖 3
德翔海運-官網設計 作品圖 5
德翔海運-官網設計 作品圖 7
德翔海運-官網設計 作品圖 9
德翔海運-官網設計 作品圖 2
德翔海運-官網設計 作品圖 4
德翔海運-官網設計 作品圖 6
德翔海運-官網設計 作品圖 8