Tablet-Branch
Project Description
Crafting an Efficient UI for Bank Employee Applications
Project Type
Tablet
Deliverable
UI Design
Goal
Our goal is to design an intuitive and efficient user interface optimized for the diverse roles and work environments of Kookmin Bank employees, simplifying work processes and maximizing productivity.
Challenge
The challenge was to simplify complex financial tasks and processes while meeting the role-specific needs of employees, maintaining strict data security and regulatory compliance, and minimizing workflow disruptions through seamless integration with existing legacy systems.
Outcome
By providing a role-based dashboard that enables quick access to essential information, the new interface significantly improved employee satisfaction and work engagement.
3
Months of collab
1
Deliverables
Project timeline
Wireframe
(As-is)
An analysis of the wireframes from the previous interface design revealed that excessive empty space at the bottom of the screen caused key information and interactive elements to be overly concentrated in the center. This imbalance disrupted the user’s natural workflow, leading to decreased task efficiency and overall interface usability.
Wireframe
(To-be)
In the wireframe improvement process, the main content most relevant to the user was positioned at the center of the screen, with supporting content balanced around it to maximize spatial efficiency. This design approach clarified the visual focus for primary tasks while seamlessly integrating auxiliary functions and information, significantly enhancing the overall screen flow and usability.
Grid
An 8-column grid system optimized for tablet environments was implemented to ensure consistency and readability in screen layouts. This system adjusted the ratio between primary and secondary content, ensuring each element occupied an appropriate space. Additionally, the grid's flexibility was enhanced by making minor adjustments in specific areas to accommodate various interface elements and content types, achieving both visual balance and functional efficiency.
Typography
A systematic analysis and organization of previously used font styles were conducted, followed by standardization to enhance design consistency. Clear guidelines were established for key text elements such as headings, body text, and buttons, improving readability and visual cohesion. This standardized typography system was designed to maintain consistency in future projects and to be reliably applied across various screen sizes and user scenarios.
Components
Core design elements, including UI components, typography, color palettes, icons, and grid systems, were integrated and standardized to maintain a consistent user experience and brand identity while maximizing reusability and scalability.
Virtual Assistant
The 3D design of the brand character was implemented as a virtual assistant integrated into the software, offering intuitive interactions and visual enjoyment to enhance the user experience. This 3D character was designed to strengthen brand identity while fostering a sense of approachability among employees.
