Shinhan Finance: Loan App Design

Project Scope

  • 9-month timeline

  • 50 features, divided into:

    • Phase 1: 30 features

    • Phase 2: 20 features

Specifications

Giai đoạn 1

1.1 Trang đăng ký:

Hướng dẫn (tutorial) cho khách hàng chưa có tên đăng nhập

1.2 Trang đăng nhập:

Hướng dẫn (tutorial) cho khách hàng sau khi tải ứng dụng, trước khi đăng nhập, sau khi đăng nhập Các bước đăng nhập ứng dụng theo các tình huống Khi chuyển sang ứng dụng khác cần phải nhập mã PIN khi quay trở lại phiên làm việc Bước xác nhận mã OTP tương ứng theo yêu cầu của Công ty

Chức năng “Không thể đăng nhập” để lấy lại tên đăng nhập và mật khẩu Chức năng “Chưa có tên đăng nhập” Ngôn ngữ tiếng Anh – tiếng Việt

1.3 Trang chủ chính sau khi đăng nhập

1.4 Quản lý Hồ sơ cá nhân

Thông tin cá nhân: hiển thị, có thể chỉnh sửa Quản lý mật khẩu Cá nhân hóa: tải hình ảnh, tải hình nền Hiển thị danh sách tài khoản

Hiển thị thông tin và chương trình khuyến mại (notification)

1.5 Quản lý khoản vay

Liệt kê danh sách Xem chi tiết từng khoản vay Gửi yêu cầu từ khoản vay cụ thể Đổi tên, đặt tên khoản vay Lịch thanh toán Lịch sử thanh toán Yêu cầu Top-up, vay thêm, tất toán

1.6 Tiện ích

Tìm kiếm văn phòng gần nhất và những điểm thanh toán gần nhất Hướng dẫn thanh toán Giả lập khoản vay Hỏi đáp

1.7 Thanh toán

Hướng dẫn thanh toán Các kênh thanh toán điều hướng đến trang khách

1.8 Trình đơn Hamburger bao gồm quản lý thiết bị và cài đặt bảo mật

1.9 Liên hệ: bao gồm các kênh điện thoại, email, chat, văn phòng

1.10 Đăng xuất

Giai đoạn 2

2.1 Đăng ký vay

Thu thập khách hàng tiềm năng có quan tâm theo kênh ứng dụng Người đăng ký vay theo dõi tiến trình hồ sơ vay

2.2 Trang chủ chính

Bạn bè của tôi Câu lạc bộ VIP

2.3 Quản lý khoản vay

Thông tin về bảo hiểm khoản vay

2.4 Tiện ích

Giới thiệu bạn (vay) Auto Debit: đăng ký, yêu cầu hủy 2.5. Liên hệ - Giao tiếp Khảo sát ý kiến trực tuyến Kết nối tài khoản xã hội Cuộc gọi video Tự động pop-up theo vị trí GPS

2.5 Câu lạc bộ VIP

Đăng ký thành viên Điểm tích lũy và sử dụng Trả thưởng (quà, voucher hoặc cash back)

2.6 Thanh toán: tích hợp App-to-App, Web-to-App với đối tác thanh toán

Client Requirements

  • Clean, modern interface

  • Must stand out from competitors

  • Close collaboration with the Customer Experience Manager

Work Process

  • Remote job with twice-weekly office visits

  • Meetings to define features and specifications

  • Initial sketches on paper to refine layout and understanding

Wireframe and Layout Development

  • Provided Materials

    • Wireframe with flow and layout for the mobile version

    • Requirement to follow mobile wireframe while designing desktop version

  • Challenges

    1. Understanding Wireframe & Flow – Detailed discussions needed to ensure clarity

    2. Simultaneous Mobile & Desktop Design – No dedicated desktop wireframe, requiring close adaptation from mobile

Design

  • Key Responsibilities

    • Ensure layouts work across all devices

    • Maintain visual consistency with the provided color system

    • Enhance UX through discussions with the Customer Experience Manager

  • Core Feature

    • Chatbot with a survey to assess customer needs and deliver personalized results

  • Deliverables

    • Approved layouts presented below

Last updated

Was this helpful?