😓 goons:Sorry your JavaScript is off or your browser does not support JavaScript 😓
田原香|官方網站 & App

田原香|官方網站 & App

YEAR

2023

SERVICES
  • 企業形象網站

  • EC 電商

田原香是台灣第一家創立的滴雞精品牌,致力於提供適合不同消費族群的滴雞精。從2005年創立以來,田原香除了擴展了更多產品線外,也陸續開設日本、新加坡、香港、澳門...等實體及數位通路。

PROJECT OVERVIEW

專案背景

重塑品牌形象,拉齊各大官方平台的購物體驗

為了因應銷售擴張跟品牌市場定位重新定錨等需求,此次田原香與果思合作,旨在通過改版拉齊各國「 EC 官網」及「官方 App」的數位體驗,導入網站 RWD 設計、優化購物動線與行銷機制,同時展現多元化的產品特色及將品牌形象導入數位渠道,重塑品牌意象。

果思的角色

  • 官網 / APP 改版策略

  • UIUX 設計

  • RWD 前端開發

ACHIEVEMENT

專案成果

聚焦產品價值,塑造品牌獨特性

田原香以「因人而異」的中醫理念,推出多款漢方藥材滴雞精,作為品牌獨有的特色。並針對不同族群、生活型態和人生階段,提供多元的調理方式。然而,各通路溝通銷售方式缺乏一致性,品牌特色難以傳遞。本次改版,果思聚焦田原香的產品特色和理念,透過以「族群」切入的商品分類方式及策展頁,突顯差異化;並輔以漢方藥材、自然材質的設計細節,為原先冰冷的線上銷售場景中,注入田原香溫暖、具生機的特色。

CHALLENGE

挑戰

  • 01

    如何平衡行銷資訊與品牌形象,兼顧銷售與體驗?

    田原香官網需同時承載品牌形象與線上銷售,且田原香的行銷活動多元,且常態有多 2-3 檔不同性質的促銷活動並行。行銷資訊易搶佔視覺。果思以首頁策展區及統一化行銷 banner 設計,提升資訊條理性,讓主打活動清晰呈現。同時,透過柔性的情境文案和質樸手作感的設計元素,帶出商品資訊,以增添人性紋理。

  • 02

    如何讓新設計,無痛銜接現有的複雜電商機制?

    田原香電商平台已運作多年,涉及複雜的商品、行銷與會員機制。為了讓新設計不影響既有系統運作,果思前期深入了解前後台邏輯,釐清不可變動的流程(例如:涉及活動金額計算、後端存儲格式等)以及可透過介面設計優化的機會點。並通過與田原香團隊頻繁溝通,確保設計能即時修正和調整。

  • 03

    強化會員體驗,串聯線上線下通路

    除官網改版,田原香亦同步優化既有 App,期望提升會員使用率,便利提貨與福利查詢,並推動實體門市掃碼等線下應用。果思以會員體驗為核心,優化線上線下的接觸點,強化分級制度與福利整合,打造完整的會員經營體驗,讓品牌服務更具黏著力。

  • BRAND STRATEGY

    視覺策略-品牌導入

    一心一意,傳遞每個細節的專注與溫暖

    身為滴雞精的領導品牌,田原香致力於拓展市場,一點一滴地將品牌推向國際。在設計上,除了透過留白營造出簡約高級感外,進入首頁時,藉由融入水波紋擴散的動態效果,象徵田原香不斷向海外市場拓展,展現其深耕於台灣並持續成長的無限可能性。

    經由客戶需求訪談與實體門市參訪,發現田原香對滴雞精的專注,從農場養殖到高溫窯火燉滴等每個細節都一手包辦,只為做出最高品質的產品。因此畫面上,透過紙質的層次、背景的紋理與插圖的拓印質感,將田原香在產品上用心與專注,轉化成視覺溫度,透過手感紋理,一筆一畫地將心意親手送到顧客面前。

    田原香針對不同的族群,推出對應漢方保養的產品,能全方面照顧不同的需求,融入日常生活。在選圖上,採用暖色調以及充滿生活感的情境圖,帶出品牌給人的親切感 ; 並透過光影材質的運用,營造出如同舒適午後的情景,讓用戶能放鬆的瀏覽選購。

     

    PRODUCT STRATEGY

    產品規劃

    打造品牌風格

    全新風貌的官網及 App

    傳遞品牌特色

    運用主題情境包裝商品,帶出品牌溫度及特色

    行銷版位應用

    多元的活動及商品策展

    結帳和訂單

    優化結帳填單體驗和售後追蹤

    會員經營

    強化會員分級設計和權益

    前往下載

    專案的改版重點於品牌理念氛圍的有效傳遞,如何讓虛擬的想法具體且落地、彼此相互理解是這個專案最具有挑戰的地方。進入網站瀏覽,可以透過動態、點綴及背景質地的設計,細細品味設計師及工程師們的小巧思

    Alyssa
    果思|PM

    這次的專案,透過親身參訪門市和產品,感受到品牌的貼心和專注細節。因此努力的將這份細緻與美好體現在設計中,希望每一位到來瀏覽的顧客,都能感受到這份用心,獲得一份愉悅溫馨的體驗!

    Jenna
    果思|UI Designer

    從需求訪談、介面設計、前端開發到實際落地,很高興可以看到這個充滿細節的專案上線,客戶對專案的雕琢由前端開發實現的過程像是施放魔法一般,在魔幻且閃亮的火花之後化作美好的結果。

    Simon
    果思|Front-End engineer

    專案的改版重點於品牌理念氛圍的有效傳遞,如何讓虛擬的想法具體且落地、彼此相互理解是這個專案最具有挑戰的地方。進入網站瀏覽,可以透過動態、點綴及背景質地的設計,細細品味設計師及工程師們的小巧思

    Alyssa
    果思|PM

    這次的專案,透過親身參訪門市和產品,感受到品牌的貼心和專注細節。因此努力的將這份細緻與美好體現在設計中,希望每一位到來瀏覽的顧客,都能感受到這份用心,獲得一份愉悅溫馨的體驗!

    Jenna
    果思|UI Designer

    從需求訪談、介面設計、前端開發到實際落地,很高興可以看到這個充滿細節的專案上線,客戶對專案的雕琢由前端開發實現的過程像是施放魔法一般,在魔幻且閃亮的火花之後化作美好的結果。

    Simon
    果思|Front-End engineer