基本介紹
Lattice 是一家創新的 FINTECH 金融科技公司,致力於推動金融行業的數位化轉型,為客戶提供安全、高效和可靠的投資、金融服務。
這次的設計任務是設計一個債券交易平台,並讓網站整體風格、簡潔度、方便性對比傳統的交易平台,能有很高的水準。
因應智慧型手機與平板電腦的重要性日益高升,採用了RWD (Responsive Web Design) 響應式網站的設計方式,以滿足桌機與各類行動裝置的整體需求。
設計概念
科技與優雅,是設計團隊為網站定調的設計主軸,由這兩個要素延伸出了整個平台,主要功能是債券交易,期望讓網站更聰明、資訊簡潔與使用方便。
圍繞債券交易這個主軸,還有眾多的功能如下:
Dashboard|儀表板
Watchlist|關注列表
Portfolio|投資組合
News|相關新聞匯整
Editorial|評論彙整
Alerts|警報眾多功能
色彩計劃
整個網站是一個金融交易的平台,設計團隊以有質感的深藍色,搭配大面積的白色與淺灰色,營造高科技、絕塵不染的感覺。
設計團隊在網站內還使用了不少不同層次的淺灰色,以及高彩度的亮藍色作為輔助色,讓Icon或文字,都能有一些不同的層次。用。
此外,白色底版乘載著許多重要下訊息,又不能太呆板,所以設計上有一些區塊感或以及陰影的層次感。特定位置的Action按鈕,設計上有立體化,讓按紐更醒目。
R218 G218 B218
#DADADA
R151 G166 B187
#97A6BB
R54 G61 B250
#363DFA
R0 G31 B98
#b4d3e2
手機版本
針對手機的直式畫面設計網頁,即使單手也能順暢瀏覽網站與所有精彩的圖文內容。
用智慧型手機瀏覽此網站,也能因RWD (Responsive Web Design) 響應式網頁的方式設計,而得到絕佳的畫面呈現,幫助螢幕較小的手機用戶也能快速的找到所需的資料。
針對智慧型手機的直式顯示方式,設計團隊也更優化操作界面,用一目了然的選單,讓手機的使用者能快速切換頁面或單元,找到所需的資訊。
*支援 iOS / Android 智慧型手機。
*Lattice|版權所有。
桌上型電腦版本
用桌上型電腦或筆記型電腦瀏覽此網站,充分利用桌機效能,讓橫式大畫面呈現最佳效果。
桌上型電腦版本,保有最完整的設計細節、動態滑動表現,不論選單、物件的動態滑動感,在桌上型電腦版本都能有最好的表現。
設計團隊期望使用桌上型電腦、筆記型電腦的使用者,能在驚奇、愉悅的氛圍下瀏覽網站。
以RWD (Responsive Web Design) 響應式網頁的方式設計,使網頁顯示的區域、可閱讀的範圍,變得比一般網站更大更寬,在瀏覽圖片或文案時將有更好的的瀏覽品質。
*支援PC / Mac桌上型電腦、筆記型電腦,Chrome、Safari、Edge、Firefox以上之瀏覽器。
*Lattice|版權所有。
重點畫面
我們把一些主要頁面放在這邊,這只是整個網站畫面的一部分,可以了解整個龐大的作業量。
相關案例
相關案例
Mercedes-me
內容平台
相關案例
日藥本舖
官方電商 APP