✸ 我在此專案的角色：響應式網頁介面設計、原型製作

此專案網站為電子商務型網站，為「Uniiqc由你刻」品牌進行介面設計，並同時也符合響應式網頁設計。為了實現自由創造的光景，打造出提供消費者最靈活方便的客製化環境，於產品上刻畫出屬於消費者的專屬輪廓。

在這個專案中，我們的目標是為品牌打造一個響應式的電子商務型網站。為了確保這個設計能夠符合品牌的需求並順利實現，我和品牌的設計師以及前後端工程師有了密切的專案溝通。

過程中，我和品牌的設計師進行了一系列的討論，深入了解品牌的核心價值和設計理念。我們共同構思了網站的整體設計風格和用戶體驗，包括視覺呈現、色彩選擇、版型設計等。在這個過程中，我積極聆聽品牌的想法與需求，並提供專業的設計建議，確保設計能夠符合品牌的形象和目標受眾。​

另外，我將設計稿透過Figma轉換為高保真原型，在溝通過程中展示給工程師看，確保網站的響應式設計在不同的螢幕尺寸和設備上都能夠良好呈現。

首頁

• 簡單直觀的導航：注重簡單易用的導航元素，使消費者能夠輕鬆找到他們想要客製化的產品和服務 ▷ 首頁 header 區塊呈現高層級的頁面需求

• 個性化雕刻流程：為了凸顯客製化雕刻的特點，在設計中呈現清晰的客製化服務步驟，讓消費者能夠在首頁就可以清楚的了解階段步驟

• 這個網站的最大需求是「客製化產品」▷ 明顯的指意Button 指引消費者開始設計專屬商品（黑色為品牌識別及強調色）

產品設計頁面

• 清晰性與簡單性：介面清晰、簡單，讓消費者能夠快速了解如何進行產品客製化

• 導航流暢性：使用步驟式的導航介面，明確地指引消費者完成客製化的各個環節，以避免造成操作上的困惑或疲勞

• 推薦商品呈現：在介面上適當地展示編輯精選和熱門排行的商品，以視覺引導的方式激發消費者的興趣和購買意願

創作者頁面

客製化製作頁面（Mobile）

• 直觀與易用性：每個功能和工具都應該易於找到，並且易於使用。消費者應能夠在最少的點擊和步驟中執行任務

• 靈活性與自訂性：消費者應能夠輕易地自訂工作區，包括圖層管理和資料庫訪問，以滿足其特定需求

• 即時回饋與預覽：介面提供即時的視覺回饋，讓消費者能夠立即看到他們的更改和調整

🖱 link: 點我看客製化製作手機介面prototype