基本介紹

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|版權所有。

重點畫面

我們把一些主要頁面放在這邊,這只是整個網站畫面的一部分,可以了解整個龐大的作業量。

造訪 Lattice 網站 與我們聯繫

相關案例

相關案例

Mercedes-me
內容平台

相關案例

日藥本舖
官方電商 APP

上一個案例 下一個案例
zh_TWTW