View
類型 :
Web UI
/
年份 :
2025
/
負責 :
UI design
/
客戶 :
Techworkslabs

SuperTechNova

專案概覽

背景

SuperTechNova 是 eGadgetsDeals 經過視覺風格重塑後推出的電子商務網站產品,旨在為消費者提供更現代化、直覺且高效的購物體驗。透過品牌升級,SuperTechNova 採用了全新的標誌設計、更具科技新星的色彩搭配,以及優化的 UI 元件,使整體視覺更符合科技趨勢。

目標與目的

持續推動數位零售創新,強化在電子產品市場的競爭力,並吸引更多對科技產品感興趣的消費者。

角色與成果

在不更動原有框架的前提下,我負責重新設定 eGadgetsDeals 的 UI 風格,進行設計調整,並最終交付完整的視覺成果。

挑戰

在不更動原有 UI 結構的前提下,打造全新的視覺風格,同時確保使用者能夠感受到品牌煥然一新的視覺體驗。此外,需在維持既有功能與使用者習慣的同時,提升整體設計的一致性與辨識度,讓品牌形象更加鮮明且具吸引力。

結果與影響

我們在兩個月內成功推出全新品牌,並且營收持續成長。同時,現有版本仍在持續優化,以進一步提升使用者體驗與品牌競爭力。
品牌

策略

我們的策略是使品牌 SuperTechNova 精準傳遞其科技創新與未來導向的定位。透過俐落的字體造型與流線設計語彙,打造出一個充滿速度感與科技張力的品牌視覺,強化其在新世代科技領域的辨識度。
整體設計以深紫至亮紫的漸層作為主視覺元素,象徵科技能量與品牌持續進化的動態精神。字型風格結合現代感與科技感,中央延伸而出的光芒切線,賦予標誌前進、突破與未來探索的意象。
底部橢圓型光影平台強化了「Nova(新星)」的概念,彷彿品牌正在能量核心上蓄勢待發。SuperTechNova 的視覺語言不僅呈現其專業科技電商平台的穩定與信賴,也充分展現其開創未來、連結創新科技的品牌精神。

SUPERTECHNOVA 標誌

象徵科技、創新與未來感。
四向放射的尖角帶來一種精準且具動能的視覺張力,也代表著發光、成長、引領趨勢的動態感受。
象徵科技、創新與未來感。
四向放射的尖角帶來一種精準且具動能的視覺張力,也代表著發光、成長、引領趨勢的動態感受。

顏色

- 星雲、紫水晶和紫羅蘭。
這些是所有品牌資產使用的核心顏色,建立了強大且可識別的視覺識別。它們傳達出一種成熟、創造力和未來活力的感覺。

- 薰衣草色、紫丁香色和淡紫色。
這些柔和的色調可作為背景色,增強視覺深度並增加微妙的對比。透過支持各種品牌元素,它們提高了可讀性並創造了一種平衡、和諧的美感。它們的存在使得人們更容易辨別關鍵內容,同時保持優雅和現代的感覺。
- 星雲、紫水晶和紫羅蘭。
這些是所有品牌資產使用的核心顏色,建立了強大且可識別的視覺識別。它們傳達出一種成熟、創造力和未來活力的感覺。

- 薰衣草色、紫丁香色和淡紫色。
這些柔和的色調可作為背景色,增強視覺深度並增加微妙的對比。透過支持各種品牌元素,它們提高了可讀性並創造了一種平衡、和諧的美感。它們的存在使得人們更容易辨別關鍵內容,同時保持優雅和現代的感覺。
Nebula
Amethyst
Violet
Lavender
Lilac
Mauve
設計指南
網站

設計強調視覺層次、產品展示、便利的購物體驗和清晰的導航系統。

著陸頁-首頁

透過橫幅圖片、不同大小的產品區塊和清晰的標題,使用者可以快速關注重要的促銷活動。導覽列和搜尋列設計簡潔直觀,讓使用者輕鬆找到所需的商品。此外,產品類別區塊和推薦部分組織整齊,增強了使用者體驗。該頁面採用白色背景,綠色作為強調色,使得整個網站看起來乾淨清新,易於閱讀和瀏覽。
透過橫幅圖片、不同大小的產品區塊和清晰的標題,使用者可以快速關注重要的促銷活動。導覽列和搜尋列設計簡潔直觀,讓使用者輕鬆找到所需的商品。此外,產品類別區塊和推薦部分組織整齊,增強了使用者體驗。該頁面採用白色背景,綠色作為強調色,使得整個網站看起來乾淨清新,易於閱讀和瀏覽。
左側邊欄提供各種過濾選項,幫助使用者快速縮小範圍並找到符合其需求的產品。頁面頂部提供基於相關性、價格等的排序選項,而頁面底部允許使用者選擇每頁顯示的產品數量,從而增強靈活性。頁面頂部保持了清晰的導航選單和搜尋欄,方便使用者隨時輕鬆跳到其他類別或進行搜尋。

產品列表與詳細頁

左側邊欄提供各種過濾選項,幫助使用者快速縮小範圍並找到符合其需求的產品。頁面頂部提供基於相關性、價格等的排序選項,而頁面底部允許使用者選擇每頁顯示的產品數量,從而增強靈活性。頁面頂部保持了清晰的導航選單和搜尋欄,方便使用者隨時輕鬆跳到其他類別或進行搜尋。
下一個專案
rh chat