田原香
田原香 EC 官網 / APP
從產品亮點出發，打造品牌形象 x 銷售並重的數位平台
- # 品牌 EC 電商
- # RWD 網站
- # Mobile APP
重塑品牌形象，
拉齊各大官方平台的購物體驗
田原香是台灣第一家創立的滴雞精品牌，致力於提供適合不同消費族群的滴雞精。從2005年創立以來，田原香除了擴展了更多產品線外，也陸續開設日本、新加坡、香港、澳門...等實體及數位通路。
此次田原香與果思合作，旨在通過改版拉齊各國「 EC 官網」及「官方 App」的數位體驗，優化整體購物動線，同時展現多元化的產品特色及品牌質感的形象。
果思的角色
- 官網 / APP 改版策略
- UIUX 設計
- RWD 前端開發
聚焦產品價值，
塑造品牌獨特性
有別於其他滴雞精品牌，田原香導入中醫「因人而異」的滋補概念，與中醫顧問共同研發多款加入「漢方藥材」的滴雞精。並針對不同生活型態和人生階段，提供不同族群多元的調理方式。
然而，過去田原香的各個站點，缺乏統一溝通產品及品牌特色的方式，較難傳遞出一致的品牌形象和產品優勢。
本次改版，果思聚焦田原香的產品特色和理念，透過以「族群」切入的商品分類方式及策展頁面，強化出和其他滴雞精品牌的差異；並輔以漢方藥材、自然材質的設計細節，為原先冰冷的線上銷售場景中，注入田原香溫暖、具生機的特色。
如何在揭露行銷和商品資訊的同時，打造質感、溫暖形象？
田原香的官方平台除了要傳遞品牌形象外，另一個重點任務為「線上銷售」，且田原香的行銷活動多元，同一時間可能會有 2-3 檔不同性質的促銷活動。
為了平衡「揭露行銷資訊」和「提升品牌形象」的需求，果思在設計首頁時，不僅新增了商品策展區塊以突顯主打行銷活動，還統一了全站行銷banner的文字和圖片佈局，使網站風格更加一致。同時，透過柔性的情境文案和質樸手作感的設計元素，帶出商品資訊，以增添人性紋理。
如何讓新設計，無痛銜接現有的複雜電商機制？
田原香的網站和 App 已運行多年，不同的產品類型、行銷折扣和用戶身份都有相應的購物流程和配套機制。
為了讓新設計，無縫銜接現有後端系統和後台欄位，果思在設計前仔細研究了現行前台和後台系統，找出不能變動的機制（例如：涉及活動金額計算、後端存儲格式等）以及可透過介面設計優化的機會點。並通過與田原香團隊頻繁溝通，確保設計能即時修正和調整。
介面設計規劃
延續品牌理念，找回生活的真淳本質，並以高品質與創新的突破概念，詮釋田原香的故事底蘊，打造漫嚐細膩的沈靜。
邁向國際，
用心擴展每一滴的未來
身為滴雞精的領導品牌，田原香致力於拓展市場，一點一滴地將品牌推向國際。在設計上，除了透過留白營造出簡約高級感外，進入首頁時，藉由融入水波紋擴散的動態效果，象徵田原香不斷向海外市場拓展，展現其深耕於台灣並持續成長的無限可能性。
一心一意，
用心傳遞每個細節的專注與溫暖
經由客戶需求訪談與實體門市參訪，發現田原香對滴雞精的專注，從農場養殖到高溫窯火燉滴等每個細節都一手包辦，只為做出最高品質的產品。因此畫面上，透過紙質的層次、背景的紋理與插圖的拓印質感，將田原香在產品上用心與專注，轉化成視覺溫度，透過手感紋理，一筆一畫地將心意親手送到顧客面前。
融入日常，
輕鬆提升生活品質
田原香針對不同的族群，推出對應漢方保養的產品，能全方面照顧不同的需求，融入日常生活。在選圖上，採用暖色調以及充滿生活感的情境圖，帶出品牌給人的親切感 ; 並透過光影材質的運用，營造出如同舒適午後的情景，讓用戶能放鬆的瀏覽選購。
全新風貌的官網及 App
運用主題情境包裝商品，帶出品牌溫度及特色
多元的活動及商品策展
優化結帳填單體驗和售後追蹤
強化會員分級設計和權益
專案的改版重點在於品牌理念及氛圍的有效傳遞，在討論上如何讓虛擬的想法具體且落地、彼此相互理解是這個專案最具有挑戰的地方。
印象深刻的是在視覺提案前，除了需求訪談外，團隊們更透過實地走訪田原香多間門店，紀錄下美好的感受並融合於設計中，使虛擬的理念得以透過設計更精確地展現。
進入網站瀏覽的夥伴，可以透過網站的動態、操作瀏覽體驗、點綴及背景質地的設計，細細品味設計師及工程師們的小巧思～
這次的設計專案，透過親身參訪門市和產品，感受到品牌的貼心和專注細節。因此努力的將這份細緻與美好體現在設計中，希望每一位到來瀏覽的顧客，都能感受到這份用心，獲得一份愉悅溫馨的體驗。讓顧客不僅找到所需，更能感受到其中的溫度。
從需求訪談、介面設計、前端開發到實際落地，很高興可以看到這個充滿細節的專案上線，客戶對專案的雕琢由前端開發實現的過程像是施放魔法一般，在魔幻且閃亮的火花之後化作美好的結果。
