關係企業形象網站
修改清單

對象測試站 https://info.ouorange.com/hansen-corp.com
附件修改示意網站:繁體中文English简体中文
項目共 27 項(R-001 至 R-027)。17 項已在示意網站改好,可直接照做;8 項等航昇補資料或確認;2 項要在伺服器端處理。
  1. 每一項的「位置」會開到示意網站的對應頁面,頁面上標著 R 編號的地方就是要改的位置。
  2. 示意網站左下角可以隱藏標示,看改好後的樣子;也可以叫出該頁的修改清單。
  3. 改好一項,在左邊打勾。打勾的項目會移到最下面的「已完成」,取消打勾可以還原。
修改面板
全站9 項
R-003
首頁壞連結
修正為 /notice、/partner(/notice 部分依 R-010 處理)
完整要求
  • 頁面:首頁(繁中/英文/簡中)
  • 現況:連結 /notices、/partners 點下去是 404
  • 要求:修正為 /notice、/partner(/notice 部分依 R-010 處理)
示意站已改
R-010
刪除「消息公告」頁
整個「消息公告」拿掉:選單與頁尾連結、首頁消息區塊、消息公告各頁
完整要求
  • 頁面:消息公告 /notice、分頁、分類頁 /notice/category/11、/notice/category/12、內文頁 /notice/19、/notice/23(繁中/英文/簡中)
  • 現況:選單、手機版選單、頁尾都有「消息公告」連結;首頁有「公司消息及公告」區塊
  • 要求:整個「消息公告」功能刪除,包含:
  • 上方選單、手機版選單、頁尾的「消息公告」連結
  • 首頁「公司消息及公告」區塊
  • 消息公告列表頁、分類頁、內文頁
示意站已改
R-011
頁面路徑(麵包屑)的中間層要可點擊
路徑有對應頁面的中間層加連結;「關於航昇」「專業服務」連到第一個子頁;最後一層維持純文字
完整要求
  • 頁面:所有內頁(繁中/英文/簡中)
  • 現況:頁面路徑只有「首頁」是連結,其餘各層都是純文字。例:/ship/5 顯示「首頁 > 專業服務 > 物流事業 > 化學油輪代理」,中間兩層都不能點
  • 要求:
  • 有對應頁面的中間層要加連結。例:內頁的「船務代理」連到 /ship、「物流事業」連到 /logistics
  • 「專業服務」「關於航昇」目前沒有自己的頁面(選單上只是下拉分類)。建議連到該分類的第一個子頁(見 R-012)
  • 最後一層(目前所在頁)維持純文字,不加連結
  • 逐頁檢查結果(繁中版,英文/簡中同構):
  • 需要加連結的中間層:/ship/5、/ship/6、/ship/9、/ship/10 的「船務代理」;/logistics/4、/logistics/5、/logistics/6、/logistics/7 的「物流事業」
  • 只有分類層可加(見要求 2):/about(關於航昇)、/ship、/logistics、/partner(專業服務)
  • 單層頁面,無中間層可加:/team、/history、/contact
  • 另一個不一致:/team 的路徑是「首頁 > 經營團隊」,少了「關於航昇」這一層;/about 則有。請統一
  • 消息公告內文頁的中間層原本就有連結,但該功能依 R-010 刪除
  • 備註:與 R-005(船務代理內頁誤標為「物流事業」)一併修正
示意站已改
R-012
「關於航昇」「專業服務」點了沒反應
上方選單的「關於航昇」「專業服務」要點得開:電腦版點擊進第一個子頁,手機版維持展開子選單
完整要求
  • 頁面:全站上方選單、手機版選單、頁面路徑(繁中/英文/簡中)
  • 現況:
  • 上方選單的「關於航昇」「專業服務」只是下拉分類,廠商刻意設成點了不動作(href="#" 加 onclick="return false;"),只能滑鼠移上去再點子項目
  • 頁面路徑裡的「關於航昇」「專業服務」是純文字(同 R-011 要求 2)
  • 要求:這兩個分類要點得開。
  • 建議做法(採 A:點擊進第一個子頁):
  • 電腦版:滑鼠移上去照樣展開下拉選單;點擊「關於航昇」進理念與願景 /about,點擊「專業服務」進船務代理 /ship
  • 手機版:點分類名稱是展開子選單,不跳頁(維持現狀)
  • 頁面路徑:「關於航昇」「專業服務」這一層連到同一個目的地(即 R-011 要求 2 採「連到第一個子頁」)
  • 請廠商用平板等觸控裝置實測下拉選單能否正常展開
  • 理由:選單上長得像連結卻點不動,訪客會以為網站壞了;子項目只有二到三頁,強迫選擇沒有必要
  • 暫不採用:B(另做分類總覽頁),待服務內頁內容補齊後再評估
示意站已改
R-013
拿掉 CTA 按鈕(上方選單、首頁主視覺、理念與願景頁)
三處按鈕都拿掉
完整要求
  • 頁面:全站上方選單;首頁主視覺;理念與願景 /about(繁中/英文/簡中)
  • 現況:
  • 上方選單右側有紅色「Let's Talk」按鈕,連到聯絡我們。每頁有兩處(一般選單、捲動後的固定選單)
  • 首頁主視覺標語下方有紅色按鈕,連到聯絡我們(繁中「立即聯繫」、英文「Contact Now」、簡中「立即联系」)
  • 理念與願景頁「承載信任,航向未來」區塊有同款「立即聯繫」按鈕,連到聯絡我們
  • 要求:三處按鈕都拿掉
  • 備註:選單裡的「聯絡我們」文字連結保留
示意站已改
R-016
簡中版殘留繁體字與寫法不一
簡中版全站統一用字,清掉殘留的繁體字
完整要求
  • 頁面:簡中版首頁、聯絡我們等
  • 現況:簡中版公司名多數寫「航升」,但仍有幾處殘留繁體或混用,例如「航昇集團」「航昇船務代理有限公司」「航昇集团持续提升服务品质」
  • 要求:簡中版全站統一用字,清掉殘留的繁體字
待航昇提供資料或確認
R-023
語言切換按鈕的箭頭壓到文字
拿掉壓到文字的下拉箭頭,確認三種語言的文字都完整置中
完整要求
  • 頁面:全站上方選單右側的語言切換(繁中/英文/簡中)
  • 現況:按鈕裡的文字(English/繁體中文/简体中文)右端被一個下拉箭頭壓住,看起來像錯字或游標
  • 原因:語言選單套用了 Bootstrap 的 form-select 樣式,它會在右側放一個下拉箭頭背景圖;但網站樣式把按鈕右內距改成 15px,箭頭位置沒跟著調整,於是疊在文字上
  • 要求:拿掉這個箭頭(移除 form-select 帶入的背景箭頭圖,或不套用 form-select),並確認三種語言的文字都完整顯示、置中
示意站已改
R-025
物流事業新增「化學液袋操作」業務
新增第五項業務「化學液袋操作」:列表頁區塊、新內頁、首頁輪播卡片、各內頁側欄、頁尾,五處同步
完整要求
  • 頁面:物流事業 /logistics 及相關處(繁中/英文/簡中)
  • 現況:物流事業有四項業務:海運承攬、化學櫃租賃、物流解決方案、化學油輪租船經紀
  • 要求:新增第五項業務「化學液袋操作」,需比照現有四項同步加在:
  • 物流事業列表頁 /logistics:新增一個業務區塊(標題、簡介、圖片、「了解更多」連結)
  • 新增內頁 /logistics/{新編號}:完整服務說明
  • 首頁「物流事業」輪播區塊:新增一張卡片
  • 物流事業各內頁側欄的業務選單:新增一項
  • 全站頁尾「物流事業」欄:新增一項
  • 名稱:
  • 繁中:化學液袋操作
  • 英文:待確認(業界慣稱 Flexitank,建議 Flexitank Operation)
  • 簡中:化学液袋操作
  • 待補資料(由我方提供):簡介一句、內頁完整說明、圖片、在選單與頁尾中的排列位置
待航昇提供資料或確認
R-026
公司標誌改回原版
全站標誌的造型改回公司原版,目前先用「不加 Since 1988」的版本
完整要求
  • 頁面:全站(繁中/英文/簡中)
  • 現況:廠商重新繪製了標誌,與公司原版不同:三角形改為漸層紅、G 的比例與缺口不同、HANSEN 換成細字體
  • 要求:全站標誌的造型改回公司原版,目前先用「不加 Since 1988」的版本
  • 改回原版:三角形與 G 的造型比例、缺口位置、HANSEN 的粗體字型
  • 保留廠商新配色:沿用廠商現在的漸層紅,不用原檔的平塗紅(原檔僅作造型依據)
  • 原版檔案(造型依據):素材/HANSEN_logo_紅色_無Since1988.png(由公司原檔 HANSEN Logo+Since1988-.png 裁掉 Since 1988 字樣,透明背景,1319×1188)
  • 需替換的檔案與位置:
網站檔案 用在哪裡
img/logo/logo_tw.png、logo_en.png、logo_cn.png 上方選單、捲動後的固定選單、頁尾(橫式:標誌+文字)
img/logo/logo-red.png 載入畫面、側欄選單
img/logo/logo-2.png、logo-white.png 聯絡頁高雄總公司、台北分公司卡片
img/logo/favicon.png 瀏覽器分頁小圖示
img/logo/img-og.png 分享到 LINE、Facebook 時的預覽圖
  • 另發現:聯絡頁台北分公司卡片原本放白色標誌在白底上,平時看不見,只有滑鼠移上去才出現。改為平時用紅色標誌、滑鼠移上去轉白
  • 示意:site-amend/ 已用原版造型+漸層紅做出示意檔(含橫式版沿用廠商的文字部分),僅供說明方向,正式檔請廠商製作
  • 待確認:
  • 上方選單需要橫式標誌(三角形在左、文字在右),原版是直式。請廠商用原版三角形加原版 HANSEN 字體重組橫式版,文字內容(「航昇集團」「HANSEN」或其他)待確認,完成後交我方確認再上線
  • 深色背景用的白色版(台北分公司卡片等)也需以原版製作
  • 公司是否有原版向量檔(AI/SVG),有的話提供給廠商,放大縮小都不會糊
示意站已改
首頁3 項
R-014
標語要跟著語言切換
標語依語言顯示對應版本。英文版維持原文;繁中、簡中版改為中文標語
完整要求
  • 頁面:首頁「關於我們」區塊、理念與願景 /about(繁中/簡中)
  • 現況:標語「Ocean Experts · Navigating the World」在繁中、簡中版都顯示英文,切換語言不會變
  • 要求:標語依語言顯示對應版本。英文版維持原文;繁中、簡中版改為中文標語
  • 中文標語:待我方確認。草案:繁中「海運專家・航向世界」、簡中「海运专家・航向世界」
  • 備註:繁中、簡中版還有其他沒跟著語言切換的英文字,是否比照處理待確認:
  • 首頁::: OUR Services、:: Notices、Port coverage of agency service、Learn More
  • 理念與願景::: About us、:: Our Process、OUR MISSION、OUR VISION、Years of Corporate Experience.
待航昇提供資料或確認
R-015
首頁主視覺「航昇船務」滑鼠移上去時顯示四家關係企業
滑鼠移到「航昇船務」時,顯示四家關係企業名稱(老闆指示)
完整要求
  • 頁面:首頁主視覺(繁中/英文/簡中)
  • 現況:主視覺標語「值得託付的 海運專家 航昇船務」,其中「航昇船務」為紅字,滑鼠移上去沒有任何反應
  • 要求:滑鼠移到「航昇船務」時,顯示四家關係企業名稱(老闆指示)
  • 顯示名稱:採業界慣用的簡稱,不放公司全名,只列名稱(不加業務別、不加連結)
繁中 英文 簡中
航昇船務代理 Hansen Shipping 航升船务代理
航昇威仕船務代理 Hansen International Agency 航升威仕船务代理
海鑫船務代理 Mars Shipping 海鑫船务代理
航昇海運承攬 Hansen Logistics 航升海运承揽
  • 各裝置的呈現方式(建議):
  • 電腦版:滑鼠移到「航昇船務」時,在右側浮出四家名稱(頂端與「航昇船務」對齊,往下展開,不可往下方蓋住標語);移開後消失。「航昇船務」加一個提示(例如虛線底線或小箭頭),讓訪客知道這裡可以移上去看
  • 手機與平板:沒有滑鼠,改為四家名稱直接以小字列在標語下方,固定顯示,不需任何操作
  • 鍵盤操作(Tab 鍵移到「航昇船務」)時也要能顯示
  • 待確認:
  • 簡中簡稱沿用簡中版現有寫法「航升」,請確認
示意站已改
R-027
首頁港口地圖補上和平港、觀塘港,並更正港口數
地圖新增和平港、觀塘港;港口數 17 改為 15
完整要求
  • 頁面:首頁「Port coverage of agency service」台灣地圖區塊(繁中/英文/簡中)
  • 現況:
  • 地圖標了 13 個港口:基隆、台北、林口、沙崙、台中、麥寮、安平、興達、永安、高雄、深澳、蘇澳、花蓮
  • 旁邊數字寫「17 個港口服務據點,由北至南全台共 17 個港口分布」,與地圖上的 13 個不符
  • 要求:
  • 地圖新增兩個港口標記:和平港(花蓮縣秀林鄉,花蓮港以北)、觀塘港(桃園市觀音區,台北港以南)
  • 新增後共 15 個港口,數字與說明文字改為 15(三種語言同步)
  • 英文、簡中版的港口名稱同步新增:Heping Port、Guantang Port/和平港、观塘港
  • 待確認:服務港口總數是否確定為 15;若還有其他港口,一併提供後更新地圖與數字
  • 備註:首頁網頁描述(搜尋引擎顯示的那段文字)目前列「台北港、基隆港、林口港、台中港、高雄港等據點」,維持即可
示意站已改
關於航昇1 項
R-001
經營團隊頁為假資料
範本假資料(Lorem Ipsum);放實際內容或移除此頁,待航昇決定
完整要求
  • 頁面:經營團隊 /team(繁中/英文/簡中)
  • 現況:整頁只有一張範本組織圖,文字為 Lorem Ipsum 假文
  • 要求:待定(放入實際內容或移除此頁,由我方決定後補充)
待航昇提供資料或確認
專業服務3 項
R-002
「化學油輪代理」頁內容放錯
更換為化學油輪代理的正確內容(文字由我方提供)
完整要求
  • 頁面:/ship/5(繁中/英文/簡中)
  • 現況:內文是油槽櫃(ISO Tank)規格說明,與「化學櫃租賃」/logistics/4 重複
  • 要求:更換為化學油輪代理的正確內容(文字由我方提供)
待航昇提供資料或確認
R-005
船務代理內頁的頁面路徑標錯
改為「專業服務 > 船務代理」
完整要求
  • 頁面:/ship/5、/ship/6、/ship/9、/ship/10
  • 現況:頁面路徑(麵包屑)顯示為「專業服務 > 物流事業」
  • 要求:改為「專業服務 > 船務代理」
示意站已改
R-006
六個服務內頁內容不足
補上完整服務說明(文字由我方提供)
完整要求
  • 頁面:乾散貨輪代理 /ship/6、定期航線代理 /ship/9、海事服務 /ship/10、海運承攬 /logistics/5、化學油輪租船經紀 /logistics/6、物流解決方案 /logistics/7
  • 現況:內文只有一句話,與列表頁簡介相同
  • 要求:補上完整服務說明(文字由我方提供)
待航昇提供資料或確認
聯絡我們9 項
R-004
聯絡頁信箱錯字
改為 tank@hansengroup.com.tw
完整要求
  • 頁面:聯絡我們 /contact
  • 現況:ISO Tank 窗口信箱寫成 tank@hansengroup.com.tws(多一個 s)
  • 要求:改為 tank@hansengroup.com.tw
示意站已改
R-008
聯絡頁缺表單與地圖
是否加線上表單與地圖,待航昇決定
完整要求
  • 頁面:聯絡我們 /contact
  • 現況:只有電話與信箱清單;全站「Let's Talk」「立即聯繫」按鈕都導到這頁
  • 要求:待定(是否加線上表單、地圖,由我方決定後補充)
待航昇提供資料或確認
R-017
聯絡頁加上各公司統一編號,並更正公司全名
各公司卡片加統一編號(台北分公司卡片不列);「航昇海運承攬運送有限公司」全站改為「股份有限公司」
完整要求
  • 頁面:聯絡我們 /contact(繁中/英文/簡中)
  • 現況:只有公司名稱與聯絡方式,沒有統編;「航昇海運承攬運送有限公司」少了「股份」
  • 要求:
  • 各公司卡片加上統一編號(英文版標示為 Tax ID No.,簡中版標示為「统一编号」):

    公司 統一編號 放在
    航昇船務代理股份有限公司 22841061 散裝租賃經紀、ISO Tank 卡片
    航昇威仕船務代理股份有限公司 28283280 船務代理卡片
    海鑫船務代理股份有限公司 83458290 港口代理卡片
    航昇海運承攬運送股份有限公司 13168115 海運承攬卡片
    航昇船務代理股份有限公司-台北分公司 27217501 不放(2026-11-06 決定台北分公司卡片不列統編與全名)
    航昇威仕船務代理股份有限公司-台北分公司 24500791 不放(同上)
  • 公司全名更正為「航昇海運承攬運送股份有限公司」(繁中、簡中、英文同步,含頁首下拉選單與頁尾)

示意站已改
R-018
聯絡頁文字要可以複製
聯絡資訊都要能選取複製;統編、傳真改純文字;地址改純文字,另放「查看地圖」連結
完整要求
  • 頁面:聯絡我們 /contact(繁中/英文/簡中)
  • 現況:地址、電話、傳真、Email 整串都做成連結,滑鼠拖曳時會拖動連結而不是選取文字,難以複製
  • 要求:
  • 所有聯絡資訊(公司名、統編、地址、電話、傳真、Email)都要能用滑鼠選取、複製
  • 統編、傳真改為純文字,不做成連結(傳真的 fax: 連結在瀏覽器上無作用)
  • 電話、Email 可保留點擊撥號/寄信,但不得妨礙選取複製;地址的地圖連結改成另放一個「查看地圖」小字連結,地址本身為純文字
示意站已改
R-019
高雄總公司電話只留代表號
電話只留代表號 +886-7-3344455(與頁尾一致)
完整要求
  • 頁面:聯絡我們 /contact(繁中/英文/簡中)
  • 現況:電話列三支(+886-7-3344455 / 3344478 / 3357930),傳真列三支(+886-7-3336542 / 3336546 / 3336561)
  • 要求:電話只留代表號 +886-7-3344455(與頁尾一致)
  • 待確認:傳真是否也只留一支,留哪一支
示意站已改
R-020
刪除卡片下方的地區標示
整行刪除,不顯示地區標示
完整要求
  • 頁面:聯絡我們 /contact(繁中/英文/簡中)
  • 現況:高雄、台北卡片下方標示「ROC , Kaohsiung」「ROC , Taipei」
  • 要求:整行刪除,不顯示地區標示(2026-11-06 由「改為 Kaohsiung, Taiwan」改為刪除)
示意站已改
R-021
聯絡頁拿掉 Email、電話、傳真的圖示
Email、電話、傳真的圖示拿掉,改用文字標籤
完整要求
  • 頁面:聯絡我們 /contact(繁中/英文/簡中)
  • 現況:Email、電話、傳真前面各有一個圖示
  • 要求:圖示拿掉,改用文字標籤(建議繁中「電話/傳真/Email」,英文「Tel / Fax / Email」,簡中「电话/传真/Email」),與統編同一排版格式
  • 待確認:地址前的定位圖示是否一併拿掉
示意站已改
R-022
聯絡頁右下照片換成散裝船
換成散裝船照片
完整要求
  • 頁面:聯絡我們 /contact(繁中/英文/簡中)
  • 現況:右下角卡片背景圖為貨櫃船(img/album/ab-20.jpg,甲板上有貨櫃與 ISO Tank)
  • 要求:換成散裝船照片
  • 素材:由我方另外提供(待補資料)
  • 備註:請確認此圖是否也用在其他頁面,若有,其他頁面維持原圖,只換聯絡頁
待航昇提供資料或確認
R-024
海運承攬的電話、傳真錯誤
改為電話 +886-7-9687020、傳真 +886-7-9687018
完整要求
  • 頁面:聯絡我們 /contact 的「海運承攬/航昇海運承攬運送股份有限公司」卡片(繁中/英文/簡中)
  • 現況:電話 +886-2-2712-6111、傳真 +886-2-2719-7555(與台北分公司相同的號碼)
  • 要求:改為
  • 電話:+886-7-9687020
  • 傳真:+886-7-9687018
  • 備註:台北分公司卡片的 +886-2-2712-6111/2719-7555 維持不變;格式依 R-018(可複製)、R-021(拿掉圖示)處理
示意站已改
伺服器與其他2 項
R-007
伺服器缺檔
補上 team.css、bg-01.svg、card-bg.png 與 jQuery UI 圖示,或移除不再使用的引用
—
完整要求
  • 頁面:全站
  • 現況:assets/pages/css/team.css、img/shape/bg-01.svg、img/shape/card-bg.png 及一組 jQuery UI 圖示(ui-icons_*.png)回 404
  • 要求:補上缺檔,或移除不再使用的引用
請廠商在伺服器處理
R-009
缺隱私權政策頁與 sitemap
補上隱私權政策頁與 sitemap.xml
—
完整要求
  • 頁面:全站
  • 現況:沒有隱私權政策頁,/sitemap.xml 為 404
  • 要求:補上
請廠商在伺服器處理