山獸神找案:幫助接案者快速比較所有案源

UX 設計
UI 設計
行動版 Web
執行期間
6個月
擔任角色
UI 設計師
協作成員
產品經理、開發工程師
負責項目
設計產出、設計規格交付、設計需求文件撰寫
1
/3

專案概述

產品簡介

接案的好幫手,一站搜尋所有案源

山獸神找案提供接案者一個能夠方便找尋案源的平台,來幫助接案者同時搜尋所有案件,不必在各大接案平台來回穿梭,只要一站,就能找完所有案件。

擔任角色

UI 設計、品牌識別

依照產品目標與產品架構,與產品經理討論協同合作,設計出更詳盡的操作情境細節,以及定調產品風格與設計語言;並與工程師討論開發上的技術限制,以及設計成果驗收。

2
/3

設計系統

主色
#2578CB
H : 210
S : 82
B : 80
次要色
#FF9810
H : 34
S : 94
B : 100

接案工作者在這座城市日出而作,日落也在作,工作時間沒有清楚的分界;白天各安本業,等到天空從青色變為橙色,我們準備化為螢光巨人繼續為生活努力。

色彩規劃

無論是淺色主題或深色主題的顏色規劃,特別標示前景與後景的對比度,在顏色選用上時能作為閱讀性是否良好的參考。

字型

英文 / 符號 / 數字

English Font - Roboto

中文

中文字型 - Noto Sans CJK TC

裝置中斷點與格線

依現今主要使用的螢幕尺寸訂定響應式網頁的中斷點,包含桌機、筆電、平板、手機,都有良好的閱讀體驗。

圖標

在設計過程中建構出常用圖標的尺寸與圖樣,盡可能保持每個圖案有相同視覺比重。

元件

制定元件的各種狀態,包括 default、hover、pressed、focused、disable等等,系統化元件以便管理設計一致性。

3
/3

設計成品

搜尋結果

依類型搜尋,聚焦案件範圍

置頂的搜尋條件,方便更改關鍵字

深色模式,更少的閱讀疲勞

contact

來信聊聊