新聞網 / 訂購金流頁

tool

Figma

2024-03 — 2024-09

Sandi’s work

訂購/金流頁改版:
1.專案目標優化介面設計,數位產品重新整併,以手機使用者為優先設計。 2.調整訂購流程、訂單資料填寫,新訪客可以先行購買再完成註冊流程,簡化金流操作頁面並提高轉換機率。

方案跌代設計 金流頁流程簡化至 2 頁
方案跌代設計 訂購頁方案調整 / 跌代設計

第一版: 改版設計將同一類型方案整合,設計時間月份切換按鈕,使方案類型以更簡潔的形式的呈現,方便使用者比價。移除左右滑動樣式,更利於行動裝置使用者。
第二版: 產品需求調整,刪除季方案選項,同時參考 ios purchase 和它牌競品設計,樣式設計調整盡可能與 App 一樣,維持品牌一致性,將價格直接呈現於CTA上不必切換比價,並且可以一步驟點選購買。

方案深色模式、RWD 訂購頁方案 / 深色模式、RWD
訂購頁-金流頁 訂購頁到金流頁操作 / prototype