× 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 製作
