--- title: "德翔海運-官網設計" description: "貨櫃航運公司德翔海運 T.S. Lines，2020 年的官網設計涵蓋首頁、關於德翔、最新消息、電子服務與內部作業頁面。 網站以海洋的藍為主題：深藍帶出德翔沉穩、專業的運送服務，淺藍則傳達有活力、積極服務的態度；海上的波浪與金色陽光也放進設計裡做變化，讓客戶點選網頁時多了互動，對德翔溫暖又專業的海上運送服務…" image: "https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/b7694a5787614f61991dc90c502cf156.jpg" url: "https://www.finpo.com.tw/work/%E5%BE%B7%E7%BF%94%E6%B5%B7%E9%81%8B-%E5%AE%98%E7%B6%B2%E8%A8%AD%E8%A8%88" --- # 德翔海運-官網設計 - 完成年份：2020 - 分類：網站設計製作 - 網頁版：https://www.finpo.com.tw/work/%E5%BE%B7%E7%BF%94%E6%B5%B7%E9%81%8B-%E5%AE%98%E7%B6%B2%E8%A8%AD%E8%A8%88 - 客戶網站：https://www.tslines.com/ - 設計：FINPO 菲舶設計 貨櫃航運公司德翔海運 T.S. Lines，2020 年的官網設計涵蓋首頁、關於德翔、最新消息、電子服務與內部作業頁面。 網站以海洋的藍為主題：深藍帶出德翔沉穩、專業的運送服務，淺藍則傳達有活力、積極服務的態度；海上的波浪與金色陽光也放進設計裡做變化，讓客戶點選網頁時多了互動，對德翔溫暖又專業的海上運送服務留下深刻印象。 首頁輪播貨櫃輪與碼頭的大圖，下方 QUICK LINK 用六個淺藍線條圖示連到提單繳費、電放、貨櫃延滯、貨櫃動態與船期等查詢，讓常用的服務一進站就找得到；再往下是最新消息，淺藍區塊的邊緣起伏成波浪。畫面右側固定掛著服務連結小標籤，選單打開是一整片深藍海面，頁尾也鋪著同一片海。 關於德翔的大標題壓在貨櫃輪照片上，沿革以淺藍時間軸從 2001 年排到 2020 年，業務放在淺灰區塊，未來方向鋪上淡黃。最新消息的分類做成淺藍圓角長條，前方一艘小船，消息之間以彎彎的波浪線相隔；電子服務的照片右緣都剪成波浪；內部作業的五個項目左右交錯，各配一艘線條小船，行駛在藍色波浪線上。 ## 圖片 - 德翔海運-官網設計：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/84ab66cb202f0e1203f660392543c668.jpg - 德翔海運-官網設計 作品圖 1：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/e44506703507c4766ce7ed786e9e2831.png - 德翔海運-官網設計 作品圖 2：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/ec89ada058ee8900490667e67419ac88.png - 德翔海運-官網設計 作品圖 3：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/86fbfa9e537072efd8d4ce759e40efe0.png - 德翔海運-官網設計 作品圖 4：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/71e4e3aa9f460cfceb85e3765a3eb2cc.png - 德翔海運-官網設計 作品圖 5：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/ad45d8aedfe65e4e8130862225250b17.png - 德翔海運-官網設計 作品圖 6：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/ec80a20fc527ab219a2a6c4daa0bb136.png - 德翔海運-官網設計 作品圖 7：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/ef695616de4306635d119bf92aca6e1e.png - 德翔海運-官網設計 作品圖 8：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/656228b0801b3ed5906f7aa26644ada1.png - 德翔海運-官網設計 作品圖 9：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/44be6af4055ecdf1482bcf109f858f8e.png ## 結構化資料 ```json { "@context": "https://schema.org", "@graph": [ { "@type": [ "Organization", "LocalBusiness" ], "@id": "https://www.finpo.com.tw/#organization", "name": "FINPO 菲舶設計", "legalName": "菲舶數位科技有限公司", "alternateName": [ "FINPO", "菲舶設計", "FINPO Creative Design", "FINPO, Inc.", "菲舶數位設計" ], "foundingDate": "2008-12-02", "taxID": "24311187", "knowsAbout": [ "視覺企業形象設計", "商業標誌設計", "禮盒與包裝設計", "網站設計製作", "網路開店服務", "廣告文宣設計" ], "award": [ "iF Design Award 2025 — Packaging Design：「雨都上河圖」濾掛咖啡禮盒", "Red Dot Award 2025 — Brands & Communication Design：江義隆伴手禮盒系列", "MUSE Design Awards 2025 Gold — Packaging Design - Non-Alcoholic Beverages：「雨都上河圖」濾掛咖啡禮盒" ], "url": "https://www.finpo.com.tw/", "logo": { "@type": "ImageObject", "@id": "https://www.finpo.com.tw/#logo", "url": "https://www.finpo.com.tw/web-app-manifest-512x512.png", "contentUrl": "https://www.finpo.com.tw/web-app-manifest-512x512.png", "width": 512, "height": 512, "caption": "FINPO Creative Design 菲舶設計" }, "image": { "@id": "https://www.finpo.com.tw/#logo" }, "sameAs": [ "https://www.facebook.com/finpo", "https://www.google.com/maps?ftid=0x3442a90b13b2e59d:0x68748f980e1cf2fd" ], "telephone": "+886-2-2313-1323", "areaServed": { "@type": "Country", "name": "台灣" }, "geo": { "@type": "GeoCoordinates", "latitude": 25.0425567, "longitude": 121.5121094 }, "hasMap": "https://www.google.com/maps?ftid=0x3442a90b13b2e59d:0x68748f980e1cf2fd", "hasOfferCatalog": { "@type": "OfferCatalog", "@id": "https://www.finpo.com.tw/#services", "name": "服務項目", "itemListElement": [ { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-visual", "name": "視覺企業形象設計", "url": "https://www.finpo.com.tw/services#service-visual" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-logo", "name": "商業標誌設計", "url": "https://www.finpo.com.tw/services#service-logo" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-package", "name": "禮盒與包裝設計", "url": "https://www.finpo.com.tw/services#service-package" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-website", "name": "網站設計製作", "url": "https://www.finpo.com.tw/services#service-website" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-internet", "name": "網路開店服務", "url": "https://www.finpo.com.tw/services#service-internet" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-advertising", "name": "廣告文宣設計", "url": "https://www.finpo.com.tw/services#service-advertising" } } ] }, "email": "cora@finpo.com.tw", "address": { "@type": "PostalAddress", "streetAddress": "衡陽路51號8樓之3(西側)", "addressLocality": "中正區", "addressRegion": "台北市", "postalCode": "100", "addressCountry": "TW" }, "contactPoint": [ { "@type": "ContactPoint", "telephone": "+886-2-2313-1323", "contactType": "customer service", "areaServed": "TW", "availableLanguage": [ "zh-Hant", "en" ] } ] }, { "@type": "WebSite", "@id": "https://www.finpo.com.tw/#website", "url": "https://www.finpo.com.tw/", "name": "FINPO 菲舶設計", "description": "菲舶數位設計（FINPO Creative Design）專精企業品牌識別、LOGO設計、包裝設計與網站設計，協助企業打造專業形象，吸引消費者目光。提供台北網頁設計、活動網站與電商平台規劃，一站整合品牌與數位設計需求，歡迎來電(02)23131323洽詢。", "publisher": { "@id": "https://www.finpo.com.tw/#organization" }, "inLanguage": "zh-Hant-TW", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://www.finpo.com.tw/search?keyword={search_term_string}" }, "query-input": "required name=search_term_string" } }, { "@type": "WebPage", "@id": "https://www.finpo.com.tw/work/%E5%BE%B7%E7%BF%94%E6%B5%B7%E9%81%8B-%E5%AE%98%E7%B6%B2%E8%A8%AD%E8%A8%88#webpage", "url": "https://www.finpo.com.tw/work/%E5%BE%B7%E7%BF%94%E6%B5%B7%E9%81%8B-%E5%AE%98%E7%B6%B2%E8%A8%AD%E8%A8%88", "name": "德翔海運-官網設計", "description": "貨櫃航運公司德翔海運 T.S. Lines，2020 年的官網設計涵蓋首頁、關於德翔、最新消息、電子服務與內部作業頁面。 網站以海洋的藍為主題：深藍帶出德翔沉穩、專業的運送服務，淺藍則傳達有活力、積極服務的態度；海上的波浪與金色陽光也放進設計裡做變化，讓客戶點選網頁時多了互動，對德翔溫暖又專業的海上運送服務…", "isPartOf": { "@id": "https://www.finpo.com.tw/#website" }, "about": { "@id": "https://www.finpo.com.tw/#organization" }, "primaryImageOfPage": { "@type": "ImageObject", "url": "https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2020/09/10/b7694a5787614f61991dc90c502cf156.jpg" }, "inLanguage": "zh-Hant-TW" } ] } ```