Jan 2018

Mar 2021

品牌 / UIX設計

曾就職于Citcon,負責公司的品牌視覺規範以及各種物料設計和展會安排以及企業官網,同時開發新和優化了B端以及C端的產品UIX。

主要負責範圍

市場調查

市場調查

• 競品分析:

垂直與橫向競品分析、優秀國內外設計作品拆解

• 用戶訪談:

與目標用戶線上線下訪談、測試 wireframe 原型

視覺與品牌設計

視覺與品牌設計

• 品牌規劃:

根據公司目標做產品們的設計整合和規範 / 更新設計系統

• 提案並設計宣傳文案:

負責根據宣傳的方向提供設計方案,負責發想和落地。

UIUX-產品開發

UIUX-產品開發

• 介面設計+交互:

根據用戶反饋以及市場調研來開發新的功能,以及更新迭代舊的產品設計。

• prototype:

製作可操作的互動式原型

RESEARCH

產品背景+種類

公司最初專注於為商業店家開通金流服務,讓中國遊客在美國能便捷使用微信與支付寶付款,提升購買意願。然而,受中美局勢影響,我們轉而專注於與各國移動錢包的串聯,拓展更廣泛的支付解決方案。

• 客製化 POS​

提供給大商戶使用,能根據他們原有系統串接掃碼支付渠道。

• 交易後台

讓商戶公司內部人員瀏覽交易資料、管理人事、進行退款等等。

• 手持 POS 以及 APP​

提供給中小型商戶,讓原始 POS 型號不支持掃碼的商戶能有完整替代方案

• CHOP

Citcon Hosted 線上支付渠道,可以生成付款 QR / SMS給客戶,方便沒有 POS 使用場景利用掃碼支付。

RESEARCH

預期使用人群

目前使用人群主要有商戶和消費者兩種,我們的服務內容是幫助商戶獲得更多消費者青睞,所以定位是 2C 的介面+2B 的盈利模式

商戶

服務員的櫃員機、線上CHOP後台、大商戶專用的結算管理後台

身為當地人

付款前端介面、網頁購物結帳金流介面

SOLUTION

品牌/App icon

Citcon原始的標誌經過重新優化,演變成現今的設計。整體風格追求時尚且專業,選用具有強烈幾何造型的字體,搭配高飽和度的克萊因藍。考慮到在支付金融領域,藍色和綠色是最常見的色彩,這樣的設計不僅時尚,更能為用戶帶來信任感。

SOLUTION

設計系統

網站路線圖

SOLUTION

官方網站

公司網站經歷多次改版,此為我離職前完成的版本,現已被替換。考量公司以企業為主要客群,視覺設計聚焦於以下三大核心理念:

  • 專業性:採用工整排版,減少裝飾性圖案,以清晰有序的佈局提升可信度。
  • 活力感:以明亮的亮藍色為主色調,搭配鮮明的黃色,營造現代且充滿動感的視覺效果。
  • 簡練優雅:在原始文本繁多的前提下,精簡畫面,確保資訊傳遞清晰而不雜亂。

整體設計風格與字體皆遵循我所制定的設計規範,確保品牌形象一致且具備辨識度。

DESIGN DETAILS

集成系統

線上商城集成服務,提供接口給商戶使用Citcon的支付渠道。

DESIGN DETAILS

手持POS介面

提供接口給商戶使用Citcon的支付渠道

多平台通用

能掃碼的手持 POS 機我們軟體是內裝好直接給賣機器給用戶,機器大多還附帶刷卡功能。而不打算購買機器的用戶我們提供的是需要開通的收款 app,但是只能接受移動錢包的支付方式。

付款流程

首頁下方深色界面處有一鍵搜索通道,可提示附近的華城站點。在選擇特定站點後,可以上滑瀏覽站點細節決定是否預約充電。

Image Carousel

交易紀錄&結算

每日結算金額計算,交易紀錄系統,含有設定頁面等等是這個app的其他次級頁面。特別說的是這個app的按鈕比較大,因為是設計給面向客戶的商家使用,方便付款時減少誤觸。

Image Carousel
DESIGN DETAILS

其他項目

Citcon 小程序
Dashboard
DESIGN DETAILS

其他相關設計

這是主要產品之外一些設計案例,列舉一些做的相對完整的。包含展會以及活動用的宣傳文案、公司文宣和包裝等。

Thanks for watching

如果有任何商業合作邀請,歡迎聯繫