top of page

01

website

銀行信用卡
行銷網站設計

Desktop & Mobile

UI Design

ALL ME web design.png

專案情境

行動支付品牌集團與銀行及知名電信首次推出之卡面。此為跨域金融服務概念的信用卡,

為溝通累點快、靈活兌、通路廣三大特色,製作行銷網站。

Wireframes

中信UI.png
中信.png

Design Concept

KV design

主視覺強調三大主軸:全新卡面、點數交換與靈活流動,希望用戶進入官網那刻,

感受到「全新、神秘、不同過往」的感受,色彩上使用卡面配色來加強視覺印象。

中信_concept.png

Logotypes

ALLME.png
ALLME_web.png

專案負責 | UI Design、前端維運

版權聲明:圖片僅供作品集示意,版權為 Pi 拍錢包所有,請勿擅自下載與截圖使用。

*Mockup為示意網站,內容可能與實際不同,切勿任意散播使用*

*若有任何疑問煩請聯絡處理*

02

website

銀行聯名卡
行銷網站設計

Desktop & Mobile

UI Design

ES web design.png

專案情境

銀行與行動支付品牌推出之聯名卡,因全新卡權益需優化官網內容,

進行行銷網站的規劃與設計。

用戶訪談

  • 舊版網站視覺過於童趣、配色豐富,弱化了信用卡資訊。

  • 網頁文字大小不一,在不同裝置上導致跑板等問題。

Wireframes

玉山UI.png
玉山.png

Design Concept

 UI design 

配色以沈穩有活力的藍為主調,輔以黃與灰,加上本次設計亮點:精靈光,來襯托資訊。

插圖也規範了用色,並簡化過於複雜的元素,讓整體視覺更統一、簡潔。

進行前端調整

調整程式碼以符合新版網站視覺,優化SEO敘述圖文,並提升手機版本相容性及體驗。

PI_web.png

專案負責 | UI Design、前端維運

版權聲明:圖片僅供作品集示意,版權為 Pi 拍錢包所有,請勿擅自下載與截圖使用。

*Mockup為示意網站,內容可能與實際不同,切勿任意散播使用*

*若有任何疑問煩請聯絡處理*

©2023 by Konno Ayaka(Yi-Ting, Lin) 

bottom of page