UI
Web
Grid system
RWD排版
主視覺設計
icon設計
插圖設計
色彩規劃

valuecard 產品頁

2019年

01. 專案概況

專案背景

此為姐妹公司之委託設計一頁式網站,PM提供內容與 wireframe。商品原於開發於日本市場。

專案目的

在新加坡開發商品Valuecard電子貨幣卡,透過一頁式網站與廣告投放,讓更多企業了解多功能卡片。

專案目標

宣傳Valuecard價值卡多功能,吸引更多業主加入計畫,創造更多來源客並可管理客戶關係等。

專案挑戰

客戶本身沒實際案例,產業成功案例僅用圖表表示。

02. 設計流程

03. 設計產出

外部委託設計,由PM提供文案內容與 wireframe ,在新加坡屬業主全新計畫,故設計給予發揮空間。
使用隔線系統 Grid system 設計,並自訂整體設計風格,製作RWD網頁。

痛點發現

  • 如何促進商家營運銷售,多功能儲值卡系統
  • 針對餐飲業與零售商家加入計畫
  • 無商家案例數據呈現
  • 如何減輕諮詢流程

解決方法

  • 將適合的商家、商品特色內容圖像化
  • 針對特定商家,呈現推廣方法與實際數據成長結果
  • 簡單五步驟、常見問答、精簡表單設計

一、委託方希望有延續畫面,故設計使用箭頭引導往下瀏覽

二、多功能儲值卡,根據文案內容發想圖片設計

三、呈現餐飲與零售商家,應用哪些多功能價值卡與實際數據成長結果,設計比對圖

手機版設計

G Suite 產品頁

- RWD排版
- 整體設計與配色
- 主視覺與插圖設計
- 價格表設計

查看作品

Valuecard 產品頁

- RWD排版
- 整體設計與配色
- 插圖設計

查看作品

稻吉數位 服務頁

- RWD排版
- 主視覺設計
- 插圖設計
- 表單設計

查看作品

說明會產品頁

- bulma樣板架構
- 主視覺設計
- 手繪風格
- icon設計

查看作品

田中系統 官網

- menu navigation
- footer
- 手繪風格

查看作品

富泰旅行社 官網

- RWD排版
- 整體設計與配色
- 主視覺與插圖設計
- 價格表設計

查看作品

田中系統 官網

- 手繪風格圖片
- menu navigation design
- footer design
- form design

查看作品

獨角獸 MVP

- 圖片設計
- Guideline
- Components
- UI Kit

查看作品

回應式廣告投放

- Google多媒體廣告
- FB廣告

查看作品

固定式廣告投放

- Google多媒體廣告


查看作品

電子報

- 封面設計
- 內容排版
- 活動宣傳

查看作品

簡介資料

- 下載簡介資料
- 排版設計
- 圖片設計

查看作品