Unibank: Online Banking UX Design
Information Architecture

We started testing ideas with several sketches and wireframes; these helped us  propose solutions to the bank. 

Our challenge was to propose a great looking, easy to use web interface for their online banking, but following the banking software restrictions. In the main dashboard screen that the user sees just after login in, we proposed a clean look for the account's summary, separating them in chunks and grouped by type (savings, credit cards or loans).
The transactional screens presented more challenges, as the software tries to cram a lot of information and options into one page.  I designed the steps to be more self-evident, adding the actions as buttons that later, where designed as a standard.
UI Design
The visual design proposal incorporates the bank's branding to the visual interface, without adding unnecessary graphical elements to provide the users faster load times. 



Visual Patterns
We designed different visual patterns that could be replicated throughout the application, to communicate uniformity.
Front End
HTML/CSS Templates for the Development Team.

The project included the development of static HTML/CSS template pages, to give guidance to the backend development team on the design implementation. 
Unibank: Online Banking UX Design
5
286
3
Published:

Unibank: Online Banking UX Design

UI/UX Design for Online Banking Web Application
5
286
3
Published:

Tools

Adobe Photoshop
Copyright Info

No use is allowed without explicit permission from owner