設計土地銀行線上取號服務的操作介面，從使用者取號流程出發，建立清楚且直覺的操作動線，並以一致的視覺風格延伸首頁與內頁，優化分行搜尋、業務選擇及取號操作體驗。
PROJECT OVERVIEW
本專案針對土地銀行線上取號服務進行 UI/UX 介面規劃，從使用者實際取號流程出發，重新整理服務操作流程與介面架構。
以「快速找到分行 → 選擇業務 → 完成取號」為核心，規劃分行搜尋、鄰近分行、地圖及業務選擇等主要操作介面。
同時延伸首頁與內頁視覺設計，建立一致的介面元件與視覺語言，並完成 RWD 響應式介面設計與前端切版。
Project Type｜Website Redesign · UI/UX Design
Design Stage｜既有服務介面規劃 · UI/UX 視覺設計規劃
Project Year｜2023
Execution｜視覺設計 · UI/UX 介面規劃 · RWD 切版
DESIGN CHALLENGE
線上取號涉及縣市、區域、鄰近分行及業務選擇等多階段操作，需要在有限的畫面空間中清楚呈現資訊層級。
改版的主要挑戰，在於拆解取號流程、降低操作過程中的認知負擔，同時讓使用者能快速找到適合的分行與服務業務。
因此透過流程拆解、資訊層級與介面元件規劃，建立明確的操作引導，並搭配地圖與分行列表提供不同的搜尋方式。
將多階段取號流程拆解為清楚且容易理解的操作步驟。
透過縣市、區域及鄰近分行資訊協助使用者搜尋據點。
結合地圖與分行列表，提供不同情境下的據點查找方式。
清楚呈現業務分類與選擇流程，協助使用者完成取號。
兼顧桌機、平板與手機等不同裝置的操作與閱讀體驗。
UX SOLUTION
以「快速找到分行 → 選擇業務 → 完成取號」為核心，重新規劃服務流程與介面架構。 透過流程拆解、分行搜尋、地圖資訊與業務選擇，建立清楚的操作路徑。
UI DESIGN
將線上取號拆解為明確操作步驟，從分行搜尋、業務選擇到完成取號，建立清楚的使用流程。
BRANCH SEARCH
整合縣市、區域、鄰近分行列表與地圖資訊，協助使用者快速找到適合的服務據點。
SERVICE SELECTION
重新整理業務分類與選擇介面，讓使用者依照需求完成業務選擇與線上取號。
DESIGN & EXPERIENCE
以使用者取號流程為核心，從首頁、分行搜尋、地圖、業務選擇到取號結果，逐步規劃各階段操作介面。
DESIGN COVERAGE
USER FLOW → INFORMATION ARCHITECTURE → UI DESIGN → VISUAL DESIGN → UI COMPONENT → RESPONSIVE DESIGN → RWD FRONT-END
2023｜土地銀行線上取號服務網
線上取號服務整體介面規劃、首頁視覺與版型設計、取號流程 UX 規劃、分行搜尋與地圖介面、業務選擇及取號流程 UI 設計。
完成輸入電話號碼、選擇縣市及區域、鄰近分行列表、鄰近分行地圖、業務選擇及取號結果等主要操作介面。
規劃首頁版型與主要服務入口，建立線上取號服務的視覺方向。
將取號流程拆解為清楚步驟，建立從分行搜尋至完成取號的操作動線。
規劃縣市、區域及鄰近分行搜尋介面，協助使用者快速找到服務據點。
結合鄰近分行列表與地圖資訊，提供直覺的服務據點查找方式。
依使用者需求規劃業務分類與選擇介面，清楚呈現可辦理的服務項目。
規劃取號完成後的結果資訊，清楚呈現使用者後續需要掌握的內容。
建立共用介面元件與視覺規範，維持首頁與內頁的設計一致性。
完成響應式介面設計與前端切版，支援不同裝置的瀏覽與操作。
PROJECT OUTCOME
PROJECT ROLE
亞米負責 整體視覺規劃、UI/UX 規劃、介面設計規範、Template、元件庫、框架設計、UI 切版，透過完整的 Design Specification 與 Component Library，協助開發團隊將設計成果落實於實際系統。
