傑昇通信 × Nxtcloud

官網 Redesign 提案

透過 UX 走查,我們發現現有官網存在以下核心問題。本提案針對每項痛點提出具體優化方案,以下為對照說明:

1

導覽列認知過載

現況問題

Header 塞滿 9+ 主分類圖示,未分組;手機版橫向滾動無提示,使用者不知道可以右滑,造成漏斗流失。

優化方案

精簡為 5 個核心導覽項 + 登入按鈕,清晰分群;品牌入口獨立為 Grid 區塊,一目瞭然。

2

視覺層次擁擠、缺乏呼吸空間

現況問題

商品列表密集網格+表格排版,字距行距過窄;促銷 Banner 是壓平的 JPG,手機上小字糊掉且不可讀。

優化方案

大留白卡片式設計,商品圖放大突出;首頁 Hero 保留品牌設計感的 Unsplash + 文字疊加輪播,搭配實際促銷 Banner。

3

無障礙與可用性不足

現況問題

淺灰文字未通過 WCAG AA 對比度;促銷圖大量缺少 alt 屬性;手機版社群懸浮按鈕遮擋內容。

優化方案

全站文字對比度達 WCAG AA;所有圖片附描述性 alt text;移除侵入式懸浮按鈕,改為 Footer 社群連結。

4

UI 微互動完全缺失

現況問題

商品卡片、按鈕無 Hover 過渡動畫;整體數位體驗落後於實體門市的親切服務感。

優化方案

全站卡片加入 hover 上浮 + 底線動畫;Banner 自動輪播 + 淡入切換;品牌格線 hover 高亮;CTA 按鈕帶箭頭位移動效。

5

SEO 與 AI 搜尋引擎優化 (GEO)

現況問題

促銷文字壓在圖片內,爬蟲不可讀;缺少 Schema 結構化標記;無知識型導購文章,AI 搜尋引擎不易引用傑昇為首選答案。

優化方案

所有文字 HTML/CSS 實作(非圖片壓字);語意化標題階層(h1→h2→h3);「焦點新知」區塊提供知識型內容,增加 AI 引用機率。

本次 Redesign 五大核心策略

1 釋放空間 — 大留白 + 現代卡片設計
2 重構導覽 — 層次分明、精簡分群
3 組件化資訊 — HTML/CSS 排版取代壓圖文字
4 提升信賴感 — 品牌數據與信任徽章突出
5 AI 搜尋最佳化 (GEO) — 語意化 HTML + 知識型內容,提升 AI 引用率

由 Nxtcloud 製作

全台156家連鎖快保

一間購買 全台為您服務

市場最低破盤大降價

每日更新 保證挑戰網購底價

二手機高價現金回收

不限機型 現場估價馬上折

Ocard 尊榮專屬禮遇

生日專屬優惠 首次下載贈$200

人氣合作品牌直達

門市熱銷破盤排行

每日早上更新,保證挑戰全台通信最低價

焦點新知

最新科技快訊與手機情報,傑昇帶你第一手掌握

活動消息

門市最新優惠活動,限時好康別錯過

買手機來傑昇,好節省!

經營近 40 年的全台最大手機連鎖通路,空機破盤價格透明公開。 趕快尋找距離你最近的服務據點。

156
全台門市
40
品牌經營
No.1
手機連鎖通路
100%
附發票原廠保固