萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 購物優惠流程設計

購物優惠流程設計

 購物優惠流程設計 三聯

  這是一個很有趣的購物推廣案例記錄。我們要推出一個和第三方網站合作的計劃,預計在原本的購物網站上面加上一個推廣用的“折扣序號”,讓顧客可以在 第三方網站上面輸入 email 來取得我們的折扣序號,希望顧客可以在收到 email 後,可以來我們的購物網站上面消費並使用折扣序號來打折,並完成消費動作。

  一開始的計劃像是上面那張照片的上半部分,流程詳解如下:

  1、顧客在第三方網站上輸入 email

  2、第三方網站透過一組 API 來跟我們的服務器與數據庫取得授權

  3、我們的服務器發送帶有「折扣序號」的 email 給顧客

  4、收到 email 和折扣序號

  5、透過 email 內的超鏈接進入我們的網站首頁

  6、浏覽商品分類(或切換商品分類)

  7、浏覽商品詳細頁面(或切換商品頁面)

  8、進入購物車

  9、輸入「折扣序號」

  10、完成結賬手續

  乍看之下這個流程還不錯,但是設計的時候我們總是覺得哪裡怪怪的,好像有什麼地方需要改進。在開始動手改進之前,我們先將覺得好像有問題的地方列出來:

  1、要手動輸入折扣序號(用紙筆抄下來)或是復制貼上折扣序號

  2、折扣序號情境激發的時間點太晚(在進入購物車後),難以激發購物欲望

  3、沒辦法隨時讓使用者沉浸在「折扣情境(Context of Discount)」中,會降低購物欲望

  4、萬一要發送實體的折扣序號(如折扣小卡),不知道要在哪裡 landing

  有了問題就要試著動手解決,左思右想,我們決定制作一個新的 Landing Page 給折扣序號使用。這個 Landing Page 包含一個輸入序號用的輸入方塊、和開始購物的按鈕,以及絢麗又漂亮的品牌介紹。然後把這個 Landing Page 附在 email 裡面一起寄給顧客。然後讓這個 Landing Page 的 url 可以記住折扣序號,這樣顧客在到了 Landing Page 需要輸入折扣序號的時候,就不用手動輸入了;只要按下開始購物的按鈕就會進入購物網站中。

  一旦顧客透過這個 Landing Page 進入網站,代表顧客已經輸入了一組序號了。那就讓這組序號和折扣的情境一直留在畫面的左下角:制作一個可愛的折扣標簽來提醒顧客如何使用與進行折扣。這樣顧客就會一直記得他還有折扣還沒有消費掉。

  如此一來,如果要發送實體的折扣小卡,就可以在卡片上面附上這個 Landing Page 的 url,先簡短的看一下網站介紹,輸入序號,然後就開始購物吧!

  因此,我們重新整理過的流程詳解如下:

  1、顧客在第三方網站上輸入 email

  2、第三方網站透過一組 API 來跟我們的服務器與數據庫取得授權

  3、我們的服務器發送帶有「折扣序號」和 url 的 email 給顧客

  4、收到 email 和折扣序號

  5、透過 email 內的超鏈接進入折扣序號的 Landing Page

  6、浏覽商品分類(或切換商品分類)

  7、浏覽商品詳細頁面(或切換商品頁面)

  8、進入購物車

  9、完成結賬手續

  其中 5 6 7 三個步驟都有折扣情境一直提醒消費者,折扣情境也從原本的第 9 個步驟提高到第 5 個步驟,也不需要手動輸入折扣序號了。最酷的是,我們也提供了現實(折扣小卡)和虛擬(購物網站)結合的方法,真是有趣呢!

copyright © 萬盛學電腦網 all rights reserved