技術 Angular Tailwind CSS
服務項目 網頁切版 前端開發 UI/UX 優化
時長 9 個月
基富通證券

網路交易平台開發案

本案採用前後端分離的方式進行協作,我們公司主要負責「純前端」部分,採用 Angular 前端開發框架,不但大幅縮短開發時程,同時也提升了網站效能與操作體驗。在其複雜功能的背後,更維持網站具有一定的可維護性。

基富通證券官網擁有為數龐大的各式基金商品資訊,為了能夠提升使用者體驗,前端頁面進基富通證券官網擁有為數眾多的各式基金商品資訊,龐雜的資訊讓他們的客戶很難快速的找到想得到的資訊。為了能夠大幅提升使用者體驗,便對整個網頁前端進行了一次大幅度的改造。


由於頁面數相當多,而且需要符合國家主管機關的規定,我們最後採用前後端分離的方式進行協作,我們公司主要負責「純前端」部分,而後端 API 部分則使用 OpenAPI 與 Postman 進行協作。


我們在本案採用 Angular 前端開發框架,不但大幅縮短開發時程,同時也提升了網站效能與操作體驗。在其複雜功能的背後,更維持網站具有一定的可維護性!

多奇的解決方案
1
遠端工作的看板管理 (Kanban)

本案在疫情尖峰的期間完成,數十位團隊成員在「線上」進行互動,我們的專案管理人員採用了 Azure Boards 進行看板管理,透過一目了然的 Backlogs 工作規劃,與每個衝刺週期(Sprint)的工作安排,幫助我們每天只需要 5 ~ 10 分鐘的晨會就能輕鬆掌握專案的現況,並且有效的改善前後端彼此之間的溝通難題。

2
導入 Postman 與 Open API 3.0 進行前後端協作

由於前後端開發人員不在同一個辦公室工作,雙方的溝通協調就變的時分重要。我們雖然負責前端開發部分,但後端部分我們也提供了完整的開發流程建議,透過自動化的 API 測試與用戶端函式庫的整合,可以大幅提高協作的效率,降低前後端規格不一致的情況發生。


3
採用強型別的 TypeScript 進行開發


本案採用 Angular 開發框架,其程式語言使用 TypeScript 進行開發,我們在與後端 API 串接的時候,採用了 100% 強型別的方式開發,所有前端用來存取後端 API 的用戶端程式庫都是由工具自動產生的,程式碼在強型別的保護下,可以幫助我們在第一時間就能得知後端 API 的異動情況,因此大幅的改善了前端開發者體驗。


4
前端共用元件設計


我們在專案初期,設計了數十個可以被重複使用的共用元件 (Components),並透過 Storybook 建立動態的元件說明網站,此舉幫助我們的前端工程團隊縮短了開發的工期,同時也提升的網站的穩定度與品質。

Contact Us聯絡多奇
聯絡多奇為您提供最專業的協助!
background image background image