Work Showcase
Guava 新鮮購
#電商
#品牌網站
#網頁設計
01
作品介紹
Introduce
這是一個結合了電商功能與品牌形象的虛擬網站，以「自然、純粹」為核心理念，模擬出一家專以芭樂為產品的品牌。
設計上以極簡設計為基礎，讓視點聚焦於產品本身的鮮甜與品質，融入了多數電商必備的實用功能，從基礎設定、商品上架，再到付款與出貨流程，皆透過網站的外掛完整實現。
這不僅是一個功能測試，也是一個將品牌故事與購物體驗相結合的實驗性作品。
02
設計與顏色
Design & Color
網站色彩選用
- 以微暖的翡翠綠代表自然新鮮的核心色，象徵著生機與果園間的清風，呈現出清爽又不刺眼的品牌色調。
- 頁面背景以灰底趁底色，能創造出更為柔和的氛圍感，避免了純白的單調，讓品牌整體視覺上更完整、分明。
- 文字上使用較深的藍灰色，代表著穩重和信賴感，象徵穩固的品牌和承諾，在清新的主色和柔和的背景之間取到了支撐和平衡的作用，同時也帶來資訊中的視覺重心。
本網站以高度的功能導向為主體，並結合品牌感，透過合適的自然色彩與溫和的視覺語言，營造出專屬的購物體驗。
在色彩的選用上，主顏色帶來了自然與健康的情緒感受，配合著穩固的文字副色，白灰背景則讓頁面保有呼吸空間和區隔感，使整體視覺上簡單乾淨。
排版方面與結構方面，採用較為常見的設計方式，以凸顯簡潔自然感，考慮到產品展示與品牌故事，最終使用了讓視覺和資訊上集中，更能展現其聚焦且平衡優勢的半幅排版，兼顧了電商的功能性並承載品牌理念的傳遞。
03
亮點功能展示
Highlights
以WooCommerce為核心電商架構，完整模擬品牌電商的購物流程。
主要功能包含：
- 購物與結帳：支援商品加入購物車、計算金額，並可選擇多元的付款方式，包括銀行轉帳與綠界、藍星等金流，滿足各種支付需求。
- 產品頁面：每個產品皆可擁有專屬的圖片展示、描述與價格資訊等，並可搭配促銷或庫存顯示，提升購買的轉化率。
- 會員系統：提供訪客註冊與登入功能，讓消費者能管理訂單、查看配送狀態等功能，提升顧客的便捷性與回頭率。
- 訂單與出貨管理：後臺可管理每筆訂單的狀態，從付款確認到出貨通知，也提供庫存管理讓商家能夠更好查看和設定。
- 部落格系統：整合部落格模組，透過可持續更新的內容空間，能為網站拓展內容行銷的可能性。
- 響應式設計：無論是電腦、平板和手機都有良好的購物體驗。
