Challenge
Many task types
The app needed to support different business tasks without making users remember where every function lived.
Mobile App UI / Enterprise Tool / Information Architecture
Hotai Finance Co
Designed a task-oriented mobile finance interface for complex enterprise workflows.
A mobile enterprise interface for Hotai Finance users to log in, search customer records, review dealer and sales data, check payment details, and access finance-related information through a clearer task-based structure.
Challenge
Challenge
Dense finance data
Customer, application, account, and payment details had to stay readable on a narrow mobile screen.
Challenge
Operational confidence
Users needed clear feedback for login errors, missing search results, password changes, logout confirmation, and settlement calculations.
UX Approach
I structured the experience around repeatable task patterns: search input, result list, detail view, action confirmation, and system feedback. This allowed different finance workflows to feel familiar even when the content changed.
Key Flows
Search to result
The search pages use large input fields and a single primary action so users can enter criteria quickly. Results are presented as cards with strong labels, making records easier to scan before opening details.
Finance record review
Application and payment screens rely on a consistent label-value structure. This keeps long finance records readable and helps users compare case numbers, payment status, dates, and amounts.
System feedback
Modal messages provide direct confirmation for important states such as login failure, sorting options, settlement calculation, and account actions. The visual pattern keeps feedback prominent while staying consistent with the app's interface.
Design Decisions
Consistent red header
The branded top area anchors the interface and keeps navigation recognizable across different tasks.
Card-based records
Cards separate results into readable units, helping users scan finance records without losing context.
Large touch targets
Inputs, buttons, and menu rows were designed for quick mobile operation in an enterprise workflow.
Outcome
Clearer task navigation
Users can move between customer, dealer, sales, account, and application functions through a direct menu structure.
Better mobile readability
Data-heavy finance content is organized into repeatable label-value layouts and scannable cards.
Reusable UI system
Search, list, detail, sorting, and modal patterns create a scalable foundation for additional finance workflows.
If I had more time,
I would validate the design through usability testing
and iterate based on real user feedback.