Qui Ubi

It's been a long time and I stop working on this material.

Official App

UBI Banca S.p.A. (Unione di Banche Italiane) is an Italian banking group of cooperative origin, fourth for the number of branches.

On the occasion of the newborn market mobile, new ideas were conceived to make all banking services usable on the go, including tablets and smartphones, and with an innovative interface design touch. Conceived and designed a cross app that supply the clients of Union Bank of Italy with usefull, endless and detailed financial features such as money transfering, charging prepaid cards and phone cards, trading, consulting finance infromations, managing investment-marketable-listed-negotioable securities and many others banking functions.

Paper Prototyping

In collaboration with the manager, hand drawing tables were produced for a preliminary analysis of the interface production. This way it was possible to immediately center the needs of the QuiUbi customer and at the same time anticipate the layout structure and related interactions that would arise along with.

Wirepaper
Wirepaper
Wirepaper

Wireframe

The design involved the wireframing phase, even before producing the User Interface. It is the so-called wire drawing for the exclusive purpose of laying the necessary QuiUbi foundations. At that time I was studying the first forms of Wireframe and then being able to transform them into a dedicated template library for template usage

Canvas
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
Canvas
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe

Style Guide

Based on the previosu guidelines document, a demanding iteration of the interfaces followed, reviewing screen by screen in order to make the general interactive idea of the application in the smallest detail for all the services offered by QuiUbi

styleguide
styleguide
styleguide
styleguide
styleguide
styleguide
styleguide
styleguide
styleguide

Android

User Interface Design

The Ui iteration has produced a massive amount of interfaces, to meet the complex and meticulous functions pertaining to the vast world of QuiUbi bank. The Design for Android devices included smartphones and tablets. One of the particular aspects in the design phase saw the study and experimentation to obtain a good balance between the guidelines of the Apple and the customer's request with the result of an innovative layout with three-dimensional interactivity.

Canvas
Canvas
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup

iOS

User Interface Design

The Ui iteration has produced a massive amount of interfaces, to meet the complex and meticulous functions pertaining to the vast world of QuiUbi bank. The Design for iOS devices included smartphones and tablets. One of the particular aspects in the design phase saw the study and experimentation to obtain a good balance between the guidelines of the Apple and the customer's request with the result of an innovative layout with three-dimensional interactivity.

Canvas
Canvas
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup
mockup